@extends('layouts.main', ['title' => 'Driver Loss Management'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li class="active">Drivers Loss Management</li>
        </li>
    </ul>
@stop
@section('title')
    Drivers
@endsection
@section('msghead_menu')
    <li class="right btn-group">
        <div class="btn-group">
            @if(auth()->user()->can('PRINT TRIP DOCUMENTS'))
                <a class="btn" id="print_documents"  data-title="Select trip of the same Batch">PRINT DOCUMENT(s)</a>
            @endif

            <button class="btn" onclick="openAdvancedSearch('drivers_filter')">
                <span class="icon-search"></span> &nbsp; FILTER
            </button>
        </div><!--btn-group-->
    </li>
@endsection
@section('contentinner')
    <!-- Main Table -->
    <div id="drivers_filter" class="sidenav">
        <a href="javascript:void(0)" class="closebtn"
           onclick="closeAdvancedSearch('drivers_filter')">&times;</a>

        <div style="margin-bottom: 8px">
            <form target="_blank" class="form-inline form-filter" method="get"
                  action="#">

                <label class="control-label" for="Category">Driver</label>
                <select name="select" width="100%" id="driver_id" class="searchable_select">
                    <option value="">ALL</option>
                    @foreach($drivers as $driver)
                        <option value="{{$driver->employee_id}}">{{$driver->driver}}</option>
                    @endforeach
                </select>
                <label class="control-label" for="Category">Truck</label>
                <select name="select" width="100%" id="truck_id" class="searchable_select">
                    <option value="">ALL</option>
                    @foreach($trucks as $truck)
                        <option value="{{$truck->id}}">{{$truck->registration_number}}</option>
                    @endforeach
                </select>
                <label class="control-label" for="Category">D.O.N</label>
                <select name="select" width="100%" id="route_assignment_id" class="searchable_select">
                    <option value="">ALL</option>
                    @foreach($delivery_notes as $delivery_note)
                        <option value="{{$delivery_note->id}}">{{$delivery_note->id}}</option>
                    @endforeach
                </select>

                <label class="control-label" for="Category">Recovery Status</label>
                <select name="select" width="100%" id="planning_status" class="searchable_select">
                    <option value="">ALL</option>
                    <option value="NOT_PLANNED" selected> Not Planned</option>
                    <option value="PLANNED"> Planned</option>
                </select>


                <button class="btn" style="margin-top: 3%;" id="filter_driver_botton">FILTER</button>
                {{--<input class="btn" id="print_permits" type="submit" value="PRINT">--}}
            </form>

        </div>
    </div>

    <div class="row-fluid">
        <div class="span12">

            <table style="width: 100%" class="table table-bordered logistics_table" id="operation_driver_losses">
                <thead>
                <tr>
                    <th width='5px'><input type="checkbox" class="checkall"/></th>
                    <th>Offloading Date</th>
                    <th>Driver</th>
                    <th>Truck</th>
                    <th>D.O.N</th>
                    <th>Destination</th>
                    <th>Loaded QTY</th>
                    <th>Received QTY</th>
                    <th>Allowable</th>
                    <th>Loss</th>
                    <th style="text-align: center">Loss Amount</th>
                    <th>Action</th>
                </tr>
                </thead>
                {{--*/ $total = 0 /*--}}
                {{--*/ $total_quantity =0 /*--}}
                {{--*/ $total_quantity_lossed =0 /*--}}
                {{--*/ $total_losses_amount =0 /*--}}
                {{--*/ $total_bonus_amount =0 /*--}}
                <tfoot>
                <tr>
                    <td colspan="8" style="text-align: right;font-size: 10px;line-height: 10px">TOTAL</td>
                    <td style="text-align: right"></td>
                    {{--                    <td colspan="1"></td>--}}
                    {{--                    <td style="text-align: right"></td>--}}
                    {{--                    <td style="text-align: right">{{number_format($total_losses_amount,2)}}</td>--}}
                    <td style="text-align: right">{{number_format($total_bonus_amount,2)}}</td>
                </tr>
                </tfoot>
            </table>

        </div><!--span12-->
    </div><!--row-fluid-->

    <script>


        $('#print_documents').on('click', function () {

            jQuery('.loading_order_item_id').each(function () {
                if (jQuery(this).is(':checked')) {
                    let loading_order_item_id = jQuery(this).val();
                    let print_documents = "{{ route('operations.loading_order_items.delivery_orders.print', [":id"]) }}";
                    window.open(print_documents.replace(':id', loading_order_item_id), '_blank');
                }
            });
            return false;
        });

        var mainDataTable = jQuery('#operation_driver_losses').on('error.dt', function (e, settings, techNote, message) {
            console.log('An error has been reported by DataTables: ', message);
            $.jGrowl("ERROR LOADING DATA!", {header: 'Important'});
            stopSpinner();
        })
            .DataTable({
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No Orders available.",
                    "sInfoEmpty": "No entries to display."
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                ajax: {
                    url: "{{ route('driver_losses_management.all_losses.datatable') }}",
                    data: function (d) {
                        d.driver_id = $('#driver_id').val();
                        d.route_assignment_id = $('#route_assignment_id').val();
                        d.truck_id = $('#truck_id').val();
                        d.planning_status = $('#planning_status').val();
                    }
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "aoColumnDefs": [
                    {
                        "aTargets": [10],
                        "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                            jQuery(nTd).css('text-align', 'right');
                            if ((sData == 0.00)) {
                                jQuery(nTd).addClass('highlight-red')
                            }
                        }
                    }
                ],
                "columns": [
                    {
                        data: 'checkbox',
                        "class": "dt_checkbox",
                        "orderable": false
                    },
                    {"class": "link", data: 'offload_date'},
                    {"class": "link", data: 'driver'},
                    {"class": "link", data: 'truck'},
                    {"class": "link", data: 'route_assignment_id'},
                    // {"class": "link", data: 'product'},
                    {"class": "link", data: 'destination'},
                    {"class": "link", data: 'loading_quantity'},
                    {"class": "link", data: 'offloading_quantity'},
                    // {"class": "link", data: 'different_quantity'},
                    {"class": "link", data: 'allowable_loss'},
                    {"class": "link", data: 'driver_loss'},
                    {"class": "link", data: 'driver_loss_amount'},
                    // {"class": "link", data: 'status'},
                    {"class": "link", data: 'action'}
                ],
                "fnDrawCallback": function () {
                    $('.loading_order_item_id').on('click', function () {

                        let loading_order_item_id = [];
                        jQuery('.loading_order_item_id').each(function () {
                            if ($(this).is(':checked')) {
                                var tr = jQuery(this).parents('tr');
                                loading_order_item_id.push(tr.find('.loading_order_item_id').val());
                            }
                        });
                        if (new Set(loading_order_item_id).size !== 1) {
                            $('#print_documents').hide();
                        } else {
                            $('#print_documents').show();
                        }
                    });
                },
                "footerCallback": function (row, data, start, end, display) {
                    var api = this.api(), data;

                    // Remove the formatting to get integer data for summation
                    var intVal = function (i) {
                        return typeof i === 'string' ?
                            i.replace(/[\$,]/g, '') * 1 :
                            typeof i === 'number' ?
                                i : 0;
                    };

                    // Total over all pages
                    total_amount = api
                        .column(8)
                        .data()
                        .reduce(function (a, b) {
                            return intVal(a) + intVal(b);
                        }, 0);
                    // total_amount_debit = api
                    //     .column(11)
                    //     .data()
                    //     .reduce(function (a, b) {
                    //         return intVal(a) + intVal(b);
                    //     }, 0);
                    total_amount_credit = api
                        .column(8)
                        .data()
                        .reduce(function (a, b) {
                            return intVal(a) + intVal(b);
                        }, 0);

                    //                        total_paid_amount = api
                    //                            .column(8)
                    //                            .data()
                    //                            .reduce(function (a, b) {
                    //                                return intVal(a) + intVal(b);
                    //                            }, 0);
                    //                        total_paid_amount_balance = api
                    //                            .column(11)
                    //                            .data()
                    //                            .reduce(function (a, b) {
                    //                                return intVal(a) + intVal(b);
                    //                            }, 0);

                    // Update footer
                    jQuery(api.column(7).footer()).html(total_amount.toLocaleString());
                    // jQuery(api.column(11).footer()).html( total_amount_debit.toLocaleString());
                    jQuery(api.column(8).footer()).html(total_amount_credit.toLocaleString());
                    {{--jQuery(api.column(7).footer()).html('{{$total_invoice_amount['currency']}}  ' + total_paid_amount.toLocaleString());--}}
                    {{--jQuery(api.column(8).footer()).html('{{$total_invoice_amount['currency']}}  ' + total_paid_amount_balance.toLocaleString());--}}
                },
                "bStateSave": true
            });

        $('#filter_driver_botton').on('click', function (e) {
            e.preventDefault();
            mainDataTable.draw();
        });


        $('#operation_driver_losses tbody').on('dblclick', 'tr td.link', function () {
            var tr = $(this).closest('tr');
            var loading_order_vehicle_id = tr.find('.loading_order_destination_id').val();

            var url = "{{route('driver_managements.loading_order_destinations.driver_losses.print',[':id'])}}";
            url = url.replace(":id", loading_order_vehicle_id);
            //            window.open(url, '_blank');
            winClose = popupwindow(url, 'DRIVER LOSS', 3508, 4961);
        });
    </script>

@endsection