@extends('layouts.main', ['title' => 'Loading Order Vehicles'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li class="active">Loading Order Vehicles</li>
    </ul>
@stop
@section('title')
    Loading Order Vehicles
@endsection
@section('msghead_menu')
    <li class="right btn-group">
        {{--<div class="btn-group">--}}
            {{--<button class="btn dropdown-toggle" data-toggle="dropdown" id="edit_btn">--}}
                {{--<i class="icon-edit"></i> &nbsp;EDIT--}}
            {{--</button>--}}
        {{--</div>--}}
        {{--<div class="btn-group">--}}
            {{--<button class="btn dropdown-toggle" data-toggle="dropdown" id="delete_btn">--}}
                {{--<i class="icon-trash"></i> &nbsp;DELETE--}}
            {{--</button>--}}
        {{--</div>--}}
        <button class="btn" onclick="openAdvancedSearch('route_truck_allocation')">
            <span class="icon-search"></span> &nbsp; FILTER
        </button>
        @if(auth()->user()->can('LOADING ORDERS CANCELLATION'))
          <button class="btn" style="margin-right: 2px" id="route_cancellations_button">
                    CANCELLATION
          </button>
        @endif
        @if(auth()->user()->can('CREATE AMENDMENT'))
            <button class="btn" style="margin-right: 2px" id="amendments_button">
                AMENDMENT
            </button>
        @endif
        @if(auth()->user()->can('ADD LOADING DETAILS'))
            <button class="btn" id="truck_loading">
                {{--<i class="icon-trash"></i> &nbsp;--}} TRUCK LOADING
            </button>
        @endif
    </li>
@endsection
@section('contentinner')
    <style>
        tr:hover, tr.selected {
            background-color: #eeeeee;
            font-weight: 600;
        }
        
        td.details-control {
            background: url('{{ URL::asset('img/details_open.png') }}') no-repeat center center;
            cursor: pointer;
        }

        tr.details td.details-control {
            background: url('{{ URL::asset('img/details_close.png') }}') no-repeat center center;
        }

        .form-filter {
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            color: #0e4722;
            font-weight: normal;
            text-align: center;
            padding-bottom: 4px;
        }

        /*.dataTables_length {*/
        /*height: 10px;*/
        /*}*/

    </style>
    <style>
        #logistics_modal {
            width: 95%;
            margin-left: -32%;
        }
    </style>
    <div id="route_truck_allocation" class="sidenav">
        <a href="javascript:void(0)" class="closebtn"
           onclick="closeAdvancedSearch('route_truck_allocation')">&times;</a>

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

                <label class="control-label" for="Category">Truck</label>
                <select name="select" width="100%" id="truck_id" class="searchable_select" multiple>
                    <option value="">ALL</option>
                    @foreach($trucks as $truck)
                        <option value="{{$truck->id}}">{{$truck->registration_number}}</option>
                    @endforeach
                </select>
                <label class="control-label" for="Category">Client</label>
                <select name="select" width="100%" id="client_id" class="searchable_select">
                    <option value="">ALL</option>
                    @foreach($clients as $client)
                        <option value="{{$client->id}}">{{$client->name}}</option>
                    @endforeach
                </select>
                <label class="control-label" for="Category">Status</label>
                <select name="select" width="100%" id="status" class="searchable_select">
                    <option value="">ALL</option>
                    <option value="1">LOCATED</option>
                    <option value="0">UNALLOCATED</option>
                </select>
                <label class="control-label" for="Category">Vehicle Type</label>
                <select name="select" width="100%" id="vehicle_type" class="searchable_select">
                    <option value="">ALL</option>
                    <option value="DRY CARGO">DRY CARGO</option>
                    <option value="TANKERS">TANKERS</option>
                </select>
                <button class="btn" style="" id="filter_truck_allocations">FILTER</button>
                {{--<input class="btn" id="print_permits" type="submit" value="PRINT">--}}
            </form>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered logistics_table table-condensed" id="loading_order_vehicles"
                   route="{{ route('loading_orders.indexDatas') }}">
                <thead>
                <tr>
                    <th width='2%'><input type="checkbox" class="checkall"/></th>
                    <th width='8%'>Date</th>
                    <th width='6%'>Order #</th>
                    <th width='17%'>Driver</th>
                    <th width='7%'>Horse</th>
                    <th width='7%'>Trailer</th>
                    <th width='10%'>Destination</th>
                    <th width='12%'>Client</th>
                    <th width='25%'>Loading Point</th>
                    <th width='5%'>&nbsp;</th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->
    <script>
        $('.searchable_select').select2();

        var mainDataTable = jQuery('#loading_order_vehicles').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({
                lengthMenu: [
                    [100, 200],
                    ['100 Orders', '200 Orders']
                ],
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No Orders available.",
                    "sInfoEmpty": "No entries to display."
                },
//                    scrollX:        true,
//                    scrollCollapse: true,
//                    fixedColumns:   {
//                        leftColumns: 1
//                    },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                ajax: {
                    url: "{{ route('loading_order_vehicles.indexDatas') }}",
                    data: function (d) {
                        d.search_field = $('input[name=search_field]').val();
                        d.truck_id = $('#truck_id').val();
                        d.client_id = $('#client_id').val();
                        d.vehicle_type = $('#vehicle_type').val();
                        d.status = $('#status').val();
                    }
                },
                "order": [[1, "desc"]],
                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: 'loading_date'},
                    {"class": "link", data: 'loading_order_item_id'},
                    {"class": "link", data: 'driver'},
                    {"class": "link", data: 'vehicle'},
                    {"class": "link", data: 'trailer'},
                    {"class": "link", data: 'destination'},
                    {"class": "link", data: 'client'},
                    {"class": "link", data: 'loading_point'},
                    {"class": "link", data: 'nature'}
                ],
                "bStateSave": true
            });

        function reDrawLoadingOrderVehiclesTable() {
            mainDataTable.draw();
        }


        $('#filter_truck_allocations').on('click', function (e) {
            e.preventDefault();
            mainDataTable.draw();
        });
        
        
     $('#route_cancellations_button').on('click', function (e) {
        e.preventDefault();
        var loading_order_vehicle_id = checkRows('loading_order_vehicle_id');
        if (loading_order_vehicle_id.length != 1) {
            logistics_alert("PLEASE SELECT ONE ORDER TO CONTINUE", 'SELECTION DIALOG');
            return false;
        }
        jQuery.ajax({
            url: '{{route('operations.loading_order_items.cancellations.create')}}',
            type: 'GET',
           data: {loading_order_vehicle_id: loading_order_vehicle_id},
            beforeSend: function () {
                startSpinner();
            },
            success: function (data) {
                onAjaxSuccess(data, 'POST');
            },
            error: function (xhr, textStatus, error) {
                onAjaxError(xhr, textStatus, error);
            },
            complete: function () {
                stopSpinner();
            }
        });
    });


        $('#amendments_button').on('click', function () {
            var  loading_order_vehicle_id = checkRows('loading_order_vehicle_id');
            var loading_order_item_id = jQuery('#loading_order_item_id_'+loading_order_vehicle_id).val();
          
            jQuery.ajax({
                url: '{{route('operations.route_assignments.amendments.create')}}',
                type: 'GET',
                data: {
                    loading_order_item_id: loading_order_item_id
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {

                    var modal = jQuery('#logistics_modal');
                    modal.empty().append(data);
                    modelShow('logistics_modal');
                    onModalShown();

                    var form = modal.find('form');
                    form.on('submit', function (e) {
                        e.preventDefault();
                        storeOrUpdate(form, 'POST',this);

                    });
                },
                error: function (data) {
                    onAjaxSuccess(data, method=null);
                },
                complete: function () {
                    stopSpinner()
                }
            });
        });

        $('#loading_order_vehicles tbody').on('click', 'tr td.link', function () {
            var tr = $(this).closest('tr');
            var checkBoxes = tr.find('.loading_order_vehicle_id');
            checkBoxes.prop("checked", !checkBoxes.prop("checked"));
            if (checkBoxes.prop('checked')) {
                tr.addClass('selected');
            } else {
                tr.removeClass('selected');
            }
        });

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

            jQuery.ajax({
                url: '{{route("loading_orders.truck_loading.create")}}',
                type: 'GET',
                data: {loading_order_vehicle_id: loading_order_vehicle_id},
                beforeSend: function () { startSpinner(); },
                complete: function () { stopSpinner(); },
                success: function (data) {
                    onAjaxSuccess(data, 'POST');
                }
            });
        });

        var edit_btn = jQuery('#edit_btn');
        edit_btn.click(function () {
            var checked_lo_items = checkRows('loading_order_vehicle_id');
            var checked_routes = checkRows('loading_order_routes');

            if (checked_lo_items.length > 0 && checked_routes.length > 0)
                logistics_alert('Records with routes can not be edited together with routeless records');
            else if (checked_lo_items.length > 0) editRecordsFn(checked_lo_items);
            else if (checked_routes.length > 0) editVehicleRoutesFn(checked_routes);
            else logistics_alert('Please select at least one record to edit');
        });

        var delete_btn = jQuery('#delete_btn');
        delete_btn.click(function () {
            var checked_rows = checkRows('loading_order_vehicle_id');
            var checked_routes = checkRows('loading_order_routes');

            if (checked_routes.length > 0)
                logistics_alert(checked_routes.length + ' of the selected item is arleady assigned a route and thus it can not be deleted');
            else if (checked_rows.length > 0)
                destroyRecordsFn(checked_rows);
            else
                logistics_alert('Please select at least one record to delete');
        });

        function editRecordsFn(checked_rows) {
            jQuery.ajax({
                url: "{{ route('loading_order_vehicles.edit', 'placeholder') }}",
                type: "GET",
                data: {
                    checked_rows: checked_rows
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    // console.log(data);
                    var modal = jQuery('#logistics_modal');
                    modal.empty().append(data);
                    modelShow('logistics_modal');

                    var form = modal.find('form');
                    form.on('submit', function (e) {
                        e.preventDefault();
                        updateRecordsFn(form);
                    });
                },
                error: function (xhr, textStatus, error) {
                    console.log(error);
                    console.log(textStatus);
                },
                complete: function () {
                    stopSpinner();
                }
            });
        }
        function updateRecordsFn(form) {
            jQuery.ajax({
                url: "{{ route('loading_order_vehicles.update', 'multiple') }}",
                type: "PUT",
                beforeSend: function () {
                    startSpinner();
                    disableSubmitBtn();
                },
                data: form.serialize(),
                success: function (data) {
                    if (data.state == 'Done') {
                        jQuery.jGrowl(data.msg);
                        // modalHide('logistics_modal');
                    } else {
                        jQuery.jGrowl(data.msg);
                    }
                },
                error: function (xhr, textStatus, error) {
                    console.log(textStatus);
                    console.log(error);
                },
                complete: function () {
                    stopSpinner();
                    enableSubmitBtn();
                }
            });
        }
        function editVehicleRoutesFn(checked_routes) {
            jQuery.ajax({
                url: "{{ route('route-assignment.edit_vehicle_routes') }}",
                type: "GET",
                data: {
                    checked_routes: checked_routes
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    // console.log(data);
                    var modal = jQuery('#logistics_modal');
                    modal.empty().append(data);
                    modelShow('logistics_modal');

                    var form = modal.find('form');
                    form.on('submit', function (e) {
                        e.preventDefault();
                        updateVehicleRoutesFn(form);
                    });
                },
                error: function (xhr, textStatus, error) {
                    console.log(error);
                    console.log(textStatus);
                },
                complete: function () {
                    stopSpinner();
                }
            });
        }
        function updateVehicleRoutesFn(form) {
            jQuery.ajax({
                url: form.attr('action'),
                type: "PUT",
                data: form.serialize(),
                beforeSend: function () {
                    startSpinner();
                    disableSubmitBtn();
                },
                success: function (data) {
                    if (data.state == 'Done') {
                        jQuery.jGrowl(data.msg);
                        // modalHide('logistics_modal');
                    } else {
                        jQuery.jGrowl(data.msg);
                    }
                },
                error: function (xhr, textStatus, error) {
                    console.log(textStatus);
                    console.log(error);
                },
                complete: function () {
                    stopSpinner();
                    enableSubmitBtn();
                }
            });
        }
        //Ajax function to delete a record
        function destroyRecordsFn(checked_rows) {
            swal({
                    title: "Are you sure?",
                    text: "You will not be able to recover this data!",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Yes, delete it!",
                    closeOnConfirm: false
                },
                function () {
                    swal({title: "", text: "", timer: 0, showConfirmButton: false});

                    jQuery.ajax({
                        url: '{{ route("loading_order_vehicles.destroy", "multiple") }}',
                        type: 'DELETE',
                        data: {
                            ids: checked_rows
                        },
                        success: function (data) {
                            console.log(data.state + ' ' + data.msg);

                            if (data.state === 'Done') {
                                jQuery.jGrowl(data.msg);
                                mainDataTable.draw();
                            } else if (data.state === 'Fail') {
                                jQuery.jGrowl(data.msg);
                            } else {
                                jQuery.jGrowl('Something went wrong!');
                            }
                        },
                        error: function (data) {
                            // jQuery.jGrowl('Fatal error');
                            console.log(data);
                        }
                    });
                });
        }

        $('.loading_order_vehicle_id').click(function () {
            onCheckboxChange('loading_order_vehicle_id');
        });
        $('.loading_order_routes').change(function () {
            onCheckboxChange('loading_order_routes');

            // var checked = jQuery('.' + id + ':checked').length > 0;
            // var checkRoutes = [];
            // jQuery('.' + id).each(function () {
            //     if (jQuery(this).is(':checked')) {
            //         checkRoutes.push(jQuery(this).val());
            //     }
            // });
        });
        function onCheckboxChange(checkbox_class) {
            alert(checkbox_class);
        }
        //   Array to track the ids of the details displayed rows
        var lo_vehicle_details = [];
        jQuery('#loading_order_vehicles tbody').on('click', 'tr td.details-control', function () {
            var tr = jQuery(this).closest('tr');
            var row = mainDataTable.row(tr);
            var idx = jQuery.inArray(tr.attr('id'), lo_vehicle_details);

            if (row.child.isShown()) {
                tr.removeClass('details');
                row.child.hide();

                // Remove from the 'open' array
                lo_vehicle_details.splice(idx, 1);
            } else {
                tr.addClass('details');
                row.child(format(row.data())).show();

                // Add to the 'open' array
                if (idx === -1) {
                    lo_vehicle_details.push(tr.attr('id'));
                }
            }
        });
        function format(d) {
            return d.loading_order_more_details;
        }

        // $('#create_trip').attr('onclick','this ');
        // Ajax function to add a record
        $('#truck_loading_cargo').on('submit', function (e) {
            var this_from = jQuery(this);
            e.preventDefault();
            // $('#create_trip').style.opacity = "0.4";
            $('#create_trip').attr("disabled", true);
            var loading_order_form_id = jQuery(this);
            var formData = loading_order_form_id.serialize();
            jQuery.ajax({
                url: '{{route('loading_orders.truck_loading.store')}}',
                type: 'POST',
                data: formData,
                beforeSend: function () {
                    startSpinner();
                },
                complete: function () {
                    stopSpinner();
                },
                success: function (data) {
                    stopSpinner();
                    console.log(data);
                    jQuery('.has-error').removeClass('has-error');

                    if (data.state === 'Done') {
                        resetFormAndClose(this_from);
                        jQuery.jGrowl(data.msg);
                        mainDataTable.draw();
                    } else if (data.state === 'Fail') {
                        jQuery.jGrowl(data.msg);
                    } else {
                        var num = 0;
                        jQuery.each(data, function (k, v) {
                            field = k.substr(0, k.indexOf("."));
                            field = jQuery('select[name="' + field + '[]"]').addClass('has-error');
                            if (num == 0) jQuery.jGrowl(v);
                            num++;
                        });
                    }
                },
                error: function (data) {
                    stopSpinner();
                    console.log('Error: ');
                    console.log(data);
                    // toastr.error('Unknown error occur!', 'Error');
                }
            });
        });


        $('#truck_loading').on('click', function (e) {
            e.preventDefault();
            var loading_order_vehicle_id = checkRows('loading_order_vehicle_id');
            if (loading_order_vehicle_id < 1) {
                logistics_alert("PLEASE CHECK AT LEAST ONE ORDER TO CONTINUE", 'SELECTION DIALOG');
                return false;
            }
            jQuery.ajax({
                url: '{{route('loading_orders.truck_loading.create')}}',
                type: 'GET',
                data: {loading_order_vehicle_id: loading_order_vehicle_id},
                beforeSend: function () {
                    startSpinner();
                },
                complete: function () {
                    stopSpinner();
                    // $('#create_trip').style.opacity = "1";
                    $('#create_trip').attr("disabled", false);
                },
                success: function (data) {
                    jQuery('#loading_cargo_body').empty().append(data);
                    jQuery('#route_assignment_create_form').appendTo("body").modal('toggle');
                    $('.laoding_order_serchable_select').select2();
                    $('.route_assignment_date_time_picker').datetimepicker({
                        format: 'yyyy-MM-dd hh:mm'
                    });
                    $('input[name="loading_date[]"]').datepicker({
                        format: 'yyyy-mm-dd'
                    });
                    {{--$('.single_trip_route_id').on('change', function () {--}}
                    {{--var route_id = $(this).val();--}}
                    {{--jQuery.ajax({--}}
                    {{--url: '{{route('routes.fuel_assignments')}}',--}}
                    {{--type: 'GET',--}}
                    {{--data: {--}}
                    {{--route_id: route_id--}}
                    {{--},--}}
                    {{--success: function (data) {--}}
                    {{--alert(data);--}}
                    {{--}--}}
                    {{--});--}}
                    {{--});--}}
                }
            });
        });
    </script>

    <!-- =============================================================================== -->
    <script type="text/javascript" src="{{asset('js/logistics/route-assignments.js')}}"></script>
    <script>
        var vehicle_id = $('#vehicle_id');
        var number_of_containers = $('#number_of_containers');
        var single_trip_route_id = $('#single_trip_route_id');

        selectContructor();
        getVehicleDetails(vehicle_id.val(), 'AUTO');
        getTrailerTankDetails(vehicle_id.val());
        singleTripCargoDetails(number_of_containers.val());
        getRoutePermitDetails(vehicle_id.val(), single_trip_route_id.val());

        vehicle_id.change(function () {
            var single_trip_route_id_value = $('#single_trip_route_id').val();
            var vehicle_id = $(this).val();
            if (vehicle_id) {
                getVehicleDetails(vehicle_id, 'ONCHANGE');
                getTrailerTankDetails(vehicle_id);
                getRoutePermitDetails(vehicle_id, single_trip_route_id_value);
            }
            return false;
        });
        single_trip_route_id.on('change', function () {
            var single_trip_route_id_value = $(this).val();
            var vehicle_id = $('#vehicle_id').val();
            getRoutePermitDetails(vehicle_id, single_trip_route_id_value);
        });
        number_of_containers.change(function () {
            var number_of_sales = $(this).val();
            singleTripCargoDetails(number_of_sales);
        });

        $('#route_constructor_type').on('change', function () {
            selectContructor();
        });


        function selectContructor() {
            var route_id = $('#single_trip_route_id').val();
            var option = $('#route_constructor_type').val();
            if (option == 'own') {
                var response = $('#own_construct').clone().removeClass('hide');
                resetForm(response);
                response.find('select[name="vehicle_id"], select[name="trailer_id"], select[name="driver_id"]').select2();
                // response.find('').select2();
                response.find('select[name="vehicle_id"]').change(function () {
                    var vehicle_id = $(this).val();
                    if (vehicle_id) {
                        getVehicleDetails(vehicle_id, 'ONCHANGE');
                        getTrailerTankDetails(vehicle_id);
                        getRoutePermitDetails(vehicle_id, route_id);
                    }
                    return false;
                });
                $('#constructor').empty().append(response);
            }
            else if (option == 'loading') {
                var response = $('#loading').clone().removeClass('hide');
                resetForm(response);
                response.find('select[name="vehicle_id"], select[name="trailer_id"], select[name="driver_id"]').select2();
                // response.find('').select2();
                response.find('select[name="vehicle_id"]').change(function () {
                    var vehicle_id = $(this).val().split("-");
                    if (vehicle_id[1]) {
                        getVehicleDetails(vehicle_id[1], 'ONCHANGE');
                        getTrailerTankDetails(vehicle_id[1]);
                        getRoutePermitDetails(vehicle_id[1], route_id);
                    }
                    return false;
                });
                $('#constructor').empty().append(response);
            }
            else if (option == 'sub_construct') {
                var sub_construct = $('#sub_construct').html();
                $('#constructor').empty().append(sub_construct);
            }
        }

        function getVehicleDetails(vehicle_id, type) {
            if (vehicle_id) {
                var route_assignment_trailer_name = $('.route_assignment_trailer_name');
                var route_assignment_driver_name = $('.route_assignment_driver_name');
                var route_assignment_driver_passport_name = $('.route_assignment_driver_passport_name');
                var route_assignment_driver_passport_number = $('.route_assignment_driver_passport_number');
                $.ajax({
                    url: "{{route('general_ajax_calls.truck')}}",
                    data: {vehicle_id: vehicle_id},
                    type: "GET",
                    dataType: 'xml',
                    beforeSend: function (xhr) {
                        route_assignment_trailer_name.val('').trigger('change');
                        route_assignment_driver_name.val('').trigger('change');
                        route_assignment_driver_passport_name.val('');
                        route_assignment_driver_passport_number.val('');
                    },
                    success: function (data) {
                        if (data) {
                            var truck = $(data).find('xml').find('truck');

                            var trailer = truck.find('trailer');
                            var driver = truck.find('driver');
                            var is_trailer_assigned = false;
                            var is_driver_assigned = false;
                            if (trailer.find('status').text() != 'NOT_FOUND') {
                                route_assignment_trailer_name.val(trailer.find('trailer_id').text()).trigger('change');
                                is_trailer_assigned = true;
                            }

                            if (driver.find('status').text() != 'NOT_FOUND') {
                                route_assignment_driver_name.val(driver.find('driver_id').text()).trigger('change');
                                route_assignment_driver_passport_name.val(driver.find('full_name').text());
                                route_assignment_driver_passport_number.val(driver.find('passport_number').text());
                            }

                            if ((trailer.find('status').text() == 'NOT_FOUND') & (driver.find('status').text() == 'NOT_FOUND')) {
                                alert('DRIVER AND TRAILER ARE NOT ASSIGNED TO THIS TRUCK');
                            }
                            else if ((trailer.find('status').text() != 'NOT_FOUND') & (driver.find('status').text() == 'NOT_FOUND')) {
                                alert('DRIVER IS NOT ASSIGNED TO THIS TRUCK');
                            }
                            else if ((trailer.find('status').text() == 'NOT_FOUND') & (driver.find('status').text() != 'NOT_FOUND')) {
                                alert('TRAILER IS NOT ASSIGNED TO THIS TRUCK');
                            }

                        }
                    }
                });

                $.ajax({
                    type: "get",
                    url: "{{route('vehicles.permits.details')}}",
                    data: {
                        vehicle_id: vehicle_id
                    },
                    success: function (data) {
                        $('#view-permits').show();
                        $('#permit-table').empty().append(data);
                    },
                    error: function (data) {
                    }
                });
            }
            return false;
        }
        function getRoutePermitDetails(vehicle_id, route_id) {
            if (vehicle_id) {
                if (route_id) {
                    $.ajax({
                        type: "get",
                        url: "{{route('route-assignments.default-permits.details')}}",
                        data: {
                            vehicle_id: vehicle_id,
                            route_id: route_id
                        },
                        success: function (data) {
                            if (data != 'VALID') {
                                $.jGrowl('{!! HTML::image('img/truck.png') !!}' + data, {
                                    header: 'Important',
                                    life: 10000
                                });
                            }
                        }
                    });
                }
            }
            return false;
        }
        function singleTripCargoDetails(cargo_count) {
            var containers = $('#containers');
            containers.empty();
            var response = $('#form1').clone().removeClass('hide').removeClass('fade');
            response.find('select[name="cargo_type[]"]').addClass('cargo_type searchable_select');
            response.find('select[name="route_type[]"],' +
                ' select[name="client_id[]"],' +
                ' select[name="destination_id[]"],' +
                ' select[name="currency[]"]').addClass('searchable_select');

            response.find('input[name="loading_date[]"]').addClass('date_picker');
            response.find('input[name="quantity[]"]').addClass('number').keyup(function () {
                var core_parent = $(this).parents('table');
                var rate = removeComma(core_parent.find('input[name="rate[]"]').val());
                var quantity = removeComma($(this).val());
                var _amount_ = core_parent.find('input[name="amount[]"]');
                var amount = rate * quantity;
                _amount_.val(amount.toLocaleString());
            });
            response.find('input[name="rate[]"]').addClass('number').keyup(function () {
                var core_parent = $(this).parents('table');
                var quantity = removeComma(core_parent.find('input[name="quantity[]"]').val());
                var rate = removeComma($(this).val());
                var _amount_ = core_parent.find('input[name="amount[]"]');
                var amount = rate * quantity;
                _amount_.val(amount.toLocaleString());
            });
            for (var i = 1; i <= cargo_count; i++) {
                containers.append(response);
            }
        }
        function addAllQuantityAtTwent() {
            var at_twenty_reading = 0;
            $('.at_twenty_reading').each(function () {
                at_twenty_reading += parseFloat($(this).val());
            });
            $('.at_twenty_total_reading').val(at_twenty_reading);
        }
        function addAllObsGain() {
            var gain_or_loss_obs_gain = 0;
            $('.gain_or_loss_obs_gain').each(function () {
                gain_or_loss_obs_gain += parseFloat($(this).val());
            });
            $('#obs_total_gain').val(gain_or_loss_obs_gain);
        }
        function addAllDipsGain() {
            var gain_or_loss_dipstick_gain = 0;
            $('.gain_or_loss_dipstick_gain').each(function () {
                gain_or_loss_dipstick_gain += parseFloat($(this).val());
            });
            $('#dipstick_total_gain').val(gain_or_loss_dipstick_gain);
        }
        function addAllAtTwentyGain() {
            var gain_or_loss_at_twenty = 0;
            $('.gain_or_loss_at_twenty').each(function () {
                gain_or_loss_at_twenty += parseFloat($(this).val());
            });
            $('#at_twenty_total_gain').val(gain_or_loss_at_twenty);
        }
        function getFullLoadingDetailStatus() {
            var full_loading_details = $('#full_loading_details');
            var loaded_in_details = $('#loaded_in_details');
            var obs_total_reading = $('.obs_total_reading');
            var at_twenty_total_reading = $('.at_twenty_total_reading');
            if (full_loading_details.is(':checked')) {
                obs_total_reading.attr('readonly', 'readonly');
                at_twenty_total_reading.attr('readonly', 'readonly');
                loaded_in_details.removeClass('hide');
            } else {
                obs_total_reading.removeAttr('readonly');
                at_twenty_total_reading.removeAttr('readonly');
                loaded_in_details.addClass('hide');
            }
        }


        $('#print_documents').on('click', function () {
            var route_assignment_id = checkRows('loading_order_vehicle_id');
            if (route_assignment_id < 1) {
                jAlert("PLEASE CHECK AT LEAST ONE TRIP TO CONTINUE", 'SELECTION DIALOG');
                return false;
            }
            if (route_assignment_id) {
                var print_documents = "{{ route('loading_order_vehicles.check_list.print', [":id"]) }}";
                window.open(print_documents.replace(':id', route_assignment_id), '_blank');
            }
            return false;
        });
        

        
        
    </script>
@endsection