@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" id="print_documents">PRINT DOCUMENT(s)</button>
        </div><!--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><!--btn-group-->
        <div class="btn-group">
            <button class="btn dropdown-toggle" data-toggle="dropdown" id="delete_btn">
                <i class="icon-trash"></i> &nbsp;DELETE
            </button>
        </div><!--btn-group-->
        <button class="btn" onclick="openAdvancedSearch('route_truck_allocation')">
            <span class="icon-search"></span> &nbsp; FILTER
        </button>
        <div class="btn-group">
            <button class="btn dropdown-toggle" data-toggle="dropdown">
                <i class="icon-th"></i> &nbsp;OPTIONS <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                {{--<li><a href="javascript:void(0);"><i class="icon-plus"></i> &nbsp;Some Action</a></li>--}}
                <li><a id="truck_loading"><i class="icon-plus"></i> &nbsp;TRUCK LOADING</a></li>
                {{--<li><a onclick="modelShow('route_assignment_create_form')"><i class="icon-plus"></i> &nbsp;TRUCK LOADING</a></li>--}}
            </ul>
        </div><!--btn-group-->
    </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>
    <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="loadingOrdersTable"
                   route="{{ route('loading_orders.indexDatas') }}">
                <thead>
                <tr>
                    <th width='5px'><input type="checkbox" class="checkall"/></th>
                    {{--<th>More</th>--}}
                    <th>Date</th>
                    {{--<th>D.O.N</th>--}}
                    <th>Driver</th>
                    <th>Passport</th>
                    <th>Horse</th>
                    <th>Trailer</th>
                    <th>Destination</th>
                    <th>Client</th>
                    {{--<th>Cargo Desc.</th>--}}
                    {{--<th>Border</th>--}}
                    {{--<th>Tonnage/Litres</th>--}}
                    <th>Loading Point</th>
                    <th style="width: 40px">&nbsp;</th>
                    <!--<th width='5px'>Action</th>-->
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->
    @include('routes.loading_orders.includes.loading_model')
    <script>
        var mainDataTable = jQuery('#loadingOrdersTable').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();
                        }
                    },
                    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: 'delivery_order_number'},
                        {"class": "link", data: 'driver'},
                        {"class": "link", data: 'passport'},
                        {"class": "link", data: 'vehicle'},
                        {"class": "link", data: 'trailer'},
                        {"class": "link", data: 'destination'},
                        {"class": "link", data: 'client'},
//                        {"class": "link", data: 'cargo_description'},
//                        {"class": "link", data: 'border'},
//                        {"class": "link", data: 'tonnage'},
                        {"class": "link", data: 'loading_point'},
                        {"class": "link", data: 'nature'}
                        // {data: 'action'}
                    ],
                    "bStateSave": true
                });

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

        $('#loadingOrdersTable 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');
            }
        });

        $('#loadingOrdersTable 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();
                        $('#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'
                        });
                    }
                });
        });

        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('#loadingOrdersTable 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 getTrailerTankDetails(vehicle_id) {
            if (vehicle_id) {
                $.ajax({
                    url: "{{route('route_assignments.fuel_tank.create')}}",
                    data: {
                        vehicle_id: vehicle_id
                    },
                    type: "GET",
                    beforeSend: function () {
                        startSpinner();
                    },
                    complete: function () {
                        stopSpinner();
                    },
                    success: function (data) {
                        if (data != 'FAIL') {
                            $('#containers').empty().append(data);
                            getFullLoadingDetailStatus();
                            $('#full_loading_details').on('change', function () {
                                getFullLoadingDetailStatus();
                            });

                            $('.quantity').bind("keyup change", function () {
                                var quantity = $('.quantity').val();

                                var volume_correction_factor = $('.volume_correction_factor');
                                var obs_quantity = $('.obs_quantity').val();
                                var volume_correction_factor_val = quantity / obs_quantity;
                                volume_correction_factor.val(volume_correction_factor_val.toFixed(4));

                                getAllowableTransitLoss();
                            });

                            $('.obs_quantity').bind("keyup change", function () {
                                var obs_quantity = $(this).val();
                                var volume_correction_factor = $('.volume_correction_factor');
                                var quantity = $('.quantity');
                                if (volume_correction_factor > 0) {
                                    quantity.val(volume_correction_factor.val() * obs_quantity);
                                } else {
                                    var volume_correction_factor_val = quantity.val() / obs_quantity;
                                    volume_correction_factor.val(volume_correction_factor_val.toFixed(4));
                                }
                                getAllowableTransitLoss()
                            });

                            $('#volume_correction_factor').bind("keyup change", function () {
                                var volume_correction_factor = $(this).val();
                                var obs_reading = $('.obs_reading');
                                var full_loading_details = $('#full_loading_details');

                                if (full_loading_details.is(':checked')) {
                                    obs_reading.each(function () {
                                        var tr = $(this).parents('tr');
                                        var at_twenty_reading = tr.find('.at_twenty_reading');
                                        var obs_reading_on_this_tr = $(this).val();
                                        var at_twenty = volume_correction_factor * obs_reading_on_this_tr;
                                        at_twenty_reading.val(Math.round(at_twenty));
                                        addAllQuantityAtTwent();
                                    });
                                } else {
                                    var obs_reading_on_this_tr = $('.obs_quantity').val();
                                    var at_twenty = volume_correction_factor * obs_reading_on_this_tr;
                                    $('.at_twenty_total_reading').val(Math.round(at_twenty));
                                }
                                getAllowableTransitLoss()
                            });

                            $('.allowable_transit_loss_percent').bind("keyup change", function () {
                                getAllowableTransitLoss();
                            });

                            $('.allowable_transit_loss').on('change', function () {
                                var allowable_transit_loss = $(this).val();
                                var allowable_transit_loss_percent = $('.allowable_transit_loss_percent');
                                var quantity = $('.quantity').val();
                                var allowable_transit_loss_percent_val = (allowable_transit_loss * 100) / quantity;
                                allowable_transit_loss_percent.val(allowable_transit_loss_percent_val.toFixed(1));
                            });

                            $('.dipstick_reading').on('change', function () {
                                var dipstick_total_reading = 0;
                                $('.dipstick_reading').each(function () {
                                    dipstick_total_reading += parseFloat($(this).val());
                                });
                                $('#dipstick_total_reading').val(dipstick_total_reading);
                            });
                            $('.obs_reading').on('change', function () {
                                var tr = $(this).parents('tr');
                                var at_twenty_reading = tr.find('.at_twenty_reading');
                                var obs_reading_on_this_tr = $(this).val();
                                var volume_correction_factor = $('#volume_correction_factor').val();
                                var at_twenty = volume_correction_factor * obs_reading_on_this_tr;
                                at_twenty_reading.val(Math.round(at_twenty));
                                var obs_reading = 0;
                                $('.obs_reading').each(function () {
                                    obs_reading += parseFloat($(this).val());
                                });
                                $('.obs_total_reading').val(Math.round(obs_reading));
                                addAllQuantityAtTwent();
                            });
                            $('.at_twenty_reading').on('change', function () {
                                addAllQuantityAtTwent();
                            });

                            function getAllowableTransitLoss() {
                                var allowable_transit_loss_percent = $('.allowable_transit_loss_percent').val();
                                var allowable_transit_loss = $('.allowable_transit_loss');
                                var quantity = $('#at_twenty_total_reading_quantity').val();
                                allowable_transit_loss.val(Math.round(allowable_transit_loss_percent * 0.01 * quantity));
                            }

                            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);
                                getAllowableTransitLoss();
                            }

                        }
                    }
                });
                return false;
            }
        }
        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