@extends('layouts.main', ['title' => 'Loading Orders'])
@section('title')
    Driver Mileages
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('requisitions.index')}}">Requisitions</a> <span class="divider">/</span></li>
        <li class="active">Driver Mileages</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">
        <a class="btn" id="create_loading_order">
            <span class="iconsweets-create"></span> NEW REQUEST
            {{--<span style="font-size: 10px;color: #51a7c6"> ( alt+g )</span>--}}
        </a>
        <a class="btn btn-danger" id="remove_route_assignment">
            <i class="icon-trash icon"></i> REMOVE
            {{--<span style="font-size: 10px;color: #51a7c6"> ( alt+g )</span>--}}
        </a>
    </li>
@endsection
@section('contentinner')


    <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="requisition_driver_mileage_index">
                    <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>Commodity</th>
                        <th>Border</th>
                    </tr>
                    </thead>
                </table>
            </div><!--span12-->
        </div><!--span12-->
    </div><!--row-fluid-->

    <script>
            var mainDataTable = jQuery('#requisition_driver_mileage_index').
                    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({
                        "oLanguage": {
                            "sLoadingRecords": startSpinner(),
                            "sZeroRecords": "No records to display.",
                            "sProcessing": "Please wait - loading records...",
                            "sInfoEmpty": "No entries to display."
                        },
                        "initComplete": function (settings, json) {
                            stopSpinner();
                        },
                        lengthMenu: [
                            [100, 250, 500],
                            ['100 Routes', '250 Routes', '500 Routes']
                        ],
                        ajax: {
                            url: '{{route('requisitions.driver_mileages.datatable.index')}}',
                            data: function (d) {
//                        d.id_from_container = jQuery('#id_from_container').val();
                            }
                        },
                        "sPaginationType": "full_numbers",
                        processing: true,
                        serverSide: true,
                        "columns": [
                            {
//                                "class": "details-control",
                                "orderable": false,
                                "data": 'checkbox'
//                                "defaultContent": ""
                            },
                            {data: 'date'},
                            {data: 'truck'},
                            {data: 'trailer'},
                            {data: 'type'},
                            {data: 'border'}
//                            {data: 'action'}
                        ],
                        "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 () {

            var route_assignment_id = checkRows('route_assignment_id');
            jQuery.ajax({
                url: '{{route('requisitions.driver_mileages.create')}}',
                type: 'GET',
                data: {
                    route_assignment_id: route_assignment_id
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    var modal = jQuery('#logistics_modal');
                    modal.empty().append(data);
                    modelShow('logistics_modal');

                    jQuery('#mileage_new_requisition_form').on('submit', function (e) {
                        e.preventDefault();
                        var form = jQuery(this);
                        storeOrUpdate(form, 'POST');
                        socket.emit('driverMileage', 1);
                        resetFormAndClose(jQuery('#mileage_new_requisition_form'));
                    });

                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });


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


        jQuery('#remove_route_assignment').on('click', function () {
                        swal({
                        title: "Are you sure?",
                        text: "You will not be able to recover this imaginary file!",
                        type: "warning",
                        showCancelButton: true,
                        confirmButtonColor: "#DD6B55",
                        confirmButtonText: "Yes, delete it!",
                        closeOnConfirm: false
                    },
                    function () {
                        swal({title: "", text: "", timer: 0, showConfirmButton: false});
                        var route_assignment_id = checkRows('route_assignment_id');
                        jQuery.ajax({
                            {{--url: '{{route('requisitions.driver_mileages.remove')}}',--}}
                            type: 'GET',
                            data: {
                                route_assignment_id: route_assignment_id
                            },
                            beforeSend: function () {
                                startSpinner();
                            },
                            success: function (data) {
                                if (data.state === 'Done') {
                                    notify(data.msg);
                                    if (typeof mainDataTable !== 'undefined') { mainDataTable.draw(); }
                                } else if (data.state === 'Fail') {
                                    notify(data.msg);
                                } else {
                                    notify('Something went wrong!');
                                }

                            },
                            error: function (xhr, textStatus, error) {
                                onAjaxError(xhr, textStatus, error);
                            },
                            complete: function () {
                                stopSpinner();
                            }
                        });
                    });
        });

    </script>
@stop