@extends('layouts.main')
@section('title')
    Routes
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Route Managements</a> <span class="divider">/</span></li>
        <li class="active">Active Trips </li>
    </ul>
@stop
@section('msghead_menu')

    <li class="right btn-group">

        @if(auth()->user()->can('CLOSE TRIP1'))
            <div class="btn-group">
                <button class="btn" id="close_route_btn">CLOSE ROUTE</button>
            </div><!--btn-group-->
        @endif
        @if(auth()->user()->can('PRINT TRIP DOCUMENTS'))
            <div class="btn-group">
                <button class="btn" id="print_documents">PRINT DOCUMENT(s)</button>
            </div><!--btn-group-->
        @endif

        @if(auth()->user()->can('TRIP DOCUMENTATIONS'))
            <div class="btn-group">
                <button class="btn" id="documentations">TRIP DOCUMENTATION</button>
            </div><!--btn-group-->
        @endif
        
        @if(auth()->user()->can('CREATE AMENDMENT'))
        <button class="btn" style="margin-right: 2px" id="route_amendments_button">
              AMENDMENT 
        </button>
        @endif
        
       @if(auth()->user()->can('CREATE DIVERTION'))
       <button class="btn" style="margin-right: 2px" id="destination_diversion" route_assignment_id="{{ '' }}">
                  DIVERT DESTINATION 
       </button>
         @endif

        <button class="btn" onclick="openAdvancedSearch('route_assignments_advanced_search')">
            <span class="icon-search"></span> &nbsp; FILTER
        </button>
    </li>
@stop
@section('contentinner')
    <style>
        tr:hover, tr.selected {
            background-color: #eeeeee;
            font-weight: 600;
        }
    </style>
    <div class="row-fluid">
        <div class="span12">

            <div id="route_assignment_table_column_customazition" class="sidenav">
                <a href="javascript:void(0)" class="closebtn"
                   onclick="closeNav('route_assignment_table_column_customazition')">&times;</a>
                @foreach($table_settings as $setting)
                    <input type="checkbox"
                           class="toggle-vis"
                           data-column="{{$setting->column}}" data-table="{{$setting->table}}"
                           @if($setting->is_display == 1) checked @endif>{{$setting->name}}<br>
                @endforeach
            </div>

            <div id="route_assignments_advanced_search" class="sidenav">
                <a href="javascript:void(0)" class="closebtn"
                   onclick="closeAdvancedSearch('route_assignments_advanced_search')">&times;</a>

                <div style="margin-bottom: 8px">
                    <form target="_blank" class="form-inline form-filter" method="get"
                          action="{{route('permits.print')}}">

                        <label class="control-label" for="Category">Routes Numbers</label>
                        {{--<span class="field">--}}
                        <select name="select" width="100%" id="route_assignment_id" class="searchable_select"
                                multiple="multiple">
                            <option>All</option>
                            @foreach($routes->lists('id') as $id)
                                <option value="{{$id}}">{{$id}}</option>
                            @endforeach
                        </select>
                        <label class="control-label" for="Category">Routes</label>
                        {{--<span class="field">--}}
                        <select name="select" width="100%" id="route_id" class="searchable_select">
                            <option></option>
                            @foreach($D_routes as $D_route)
                                <option value="{{$D_route->id}}">{{$D_route->route}}</option>
                            @endforeach
                        </select>
                        <label class="control-label" for="Category">Date From</label>
                        <input type="text" name="date_from" id="starting_date" class="input-large datepicker" value="">
                        <label class="control-label" for="Category">Date to</label>
                        <input type="text" name="date_to" id="end_date" class="input-large datepicker">
                        <label class="control-label" for="Category">Loading Order #</label>
                        <input type="text" name="loading_order_id" id="loading_order_id" class="input-large">
                        <label class="control-label" for="Category">Truck</label>
                        <select name="select" width="100%" id="truck_id" class="searchable_select">
                            <option value="">ALL</option>
                            @foreach($trucks as $truck)
                                <option value="{{$truck->id}}">{{$truck->registration_number}}</option>
                            @endforeach
                        </select>
                        <label class="control-label" for="Category">Trailer</label>
                        <select name="select" width="100%" id="trailer_id" class="searchable_select">
                            <option value="">ALL</option>
                            @foreach($trailers as $trailer)
                                <option value="{{$trailer->id}}">{{$trailer->registration_number}}</option>
                            @endforeach
                        </select>
                        {{--<label class="control-label" for="Category">Containers</label>--}}
                        {{--<select name="container[]" width="100%" id="container" multiple="multiple"--}}
                        {{--class="searchable_select">--}}
                        {{--<option value=""></option>--}}
                        {{--@foreach($containers as $container)--}}
                        {{--<option value="{{$container->container}}">{{$container->container}}</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">CLOSED</option>
                            <option value="0">ACTIVE</option>
                        </select>
                        <button class="btn" style="" id="search-form">FILTER</button>
                        {{--<input class="btn" id="print_permits" type="submit" value="PRINT">--}}
                    </form>
                </div>
            </div>

            <div class="clearfix"></div>

            <table class="table table-bordered table-condensed logistics_table" data-role="table"
                   id="route_assignment_list">
                <thead>
                <tr>
                    <th style="width: 10px"><input type="checkbox" class="checkall"/></th>
                    <th>More</th>
                    <th>RNo.</th>
                    <th>Ref#</th>
                    <th>Allocation</th>
                    <th>Commodity</th>
                    <th>Loading Date</th>
                    {{--<th>Departure Date</th>--}}
                    <th>Truck</th>
                    <th>Trailer</th>
                    <th>Driver</th>
                    <th>Client</th>
                    <th>Status</th>
                    {{--<th>Location</th>--}}
                    <th>Action</th>
                </tr>
                </thead>
            </table>

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

    {{--</div> <!-- /container -->--}}
{{--    <script type="text/javascript" src="{{asset('js/logistics/route-assignments.js')}}"></script>--}}
    <script>
        $('.searchable_select').select2();


        // function format(d) {
        //     return d.fuel_orders;
        // }

        var mainDataTable = $('#route_assignment_list')
            .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: [
                    [ 10, 50,100],
                    [ '10 Routes', '50 Routes', '100 Routes']
                ],
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No records to display.",
                    "sProcessing": "Please wait - loading records...",
                    "sInfoEmpty": "No entries to display."
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                ajax: {
                    url: '{{route('operations.active_trips.datatable')}}',
                    data: function (d) {
                        d.search_field = $('input[name=search_field]').val();
                        d.route_id = $('#route_id').val();
                        d.starting_date = $('#starting_date').val();
                        d.end_date = $('#end_date').val();
                        d.truck_id = $('#truck_id').val();
                        d.trailer_id = $('#trailer_id').val();
//                        d.container = $('#container').val();
                       d.loading_order_id = $('#loading_order_id').val();
                        d.client_id = $('#client_id').val();
                        d.status = $('#status').val();
                        d.route_assignment_id = $('#route_assignment_id').val();
                    }
                },
                "sPaginationType": "full_numbers",
                processing: true,
                pageResize: true,
                serverSide: true,
                "columns": [
                    {data: 'checkbox'},
                    {
                        "class": "details-control",
                        "orderable": false,
                        "data": null,
                        "defaultContent": ""
                    },
                    {"class": "link", data: 'route_assignment_number'},
                    {"class": "link", data: 'file_number'},
                    {"class": "link", data: 'route'},
                    {"class": "link", data: 'cargo_type'},
                    {"class": "link", data: 'loading_date'},
                    // {"class": "link", data: 'departure_date'},
                    {"class": "link", data: 'truck'},
                    {"class": "link", data: 'trailer'},
                    {"class": "link", data: 'driver'},
                    {"class": "link", data: 'client_code'},
                    {"class": "link", data: 'status'},
                    // {"class": "link", data: 'current_location'},

                    {data: 'action'}
                ],
                "fnDrawCallback": function () {
                    // tableColumnDisplay();

                    $('.close_trip').click(function (e) {
                        e.preventDefault();
                        var tr_p = $(this).parents('tr');
                        var route_assignment_id = tr_p.find('.route_assignment_id').val();
                        var close_route_url = "{{ route('operations.route_assignments.offloads.create', [":id"]) }}";
                        var close_route_assignment_url = close_route_url.replace(':id', route_assignment_id);
                        $.ajax({
                            type: "get",
                            cache: false,
                            url: close_route_assignment_url,
                            beforeSend: function () {
                                startSpinner();
                            },
                            success: function (data) {
//                                var modal = jQuery('#logistics_modal');
//                                modal.empty().append(data);
//                                modelShow('logistics_modal');
                                onAjaxSuccess(data, 'POST');
                                function pageInitiation() {
                                    $('.exchange_rate').on('change', function () {
                                        var gain_or_loss_amount = $('.gain_or_loss_amount').val();
                                        var currency = $('.currency').val();
                                        var exchange_rate = $(this).val();
                                        var dept_amount = $('.dept_amount');
                                        var monthly_deduction_amount = $('.monthly_deduction_amount');
                                        if (currency == 'USD') {
                                            dept_amount.val(gain_or_loss_amount);
                                            monthly_deduction_amount.val(gain_or_loss_amount);
                                        } else {
                                            dept_amount.val(gain_or_loss_amount * exchange_rate);
                                            monthly_deduction_amount.val(gain_or_loss_amount * exchange_rate);
                                        }
                                    });
                                    numberFormat();
                                }

                                $('.start_date').datepicker();

                                function gainOrLoss() {
                                    var disport_nominated_quantity_val = removeComma($('.disport_nominated_quantity').val());
                                    var loadport_nominated_quantity = removeComma(tr.find('.loadport_nominated_quantity').val());
                                    var at_twenty_ = disport_nominated_quantity_val - loadport_nominated_quantity;
                                    var allowable_transit_loss = removeComma($('.allowable_transit_loss').val());

                                    var _gain_or_loss_ = -Math.round(at_twenty_) - allowable_transit_loss;
                                    var gain_or_loss = $('.gain_or_loss');
                                    var transit_loss_rate = removeComma($('.transit_loss_rate').val());
                                    var gain_or_loss_amount = $('.gain_or_loss_amount');
                                    var _gain_or_loss = Math.round(_gain_or_loss_);
                                    gain_or_loss.val(Math.abs(_gain_or_loss));

                                    if (Math.round(_gain_or_loss) < 0) {
                                        $('.gain_or_loss_dd_on').empty().append('<b style="color: green"> GAIN </b>');
                                        $('.gain_or_loss_amount_status').empty().append('<b style="color: green"> GAIN </b>');
                                        gain_or_loss_amount.val(transit_loss_rate * Math.abs(_gain_or_loss));
                                    }
                                    else {
                                        $('.gain_or_loss_dd_on').empty().append('<b style="color: red"> LOSS </b>');
                                        $('.gain_or_loss_amount_status').empty().append('<b style="color: red"> DEBT </b>');
                                        gain_or_loss_amount.val(transit_loss_rate * (-_gain_or_loss));
                                    }
                                }

//                            function onChangeStdNominatedQuantity() {
//                                var nominated_quantity_total_gain = $('.nominated_quantity_total_gain').val();
//                                if (nominated_quantity_total_gain > 0) {
//                                    $('.gain_or_loss_dd_on').empty().append('GAIN');
//                                } else {
//                                    $('.gain_or_loss_dd_on').empty().append('LOSS');
//                                }
//                            }

                            },
                            error: function (data) {
                                stopSpinner();
                            },
                            complete: function () {
                                stopSpinner();
                            }
                        });
                        return false;
                    });
                },
                "bStateSave": true
            });


        $('#documentations').on('click', function ()
        {
            var route_assignment_id = checkRows('route_assignments');
            if (route_assignment_id < 1) {
                logistics_alert("PLEASE CHECK AT LEAST ONE TRIP TO CONTINUE", 'SELECTION DIALOG');
                return false;
            }
            if (route_assignment_id)
            {
                var url_ = "{{ route('route_assignments.documentations.create', [":id"]) }}";
                var url = url_.replace(':id', route_assignment_id);

                jQuery.ajax({
                    url: url,
                    type: 'GET',
                    beforeSend: function () { startSpinner(); },
                    success: function (data) {
                        var modal = jQuery('#logistics_modal');
                        modal.empty().append(data);
                        modelShow('logistics_modal');
                        var form = modal.find('form');
                        jQuery('.document_attachment').on('change', (function (e) {
                            e.preventDefault();
                            var document_attachment = $(this).parents('.document');
                            var documentable_id = document_attachment.find('input[name="documentable_id"]').val();
                            var documentable_type = document_attachment.find('input[name="documentable_type"]').val();
                            var document_id = document_attachment.find('input[name="document_id"]').val();
                            var attachment = $(this)[0];
                            var file = attachment.files[0], form_data = false;

                            form_data = new FormData();
                            if (form_data) {
                                form_data.append("attachment", file);
                                form_data.append("document_id", document_id);
                                form_data.append("documentable_type", documentable_type);
                                form_data.append("documentable_id", documentable_id);
//
                                jQuery.ajax({
                                    type: 'POST',
                                    url: form.attr('action'),
                                    data: form_data,
                                    cache: false,
                                    contentType: false,
                                    processData: false,
                                    beforeSend: function () {startSpinner();},
                                    success: function (data) {
//                                        onAjaxSuccess(data);
                                    },
                                    error: function (xhr, textStatus, error) {onAjaxError(xhr, textStatus, error);},
                                    complete: function () {stopSpinner();}
                                });
                            }
                        }));
                    },
                    error: function (xhr, textStatus, error) {
                        onAjaxError(xhr, textStatus, error);
                    },
                    complete: function () {
                        stopSpinner();
                    }
                });
            }
            return false;
        });

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

        {{--// Array to track the ids of the details displayed rows--}}
        {{--var detailRows = [];--}}

        {{--$('#route_assignment_list tbody').on('click', 'tr td.details-control', function () {--}}

        {{--    var tr = $(this).closest('tr');--}}
        {{--    var row = mainDataTable.row(tr);--}}
        {{--    var idx = $.inArray(tr.attr('id'), detailRows);--}}

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

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

        {{--        // Add to the 'open' array--}}
        {{--        if (idx === -1) {--}}
        {{--            detailRows.push(tr.attr('id'));--}}
        {{--        }--}}
        {{--    }--}}
        {{--});--}}

        {{--$('#route_assignment_list tbody').on('click', 'tr td.link', function () {--}}
        {{--    var tr = $(this).closest('tr');--}}
        {{--    var checkBoxes = tr.find('.route_assignments');--}}
        {{--    checkBoxes.prop("checked", !checkBoxes.prop("checked"));--}}
        {{--    if(checkBoxes.prop('checked')){--}}
        {{--        tr.addClass('selected');--}}
        {{--    }else{--}}
        {{--        tr.removeClass('selected');--}}
        {{--    }--}}
        {{--});--}}
        {{--// On each draw, loop over the `detailRows` array and show any child rows--}}
        {{--mainDataTable.on('draw', function () {--}}
        {{--    $.each(detailRows, function (i, id) {--}}
        {{--        $('#' + id + ' td.details-control').trigger('click');--}}
        {{--    });--}}
        {{--});--}}

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

        {{--$('input.toggle-vis').on('change', function (e) {--}}
        {{--    e.preventDefault();--}}
        {{--    var column_id = $(this).attr('data-column');--}}
        {{--    var table = $(this).attr('data-table');--}}
        {{--    if ($(this).is(':checked')) {--}}
        {{--        var is_display = 1;--}}
        {{--    }--}}
        {{--    else {--}}
        {{--        var is_display = 0;--}}
        {{--    }--}}
        {{--    $.ajax({--}}
        {{--        type: "get",--}}
        {{--        cache: false,--}}
        {{--        url: "{{route('route-assignment.table-column.update')}}",--}}
        {{--        data: {--}}
        {{--            is_display: is_display,--}}
        {{--            table: table,--}}
        {{--            column: column_id--}}
        {{--        },--}}
        {{--        success: function (data) {--}}
        {{--            if (data == 'DONE') {--}}
        {{--                // Get the column API object--}}
        {{--                var column = mainDataTable.column(column_id);--}}

        {{--                // Toggle the visibility--}}
        {{--                column.visible(!column.visible());--}}
        {{--            }--}}
        {{--        },--}}
        {{--        error: function (data) {--}}

        {{--        }--}}
        {{--    });--}}
        {{--});--}}
        $('#print_documents').on('click', function () {
            jQuery('.route_assignments').each(function () {
                if (jQuery(this).is(':checked')) {
                    var loading_order_item_id= jQuery(this).attr('loading_order_item_id');
                    var print_documents = "{{ route('operations.loading_order_items.delivery_orders.print', [":id"]) }}";
                    window.open(print_documents.replace(':id', loading_order_item_id), '_blank');
                }
            });

            return false;
        });
        
               
                jQuery('#destination_diversion').each(function () {
            if (jQuery(this).attr('initialized') != 'true') {
                jQuery(this).click(function () {
                    generateRouteDiversion();
                });
                jQuery(this).attr('initialized', 'true');
            }
        });

        function generateRouteDiversion() {
           // var route_assignmtnt_id = jQuery(this).attr('route_assignment_id');
              var route_assignmtnt_ids = new Array();
            var loading_order_item_ids = new Array();
            jQuery('.route_assignments').each(function () {
                if (jQuery(this).is(':checked')) {
                    route_assignmtnt_ids.push(jQuery(this).val());
                    loading_order_item_ids.push(jQuery(this).attr('loading_order_item_id'));
                }
            });
            if(loading_order_item_ids.length > 0) {

                jQuery.ajax({
                    type: "GET",
                    cache: false,
                    url: "{{route('route-assignments.diversions.create')}}",
                    data: {
                        loading_order_item_ids: loading_order_item_ids,
                        route_assignmtnt_ids: route_assignmtnt_ids
                    },

                    beforeSend: function () {
                        startSpinner();
                    },
                    success: function (data) {
                        onAjaxSuccess(data, 'POST');
                    },
                    error: function (xhr, textStatus, error) {
                        onAjaxError(xhr, textStatus, error);
                    },
                    complete: function () {
                        stopSpinner();
                    }
                });

            } else {
                logistics_alert('PLEASE CHECK ATLEAST ONE ITEM TO CONTINUE', 'SELECTION DIALOG');
                return;
            }



            return false;
        }
        
                       jQuery('#route_amendments_button').each(function () {
            if (jQuery(this).attr('initialized') != 'true') {
                jQuery(this).click(function () {
                    generateRouteAmendment();
                });
                jQuery(this).attr('initialized', 'true');
            }
        });

        function generateRouteAmendment() {
           // var route_assignmtnt_id = jQuery(this).attr('route_assignment_id');
              var route_assignmtnt_ids = new Array();
            var loading_order_item_ids = new Array();
            jQuery('.route_assignments').each(function () {
                if (jQuery(this).is(':checked')) {
                    route_assignmtnt_ids.push(jQuery(this).val());
                    loading_order_item_ids.push(jQuery(this).attr('loading_order_item_id'));
                }
            });
            if(loading_order_item_ids.length == 1) {

                jQuery.ajax({
                    type: "GET",
                    cache: false,
                    url: "{{route('amendments.route-assignments-amendments.create')}}",
                    data: {
                        loading_order_item_ids: loading_order_item_ids,
                        route_assignmtnt_id: route_assignmtnt_ids
                    },

                    beforeSend: function () {
                        startSpinner();
                    },
                    success: function (data) {
                        onAjaxSuccess(data, 'POST');
                    },
                    error: function (xhr, textStatus, error) {
                        onAjaxError(xhr, textStatus, error);
                    },
                    complete: function () {
                        stopSpinner();
                    }
                });

            } else {
                logistics_alert('PLEASE CHECK ONLY ONE ITEM TO CONTINUE', 'SELECTION DIALOG');
                return;
            }



            return false;
        }

    </script>
@stop