@extends('layouts.main_without_top_button')
@section('title')
    Route Profile:Client
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('route-assignments.index')}}">Route Logs</a> <span class="divider">/</span></li>
        <li class="active">Clients</li>
    </ul>
@stop
@section('contentinner')
    <style>
        .bootstrap-datetimepicker-widget {
            z-index: 99999 !important;
        }

        .dropdown-menu {
            top: 43%;
        }

        .customer-field {
            margin-bottom: 6px;
        }

        .pull-top {
            margin-top: -28px
        }


    </style>
    <div class="tabbable">
        @include('operations.route_assignments.includes.profile')
        <div class="tab-content">
            <div id="glyphs" class="tab-pane active" style="min-height: 450px">

                <div class="msghead">
                    <ul class="msghead_menu">
                        <li class="right btn-group">

                            @if(auth()->user()->can('CREATE DIVERTION1'))
                                <button class="btn" style="margin-right: 2px" id="destination_diversion" route_assignment_id="{{ $route_assignment->route_assignment_id }}">
                                    DIVERT DESTINATION 
                                </button>
                            @endif
                             @if(auth()->user()->can('CREATE AMENDMENT1'))
                                <button class="btn" style="margin-right: 2px" id="route_amendments_button">
                                    AMENDMENT 2
                                </button>
                            @endif
                            @if(auth()->user()->can('CREATE AMENDMENT1'))
                                <button class="btn" style="margin-right: 2px" id="amendments_button">
                                    AMENDMENT
                                </button>
                            @endif
                            {{--@endif--}}
                        </li>
                    </ul>
                    <span class="clearall"></span>
                </div><!--msghead-->
                <br>
                <table class="table table-bordered  table-condensed logistics_table" id="route_assignment_profile_clients">
                    <thead>
                    <tr>
                        <th class=" nosort" style="width: 2%"><input type="checkbox" class="checkall"/></th>
                        <th style="width: 8%">Loading Date</th>
                        <th style="width: 22%">Loading Point</th>
                        <th style="width: 15%">Destination</th>
                        <th style="width: 15%">Client</th>
                        <th style="width: 10%">File Number</th>
                        <th style="width: 10%">Quantity</th>
                        <th style="width: 20%">Cargo Description</th>
                        <th style="width: 3%">Action</th>
                    </tr>
                    </thead>
                </table>
            </div><!--tab-pane-->
        </div>
    </div>


    {{--<div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" class="modal hide fade in"--}}
         {{--id="modelReturningCargo">--}}
        {{--<div class="modal-header" style="background: #50A6C6">--}}
            {{--<button type="button" class="close" data-dismiss="modal">&times;</button>--}}
            {{--<h4>CHANGE DESTINATION</h4>--}}
        {{--</div>--}}
        {{--{!! Form::open(array('class' => 'stdform','id'=>'destination_diversion_store_form','method'=>'post')) !!}--}}
        {{--<input type="hidden" value="{{$route_assignment->route_assignment_id}}" name="route_assignment">--}}

        {{--<div class="modal-body" id="model_returning_cargo_body"></div>--}}
        {{--<div class="modal-footer">--}}
            {{--<div class="row">--}}
                {{--<div class="form-group">--}}
                    {{--<button class="btn btn-primary" type="submit">UPDATE</button>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
        {{--</form>--}}
    {{--</div>--}}

    <script>

        var mainDataTable = jQuery('#route_assignment_profile_clients').on('error.dt',
            function (e, settings, techNote, message) {
                console.log('An error has been reported by DataTables: ', message);
                jQuery.jGrowl("ERROR LOADING DATA!", {header: 'Important'});
                stopSpinner();
            })
            .DataTable({
                aLengthMenu: [
                    [25, 50, 100],
                    [25, 50, 100]
                ],
                iDisplayLength: 100,
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No Requisition to Display.",
                    "sProcessing": "Please wait - loading records...",
                    "sInfoEmpty": "No entries to display."
                },
                ajax: {
                    url: '{{route("operations.route_assignments.profile.clients.datatable",['route_assignment_id'=>$route_assignment->route_assignment_id])}}',
                    data: function (d) {
                    }
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                // "order": [[ 2, "desc" ]],
                columns: [
                    {data: 'checkbox'},
                    {data: 'loading_date'},
                    {data: 'loading_points'},
                    {data: 'destination'},
                    {data: 'client_code'},
                    {data: 'd_o_number'},
                    {data: 'loading_quantity'},
                    {data: 'product'},
                    {data: 'action'}
                ],
                "bStateSave": true
            });

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

        $('#amendments_button').on('click', function () {
            var loading_order_item_id = checkRows('loading_order_item_id');

            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');

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

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

        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_id = '{{ $route_assignment->id }}' ;//$(this).attr('route_assignment_id');
            var loading_order_item_ids = new Array();
            jQuery('.loading_order_item_id').each(function () {
                if (jQuery(this).is(':checked')) {
                    loading_order_item_ids.push(jQuery(this).val());

                }
            });
            if(loading_order_item_ids.length > 0) {

                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_id
                    },

                    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;
        }


        $('#destination_diversion_store_form').on('submit', function (e) {
            var this_form = $(this);
            e.preventDefault();
            jQuery.ajax({
                url: '{{route('route-assignments.offloading_destination_divert.store',['route_assignment_id'=>$route_assignment->route_assignment_id])}}',
                type: 'POST',
                data: this_form.serialize(),
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    console.log(data);
                    if (data.state === 'Done') {
                        resetFormAndClose(this_form);
                        jQuery.jGrowl(data.msg);
                    } 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++;
                        });
                    }
                },
                complete: function () {
                    stopSpinner()
                },
                error: function (data) {
                    console.log('Error: ');
                    console.log(data);
                }
            });
        });
    </script>

    <script>
        function generateRouteDiversion() {
            // var route_assignmtnt_id = jQuery(this).attr('route_assignment_id');
            var route_assignmtnt_id = '{{ $route_assignment->route_assignment_id }}' ;//$(this).attr('route_assignment_id');
            var loading_order_item_ids = new Array();
            jQuery('.loading_order_item_id').each(function () {
                if (jQuery(this).is(':checked')) {
                    loading_order_item_ids.push(jQuery(this).val());

                }
            });
            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_id: route_assignmtnt_id
                    },

                    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;
        }
    </script>
@stop