@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
@stop

@section('content')

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">IFTA Reports </h3>


            <button type="button" class="btn btn-success" data-toggle="modal" data-target="#generate-reports"
                style="margin-right: 5px;margin-left:10px;float:right">
                Generate reports
            </button>
            <a href="/ifta/send-all" class="btn btn-success" onclick="return confirm('Are you sure that you want to sent all emails ?')" style="float:right;">Send all</a>
        </div>
        <!-- /.card-header -->
        <div class="card-body">

            <table class="table table-bordered table-hover table-stripped">
                <thead>
                    <th>Carrier</th>
                    <th>Username</th>
                    <th>Date of last transaction</th>
                    <th>Reports</th>
                </thead>
                @foreach ($carriers as $carrier)
                    <tr>
                        <td><a href="/ifta/{{ $carrier->id }}"> {{ $carrier->name }} </a></td>
                        <td>
                            @if (isset($carrier->user->username))
                                {{ $carrier->user->username }} @endif
                        </td>
                        <td>
                            @if ($carrier->dateOfLastTransaction() != null)
                                {{ $carrier->dateOfLastTransaction()->date->format('m/d/Y') }} @endif
                        </td>
                        <td>@if(count($carrier->iftaReports)>0)
                                @foreach ($carrier->iftaReports as $report)
                                    ({{$report->quarter->quarter}} - {{$report->status}} <a href="/ifta/{{$report->id}}/download-report">View</a> ) 
                                @endforeach
                            @endif
                        </td>
                    </tr>
                @endforeach
            </table>
        </div>

        <div class="modal fade" id="generate-reports">
            <div class="modal-dialog">
                <div class="modal-content">
                    <form action="/ifta/generate-report" method="post">
                        @csrf
                        <div class="modal-header">
                            <h4 class="modal-title">Generate IFTA Reports</h4>

                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <input type="hidden" name="report_type" value="pilot-statements">

                            <label for="carrier_id">Carrier</label>
                            <select name="carrier_id" id="carrier_id" class="form-control">
                                <option value="">All</option>
                                @foreach ($carriers as $carrier)
                                    <option value="{{$carrier->id}}">{{$carrier->name}} </option>
                                @endforeach

                            </select> <br />
                            <label for="quarter">Quarter</label>
                            <select name="quarter" id="quarter" class="form-control">
                                <option value=""> </option>
                                @foreach ($quarters as $quarter)
                                    <option value="{{$quarter->id}}">{{$quarter->quarter}} </option>
                                @endforeach

                            </select> <br />

                            <input type="submit" class="btn btn-success" value="Generate" />
                        </div>
                    </form>

                </div>
            </div>
            <!-- /.modal-content -->
        </div>
    @endsection

    @section('css')

    @stop
    @section('js')

    @stop