@extends('operations.truck_allocations.includes.main')
@section('title') Import Allocation @stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('routes.index')}}">Route Assignments</a> <span class="divider">/</span></li>
        <li class="active">Exports Allocation</li>
    </ul>
@stop
@section('profile')
    <style>
        #logistics_modal {
            width: 95%;
            margin-left: -32%;
        }
    </style>
    <div class="msghead" style="margin-bottom: 4px;margin-top: -20px;">
        <ul class="msghead_menu">
            <li class="right btn-group">
                <a class="btn" id="create_loading_order">
                    <span class="iconsweets-create"></span> CREATE LOADING ORDER <span
                            style="font-size: 10px;color: #51a7c6"> ( alt+g )</span>
                </a>
            </li>
            <li class="right btn-group">
                <button class="btn" onclick="openAdvancedSearch()">
                    <span class="icon-search"></span> &nbsp; SEARCH
                </button>
            </li>
        </ul>
        <span class="clearall"></span>
    </div><!--msghead-->
    <div id="advanced_search" class="sidenav">
        <a href="javascript:void(0)" class="closebtn" onclick="closeAdvancedSearch()">&times;</a>

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

                <label class="control-label" for="Category">Truck</label>
                <select name="select" width="50px" id="id_from_truck_id" multiple="multiple">
                    <option value="">ALL</option>
                    @foreach($route_assignments as $route_assignment)
                        <option value="{{$route_assignment->id}}">{{$route_assignment->truck_registration}}</option>
                    @endforeach
                </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="row-fluid">
        <div class="span12">
            <div class="full-view-mode">
                <table class="table table-bordered table-condensed table-striped logistics_table" style="width: 100%"
                       id="return-loading-order">
                    <thead>
                    <tr>
                        {{--<th style="width: 50px">SNO.</th>--}}
                        <th style="width: 20px"><input type="checkbox" class="checkall"/></th>
                        <th>Date</th>
                        <th>Horse</th>
                        <th>Trailer</th>
                        <th>Type</th>
                        <th>Destination</th>
                        <th>Location</th>
                        <th>Status</th>
                        <th>Remarks</th>
                    </tr>
                    </thead>
                </table>
            </div><!--span12-->
        </div><!--span12-->
    </div><!--row-fluid-->


    <script>

        jQuery('#id_from_truck_id,#id_from_container,.searchable_select').select2();
        jQuery(function () {
            var oTable = jQuery('#return-loading-order').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 Trucks', '200 Trucks']
                    ],
                    "oLanguage": {
                        "sLoadingRecords": startSpinner(),
                        "sZeroRecords": "No records to display.",
                        "sProcessing": "Please wait - loading records...",
                        "sInfoEmpty": "No entries to display."
                    },
                    ajax: {
                        url: '{{route('datatables.route-assignments.loading.list')}}',
                        data: function (d) {
                            d.id_from_truck_id = jQuery('#id_from_truck_id').val();
                            d.id_from_container = jQuery('#id_from_container').val();
                            d.search = jQuery('div.dataTables_filter input').val();
                        }
                    },
                    "initComplete": function (settings, json) {
                        stopSpinner();
                    },
                    "sPaginationType": "full_numbers",
                    processing: true,
                    serverSide: true,
                    "order": [[ 1, "asc"]],
                    "columns": [
                        {data: 'checkbox'},
                        {data: 'date'},
                        {data: 'truck'},
                        {data: 'trailer'},
                        {data: 'type'},
                        {data: 'destination'},
                        {data: 'location'},
                        {data: 'status'},
                        {data: 'remarks'}
                    ],
                    "fnDrawCallback": function () {
                        jQuery('.delete_return_order').on('click', function () {
                            var td = jQuery(this).parents('td');
                            var route_assignment_id = td.find('.route_assignment_id').val();
                            if (route_assignment_id) {
                                jQuery.ajax({
                                    url: '{{route('return_loading_orders.destroy')}}',
                                    type: 'get',
                                    data: {
                                        route_assignment_id: route_assignment_id
                                    },
                                    success: function (data) {
                                        if (data == 'DONE') {
                                            jQuery('#return-loading-order').dataTable().fnFilter(this.value);
                                        } else {
                                            alert('FAIL TO DELETE ORDER');
                                        }
                                    }
                                });
                            } else {
                                alert('FAIL TO DELETE ORDER');
                            }
                        })
                    },
                    "bStateSave": true
                });

            jQuery('#search-form').on('click', function (e) {
                searchTable(e);
            });

            function searchTable(e) {
                oTable.draw();
                e.preventDefault();
            }
        });



        jQuery('#create_loading_order').on('click', function () {
            generateOrders();

            jQuery("#add_sub_contract").each(function () {
                if (jQuery(this).attr('initialized') != 'true') {
                    jQuery(this).click(function () {
                        var response = jQuery('#add_body_sub_contract').find('table').clone();
                        response.find('tbody tr td select').each(function () {
                            jQuery(this).select2();
                        });
                        jQuery('#added_body_sub_contract').append(response);
                        jQuery('.date_picker').datepicker();

                        jQuery(".remove_sub_contract").on('click', function () {
                            jQuery(this).parents('table').remove();
                        });
                    });
                }
                jQuery(this).attr('initialized', 'true');
            });

            jQuery("#add_from_route_assignment").each(function () {
                if (jQuery(this).attr('initialized') != 'true') {
                    jQuery(this).click(function () {
                        var route_assignment_id = [];
                        jQuery('.route_assignment_id').each(function () {
                            route_assignment_id.push(jQuery(this).val());
                        });
                        jQuery.ajax({
                            url: '{{route('return.loading-orders.more-routes')}}',
                            type: 'get',
                            data: {
                                route_assignment_id: route_assignment_id
                            },
                            success: function (html) {
                                jQuery('#client_return_loading_order_more_routes').appendTo('body').modal('show');
                                jQuery('#client_return_loading_order_more_routes_body').empty().append(html);
                            }
                        });
                    });
                }
                jQuery(this).attr('initialized', 'true');
            });

        });

        jQuery('#client_return_loading_order_more_routes').on('hidden.bs.modal', function (e) {
            var more_route_assignment_id = [];
            jQuery(this).find('.more_route_assignment_id').each(function () {
                if (jQuery(this).is(':checked')) {
                    more_route_assignment_id.push(jQuery(this).val());
                }
            });
            jQuery.ajax({
                url: '{{route('return.loading-orders.append-more-routes')}}',
                type: 'get',
                data: {
                    route_assignment_id: more_route_assignment_id
                },
                success: function (html) {
                    jQuery('#client_return_loading_order').modal('show');
                    jQuery('#return_order_from_route_table').append(html);
                    jQuery('.date_picker').datepicker();
                    jQuery('.return_cargo_driver_1').select2();
                    jQuery(".remove_sub_contract").on('click', function () {
                        jQuery(this).parents('table').remove();
                    });
                }
            });
        });

        function generateOrders() {
            var route_ids = checkedRoutes();
            if (route_ids) {
                var url = "{{route('loading-orders.import_cargo.create')}}";
                createOrEdit(url, route_ids);
            }
        }

        function checkedRoutes() {
            var checked = jQuery('.route_id:checked').length > 0;
//            if (!checked) {
//                jAlert("Please check at least one route to continue with the process", 'SELECTION DIALOG');
//                return false;
//            }
            var checkRoutes = [];
            jQuery('.route_id').each(function () {
                if (jQuery(this).is(':checked')) {
                    checkRoutes.push(jQuery(this).val());
                }
            });
            return checkRoutes;
        }


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