@extends('layouts.main')
@section('title')
    Export Vehicle Performance
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('clients.index')}}">Clients</a> <span class="divider">/</span></li>
        <li class="active">Export Vehicle Performance</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">
        <button class="btn" onclick="openAdvancedSearch()" style="margin-right: 2px">
            <span class="icon-search"></span> &nbsp; FILTER & <span class="icon-print"></span> PRINT
        </button>
        {{--<button class="btn" style="margin-right: 2px" id="miltipurpose_invoice"><span--}}
        {{--class="iconsweets-create"></span> GENERATE INVOICE--}}
        {{--</button>--}}
    </li>
@stop
@section('contentinner')
    <style>
        .logistics_table tbody tr td {
            font-size: 10px;
            font-weight: 600;
        }

        .logistics_table tbody tr:hover, tr.selected {
            background-color: #eeeeee;
            color: #50a5c5;
            font-weight: 600;
        }
    </style>
    <div class="row-fluid">
        <div class="span12">
            <div id="advanced_search" class="sidenav">
                <a href="javascript:void(0)" class="closebtn" onclick="closeAdvancedSearch()">&times;</a>

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

                        <label class="control-label" for="Category">D.O.NO.</label>
                        <input type="text" name="delivery_order_Number" id="delivery_order_Number" class="span12"
                               value="">
                        <label class="control-label" for="Category">Vehicle NO.</label>
                        {{--<span class="field">--}}
                        <select name="select" width="200px" id="truck_id" multiple>
                            <option value="">ALL</option>
                            @foreach($trucks as $vehicle)
                                <option value="{{$vehicle->id}}">{{$vehicle->registration_number}}</option>
                            @endforeach
                        </select>
                        <label class="control-label" for="Category">Date From</label>
                        <input type="text" name="date_from" id="start_date" class="input-large"
                               value="">
                        <label class="control-label" for="Category">Date to</label>
                        <input type="text" name="date_to" id="end_date" class="input-large">
                        {{--<label class="control-label" for="Category">Status</label>--}}
                        {{--<select name="select" width="200px" id="status">--}}
                        {{--<option value="">ALL</option>--}}
                        {{--<option value="PAID">ALL PAID</option>--}}
                        {{--<option value="FULL_PAID">FULL PAID</option>--}}
                        {{--<option value="PARTIAL_PAID">PARTIAL PAID</option>--}}
                        {{--<option value="NOT_PAID">NOT PAID</option>--}}
                        {{--</select>--}}
                        <button class="btn" style="" id="search-form">FILTER</button>
                        <button class="btn" style="" id="export_to_excel"><span class="iconsweets-excel"></span> EXCEL
                        </button>
                    </form>
                </div>
            </div>

            <table class="table table-condensed table-bordered logistics_table" id="loadingOrdersTable"
                   route="{{ route('loading_orders.indexDatas') }}">
                <thead>
                <tr>
                    <th width='5px'><input type="checkbox" class="checkall"/></th>
                    <th>D.O.N</th>
                    <th>Date</th>
                    <th>Truck</th>
                    <th>Driver</th>
                    <th>Client</th>
                    <th>Cargo</th>
                    <th>Quantity</th>
                    <th>Destination</th>
                    <th>INV Date</th>
                    <th>INV NO.</th>
                    <th>Amount</th>
                </tr>
                </thead>
            </table>
        </div><!--tab-pane-->
    </div>

    <audio id="audio" src="https://www.soundjay.com/transportation/sounds/tractor-drive-by-fast-on-highway-01.mp3"
           autostart="false"></audio>
    <script>
        jQuery('#container,#route_assignment_id,#truck_id,#route_id,#status').select2();
        jQuery("#start_date").datepicker({format: 'dd-mm-yyyy'});
        jQuery("#end_date").datepicker({format: 'dd-mm-yyyy'}).bind("change", function () {
            var minValue = jQuery(this).val();
            minValue = jQuery.datepicker.parseDate("dd-mm-yyyy", minValue);
            minValue.setDate(minValue.getDate() + 1);
            jQuery("#start_date").datepicker("option", "minDate", minValue);
        });

        var mainDataTable = jQuery('#loadingOrdersTable').DataTable(
                {
                    lengthMenu: [
                        [17, 50, 100, 200],
                        ['17', '50', '100', '200']
                    ],
                    "oLanguage": {
                        "sLoadingRecords": "Please wait - loading orders...",
                        "sZeroRecords": "No Orders available.",
                        "sInfoEmpty": "No entries to display."
                    },
                    ajax: {
                        url: "{{ route('clients.loading_order_destinations.indexDatas') }}",
                        data: function (d) {
                        }
                    },
                    scrollCollapse: true,
                    "sPaginationType": "full_numbers",
                    processing: true,
                    serverSide: true,
                    "columns": [
                        {data: 'checkbox'},
                        {"class": "link", data: 'document_number'},
                        {"class": "link", data: 'loading_date'},
                        {"class": "link", data: 'truck'},
                        {"class": "link", data: 'driver'},
                        {"class": "link", data: 'client'},
                        {"class": "link", data: 'cargo'},
                        {"class": "link", data: 'quantity'},
                        {"class": "link", data: 'destination'},
                        {"class": "link", data: 'invoice_date'},
                        {"class": "link", data: 'invoice_number'},
                        {"class": "link", data: 'invoice_amount'}
                    ],
                    "bStateSave": true
                });
        jQuery('#search-form').on('click', function (e) {
            searchTable(e);
        });

        jQuery('#generate_client_invoice').on('submit', function (e) {
            e.preventDefault();
            var generate_client_invoice_form = jQuery(this);
            jQuery.ajax({
                url: generate_client_invoice_form.attr('action'),
                type: 'POST',
                data: generate_client_invoice_form.serialize(),
                success: function (data) {
                    jQuery.jGrowl('INVOICE GENERATED, CLICK HERE TO PRINT INVOICE <a class="btn btn-mini" href="' + data + '" target="_blank">PRINT</a>', {
                        theme: 'contrastBorder',
                        sticky: true
                    });
                    jQuery('#clientBilling').modal('hide');
                    ;
                    jQuery('#clients-route-assignments-list').dataTable().fnFilter(this);
                }
            });
        });

        function searchTable(e) {
            oTable.draw();
            e.preventDefault();
        }
        jQuery(document).jkey('alt+g', function () {
            var checked = jQuery('.destinations:checked').length > 0;
            if (!checked) {
                var sound = document.getElementById("audio");
                sound.play();
                jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} Please check at least one route to continue with invoice process ', {
                    theme: 'contrastBorder',
                    sticky: true
                });
//            alert("Please check at least one route to continue with invoice process");
                return false;
            }
            var checkDestianation = [];
            jQuery('.destinations').each(function () {
                if (jQuery(this).is(':checked')) {
                    checkDestianation.push(jQuery(this).val());
                }
            });
            clientBilling(checkDestianation)
        });

        jQuery(document).jkey('alt+f', function () {
            jQuery("#advanced_search").css({
                "width": 230,
                'padding-left': 30
            });
        });
        jQuery(document).jkey('alt+shift+f', function () {
            jQuery("#advanced_search").css({
                "width": 0,
                'padding-left': 0
            });
        });

        jQuery('#miltipleInvoicing').click(function () {
            var checked = jQuery('.destinations:checked').length > 0;
            if (!checked) {
                alert("PLEASE CHECK AT LEAST ONE ROUTE TO CONTINUE WITH INVOICING... PROCESS");
                return false;
            }
            var checkDestianation = [];
            jQuery('.destinations').each(function () {
                if (jQuery(this).is(':checked')) {
                    checkDestianation.push(jQuery(this).val());
                }
            });
            clientBilling(checkDestianation)
        });

        jQuery('.singleInvoicingButton').click(function () {
            var dest_id = jQuery(this).parent().find('.singleInvoicing');
            var checkDestianation = [];
            checkDestianation.push(dest_id.val());
            clientBilling(checkDestianation)
        });

        jQuery('#export_to_excel').on('click', function (e) {
            e.preventDefault();
            excelExport();
        });
        jQuery(document).jkey('alt+e', function () {
            excelExport();
        });
        function excelExport() {
            var export_to_excel_url_without_parameters = "{{ route('clients.route_assignments.excel', [":start_date",":end_date"]) }}";
            var export_to_excel_url = export_to_excel_url_without_parameters.replace(':start_date', encodeURIComponent(jQuery('#start_date').val()));
            export_to_excel_url = export_to_excel_url.replace(':end_date', encodeURIComponent(jQuery('#end_date').val()));
            window.open(export_to_excel_url, '_blank');
        }
        function clientBilling(destination_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('route.invoices.create')}}",
                data: {
                    invoice_type: 'trip',
                    destination_id: destination_id
                },
                success: function (data) {

                    jQuery('#billing_details').empty().append(data);
                    jQuery('#clientBilling').appendTo("body").modal('toggle');
                    jQuery('.invoice_date').datepicker();
                    jQuery('.searchable_select').select2();

                }
            })
        }

        function openAdvancedSearch() {
            jQuery("#advanced_search").css({
                "width": 230,
                'padding-left': 30
            });
        }
        /* Set the width of the side navigation to 0 */
        function closeAdvancedSearch() {
            jQuery("#advanced_search").css({
                "width": 0,
                'padding-left': 0
            });
        }
    </script>
@stop