@extends('layouts.main')
@section('title')
    Orders Not Sent
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('routes.index')}}">Routes</a> <span class="divider">/</span></li>
        <li class="active">Orders Not Sent</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">
        <a class="btn" id="create_loading_order">
            <span class="iconsweets-create"></span> CREATE 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>
@stop
@section('contentinner')
    <style>
        #client_return_loading_order {
            width: 85%;
            margin-left: -30%;
        }
    </style>
    <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_number}}</option>
                    @endforeach
                </select>
                <label class="control-label" for="Category">Containers</label>
                <select name="container[]" width="50px" id="id_from_container" multiple="multiple">
                    <option value=""></option>
                    @foreach($route_assignments as $route_assignment)
                        <option value="{{$route_assignment->id}}">{{$route_assignment->container_number}}</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" 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>Container No</th>
                        <th>Border</th>
                        <th style="width: 100px">Action</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').DataTable({
                        "oLanguage": {
                            "sLoadingRecords": "Please wait - loading records...",
                            "sZeroRecords": "No records to display.",
                            "sProcessing": "Please wait - loading records...",
                            "sInfoEmpty": "No entries to display."
                        },
                        {{--"ajax": '{{route('datatables.permits.list')}}',--}}
                        ajax: {
                            url: '{{route('datatables.route-assignments.return-loading-order.trashed')}}',
                            data: function (d) {
                                d.id_from_truck_id = jQuery('#id_from_truck_id').val();
                                d.id_from_container = jQuery('#id_from_container').val();
//                        d.permit_type = jQuery('#select').val();
//                        d.search = jQuery('div.dataTables_filter input').val();
                            }
                        },
                        "sPaginationType": "full_numbers",
                        processing: true,
                        serverSide: true,
                        "columns": [
                            {data: 'checkbox'},
                            {data: 'date'},
                            {data: 'truck'},
                            {data: 'trailer'},
                            {data: 'type'},
                            {data: 'container'},
                            {data: 'border'},
                            {data: 'action'}
                        ],
                        "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.revoke')}}',
                                        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(document).jkey('alt+g', function () {
            generateOrders();
        });

        //        jQuery(document).jkey('c', function () {
        //            jQuery('.modal').modal('hide');
        //        });


        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 checkRoutes = checkedRoutes();
            if (checkRoutes) {
                jQuery.ajax({
                    type: "GET",
                    data: {
                        route_ids: checkRoutes
                    },
                    url: "{{route('return.loading-orders.create')}}",
                    success: function (data) {
                        jQuery('#client_return_loading_order').appendTo("body").modal('toggle');
                        jQuery('#client_return_loading_order_body').empty().append(data);
                        jQuery('.date_picker').datepicker();
                        jQuery('.return_cargo_driver').select2();
                        jQuery(".remove_sub_contract").on('click', function () {
                            jQuery(this).parents('table').remove();
                        });
                    },
                    error: function (data) {
                    }
                });
            }
        }

        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