@extends('adminlte::page')

@section('content')

<div class="card">
    <div class="card-header">
        <h3 class="card-title"><b>Search </b> </h3>
    </div>
    <div class="card-body">
        <form action="/fulger-ap" method="get" class="form-inline">
            <label for="week_id">Week ID</label>
            <select name="week_id[]" id="week_id" multiple="multiple" style="width:200px">
                @foreach($week_ids as $wi)
                <option value="{{$wi['wi']}}" @if(!empty(Request()->week_id)) @foreach (Request()->week_id as $week_id)
                    @if($wi['wi']==$week_id) selected @endif @endforeach

                    @endif>{{$wi['label']['week_start']}} - {{$wi['label']['week_end']}} </option>
                @endforeach
            </select>
            <div class="form-group">
                <label for="country">Country</label>
                <select name="country" id="country" class="form-control" style="margin-right:5px">
                    <option value="US" @if(request()->input('country')=='US') selected @endif>US</option>
                    <option value="CAN" @if(request()->input('country')=='CAN') selected @endif>CAN</option>
                </select>
            </div>
            <div class="form-group">
                <label for="unit">Unit#</label>
                <input type="text" name="unit" class="form-control" style="width:80px;margin-left:5px;margin-right:5px"
                    value="{{request()->input('unit')}}">
            </div>
            <input type="submit" value="Search" class="btn btn-success" style="margin-right:5px" />
            <input type="submit" class="btn btn-info" name="export_excel" style="margin-right:5px" value="Export XLS" />
            <input type="submit" class="btn btn-info" name="export_pdf" value="Export PDF" />
        </form>
    </div>
</div>
<!-- /.card-body -->
</div>

<table class="table table-striped table-bordered" id="summary">
    <thead style="text-align: center">
        <th>Driver</th>
        <th>Unit</th>
        <th>Merchant</th>
        <th>Retail Price</th>
        <th>Truck volume</th>
        <th>Reefer volume</th>
        <th>Total</th>
        <th>Discount</th>
        <th>Total to pay</th>
        <th>Country</th>
    </thead>
    <tbody>
        @foreach($report as $carrier)
        <tr>
            <td>{{$carrier->driver}}</a></td>
            <td>{{$carrier->unit}}</td>
            <td>{{$carrier->merchant}}</td>
            <td>{{$carrier->price}}</td>
            <td>{{$carrier->volume}}</td>
            <td>{{$carrier->reefer_quantity}}</td>
            <td>{{number_format($carrier->total,2)}}</td>
            <td>{{number_format($carrier->total_discount,2)}}</td>
            <td>{{number_format($carrier->ttp2,2)}}</td>
            <td>{{$carrier->us_can}}</td>
        </tr>
        @endforeach
    </tbody>
</table>

{{$report->appends(request()->input())->links()}}

@stop


@section('css')
<link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://unpkg.com/multiple-select@1.5.2/dist/multiple-select.min.css">

<style>
    .loading {
        width: 300px;
        padding: 20px;
        background: orange;
        color: white;
        text-align: center;
        margin: 0 auto;
    }

    .modal {
        position: fixed;
        top: 1% !important;
        left: 5%;
    }

</style>

@stop
@section('js')
<script src="https://unpkg.com/multiple-select@1.5.2/dist/multiple-select.min.js"></script>
<script>
    $(function () {
        $("#summary").DataTable({
            "paging": false,
            "searching": false,
            "bInfo": false
        });
        $('#week_id').multipleSelect();

    });

    $('.btn').click(function () {
        var link = $(this).attr('link');
        var modal = $('.modal');
        $('#iframe_preview').attr('src', '');

        modal.find('.modal-content p').load(link);
        $('#iframe_preview').attr('src', link);


        $('.modal').modal({
            show: true
        });

    })

</script>
@stop