@extends('adminlte::page')

@section('content')
    <div class="card card-default card-tabs">
        <div class="card-header">
            <h3 class="card-title"><b>
                    @if (Request::is('carriers-portal/drivers-report-by-week') || Request::is('carriers-portal/drivers-report-by-day'))
                    {{ 'Driver Reports' }} @else {{ 'Carrier Reports' }} @endif
                </b> </h3>
        </div>
    </div>
    <div class="card card-default card-tabs">
        <div class="card-header">
            <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link @if (!isset(request()->type)) active @endif" id="summary-tab" data-toggle="pill"
                        href="#summary-tab-wrapper" role="tab" aria-controls="summary-tab-wrapper"
                        aria-selected="false">Summary by Driver by Week</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link @if (isset(request()->type) && request()->type == 'byWeek') active @endif" id="week-tab" data-toggle="pill" href="#week-tab-wrapper"
                        role="tab"
                        aria-controls="week-tab-wrapper" aria-selected="false">Transactions by Week</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link @if (isset(request()->type) && request()->type == 'byDay') active @endif" id="day-tab" data-toggle="pill" href="#day-tab-wrapper"
                        role="tab" aria-controls="day-tab-wrapper" aria-selected="false">Transactions by Day</a>
                </li>
            </ul>
        </div>

        <div class="card-body">

            <div class="tab-content" id="custom-tabs-one-tabContent">
                <div class="tab-pane fade @if (isset(request()->type) && request()->type ==
                    'byWeek') active @endif show" id="week-tab-wrapper-tab" role="tabpanel"
                    aria-labelledby="week-tab">
                    <form action="/carriers-portal/by-week" method="get" class="form-inline">
                        <input type='hidden' name="type" value="byWeek">
                        <label for="week_id">Week ID</label>
                        <select name="week_id[]" id="week_id" multiple style="width:200px">
                            @foreach ($week_ids as $k => $wi)
                                <option value="{{ $wi['wi'] }}" @if (!empty(Request()->week_id) && in_array($wi['wi'], Request()->week_id)) selected
                                @elseif(!isset(Request()->week_id) && $k == 0) selected @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="">All</option>     -->
                                <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>


                        <label for="unit_no">Unit no</label>
                        <select name="unit_no" style="width:200px">
                            <option value="">Select Unit</option>
                            @foreach ($unit_no as $u)
                                @if ($u['unit'] != '')
                                    <option value="{{ $u['unit'] }}" @if (!empty(request()->input('unit_no')) && $u['unit'] === request()->input('unit_no')) selected @endif>
                                        {{ $u['unit'] }}
                                    </option>
                                @endif
                            @endforeach
                        </select>

                        <input type="submit" value="Search" class="btn btn-success" style="margin-right:5px" />
                        @if (Request::is('carriers-portal/drivers-report-by-week'))
                            <input type="submit" class="btn btn-info" name="drivers_export_excel" style="margin-right:5px"
                                value="Export XLS" />
                            <input type="submit" class="btn btn-info" name="drivers_export_pdf" value="Export PDF" />
                        @else
                            <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" />
                        @endif

                    </form>
                    @include('carriers-portal.by-week-by-day',['report'=>$report])

                </div>


                <div class="tab-pane fade @if (isset(request()->type) && request()->type ==
                    'byDay') active @endif show" id="day-tab-wrapper-tab" role="tabpanel"
                    aria-labelledby="day-tab">
                    <form action="/carriers-portal/by-day" method="get" class="form-inline">

                        <input type="hidden" name="type" value="byDay" />
                        <label for="from">Date From</label>
                        <input type="date" name="from" id='from' value="{{ request()->input('from') }}"
                            class="form-control" style="width:170px" />
                        <label for="to">Date To</label>
                        <input type="date" name="to" id='to' class="form-control" value="{{ request()->input('to') }}"
                            style="width:170px" />

                        <div class="form-group">
                            <label for="country">Country</label>
                            <select name="country" id="country" class="form-control" style="margin-right:5px">
                                <!-- <option value="">All</option>     -->
                                <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>


                        <label for="unit_no">Unit no</label>
                        <select name="unit_no" id="unit_no" data-single-radio="true" style="width:200px">
                            <option value="">Select Unit</option>
                            @foreach ($unit_no as $u)
                                @if ($u['unit'] != '')
                                    <option value="{{ $u['unit'] }}" @if (!empty(request()->input('unit_no')) && $u['unit'] === request()->input('unit_no')) selected @endif>{{ $u['unit'] }}
                                    </option>
                                @endif
                            @endforeach
                        </select>

                        <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>
                    @include('carriers-portal.by-week-by-day',['report'=>$report])

                </div>

                <div class="tab-pane fade  @if (!isset(request()->type)) active @endif show" id="summary-tab-wrapper-tab" role="tabpanel"
                    aria-labelledby="summary-tab">

                    <form action="/carriers-portal/by-week#summary-tab-wrapper" method="get" class="form-inline">

                        <label for="week_id">Week ID</label>
                        <select name="week_id[]" id="week_id2" multiple style="width:200px">
                            @foreach ($week_ids as $k => $wi)
                                <option value="{{ $wi['wi'] }}" @if (!empty(Request()->week_id) && in_array($wi['wi'], Request()->week_id)) selected
                                @elseif(!isset(Request()->week_id) && $k == 0) selected @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="country2" class="form-control" style="margin-right:5px">
                                <!-- <option value="">All</option>     -->
                                <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>

                        {{-- <label for="unit_no">Unit no</label>
                        <select name="unit_no" id="unit_no2" style="width:200px">
                            <option value="">All</option>
                            @foreach ($unit_no as $u)
                                @if ($u['unit'] != '')
                                    <option value="{{ $u['unit'] }}" @if (!empty(request()->input('unit_no')) && $u['unit'] === request()->input('unit_no')) selected @endif>{{ $u['unit'] }}
                                    </option>
                                @endif
                            @endforeach
                        </select> --}}

                        <input type="submit" value="Search" class="btn btn-success" style="margin-right:5px" />

                    </form>

                    <table class="table datatables table-striped table-bordered" id="summary" style="margin-top:30px">
                        <thead style="text-align: center">
                            <th>Driver Name</th>
                            <th>Unit #</th>
                            <th># Trans</th>
                            <th>Total</th>
                            <th>Discount</th>
                            <th>TTP</th>
                            <th>Preview </th>
                            <th>Export</th>
                        </thead>
                        <tbody style="text-align:center">
                            <tr>
                                <td><b>Totals</b> </td>
                                <td> </td>
                                <td>{{ $summary_report_totals[0]['trans'] }}</td>
                                <td>{{ $summary_report_totals[0]['total_sum'] }}</td>
                                <td>{{ $summary_report_totals[0]['total_discount'] }}</td>
                                <td>{{ $summary_report_totals[0]['total_ttp2'] }}</td>
                                <td></td>
                                <td><a href="{{ urldecode(Request::getRequestUri()) }}&export_excel=export"
                                        class="btn btn-info">Excel</a> |<a
                                        href="{{ urldecode(Request::getRequestUri()) }}&export_pdf=export"
                                        class="btn btn-info">PDF</a> </td>
                            </tr>
                            @foreach ($summary_report as $carrier)
                                <tr>
                                    <td>{{ $carrier->driver }}</td>
                                    <td>{{ $carrier->unit }}</td>
                                    <td>{{ $carrier->trans }}</td>
                                    <td>{{ $carrier->total_sum }}</td>
                                    <td>{{ $carrier->total_discount }}</td>
                                    <td>{{ $carrier->total_ttp2 }}</td>
                                    <td>
                                        @if ($carrier->unit != '')<button
                                                class="btn btn-primary preview_btn"
                                                link="{{ urldecode(Request::getRequestUri()) }}&preview_pdf=export&unit_no={{ $carrier->unit }}"
                                            data-target="#preview"><i class="fa fa-eye"></i> Preview</button>@else -
                                        @endif
                                    </td>
                                    <td>
                                        @if ($carrier->unit != '')<a
                                                href="{{ urldecode(Request::getRequestUri()) }}&export_excel=export&unit_no={{ $carrier->unit }}"
                                                class="btn btn-info">Excel</a> |<a
                                                href="{{ urldecode(Request::getRequestUri()) }}&export_pdf=export&unit_no={{ $carrier->unit }}"
                                            class="btn btn-info">PDF</a> @else - @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                </div>

            </div>
        </div>
    </div>
    <!-- /.card-body -->




    <div class="modal fade" id="edit_transaction">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Edit transaction</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" class="form-control" id="trans_id">
                    <div class="form-group">
                        <label for="unit_no" class="col-form-label">Date:</label>
                        <input type="text" class="form-control" id="date" disabled>
                    </div>

                    <div class="form-group">
                        <label for="unit_no" class="col-form-label">Merchant:</label>
                        <input type="text" class="form-control" id="merchant" disabled>
                    </div>

                    <div class="form-group">
                        <label for="unit_no" class="col-form-label">Unit#:</label>
                        <input type="text" class="form-control" id="unit_no">
                    </div>

                    <div class="form-group">
                        <label for="driver" class="col-form-label">Driver:</label>
                        <input type="text" class="form-control" id="driver">
                    </div>


                    <button type="button" class="btn btn-success" onclick="updateTransaction(this)">Save</button>
                </div>
                </form>

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

    <!-- /.modal-dialog -->
    <div class="modal modal-xl fade" style="left:400px;top:300px" id="preview">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Preview</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <iframe src="" id="iframe_preview" frameborder="0" width="1100px" height="800px"></iframe>
                </div>

            </div>
        </div>
    </div>

@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 src="{{asset('js/carrier-portal.js')}}"></script>

    <script>
        $(function() {

            $('.preview_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);

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

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });


            $('#week_id').multipleSelect();
            $('#week_id2').multipleSelect();


            $('#custom-tabs-one-tab a').click(function(e) {
                e.preventDefault();
                var tabId = $(this).attr('aria-controls');
                $('.tab-pane').removeClass('active');
                $('.tab-pane').removeClass('show');
                $('#'+tabId+'-tab').tab('show');
            });

            // store the currently selected tab in the hash value
            $("ul.nav-tabs > li > a").on("shown.bs.tab", function(e) {
                var id = $(e.target).attr("href").substr(1);
                window.location.hash = id;
            });

            // on load of the page: switch to the currently selected tab
            var hash = window.location.hash;
            $('#custom-tabs-one-tab a[href="' + hash + '"]').trigger('click');


            $('#edit_transaction').on('show.bs.modal', function(event) {
                var button = $(event.relatedTarget); // Button that triggered the modal

                var modal = $(this);
                modal.find('.modal-title').text('Edit transaction');
                modal.find('.modal-body #unit_no').val(button.data('unit'));
                modal.find('.modal-body #driver').val(button.data('driver'));
                modal.find('.modal-body #trans_id').val(button.data('trans_id'));
                modal.find('.modal-body #date').val(button.data('date'));
                modal.find('.modal-body #merchant').val(button.data('merchant'));


            })

            if (window.location.href.indexOf("drivers-report") > -1) {
                $("a.nav-link").each(function(i) {
                    if ($(this).attr('href').indexOf("drivers-report") > -1) {
                        $(this).addClass('active');
                    }
                });
            }

            if (window.location.href.indexOf("/by-day") > -1) {
                $("a.nav-link").each(function(i) {
                    if ($(this).attr('href').indexOf("/by-week") > -1) {
                        $(this).addClass('active');
                    }
                });
            }


        });

        

        $("#summary").DataTable({
            "paging": false,
            "searching": false,
            "bInfo": false,
            "order": [
                [3, "asc"]
            ]
        });

        $("#transactions_by_week").DataTable({
            "paging": false,
            "searching": false,
            "bInfo": false,
            "order": [
                [3, "asc"]
            ]
        });

    </script>
@stop