@extends('layouts.main', ['title' => 'Transport Charges'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a >Requisitions</a><span class="divider">/</span></li>
        <li class="active">Transport Charges</li>
    </ul>
@stop
@section('title')
    Transport Charges
@endsection
@section('msghead_menu')
    <li class="right btn-group">
        <a class="btn" id="create_loading_order">
            <span class="iconsweets-create"></span> GENERATE REQUEST
            {{--<span style="font-size: 10px;color: #51a7c6"> ( alt+g )</span>--}}
        </a>
    </li>
@endsection
@section('contentinner')


    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed logistics_table" id="loadingOrdersTable"
                   route="{{ route('loading_orders.indexDatas') }}">
                <thead>
                <tr>
                    <th width='5px'><input type="checkbox" class="checkall"/></th>
                    {{--<th>More</th>--}}
                    <th>Date</th>
                    <th>Horse</th>
                    <th>Trailer</th>
                    <th>Driver</th>
                    <th>Passport</th>
                    <th>Allocation</th>
                    {{--<th>Cargo Desc.</th>--}}
                    {{--<th>Border</th>--}}
                    <th>Status</th>
                    <th>Loading Point</th>
                    <th style="width: 40px">&nbsp;</th>
                    <!--<th width='5px'>Action</th>-->
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->
    <script>
        var mainDataTable = jQuery('#loadingOrdersTable').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({
                    "oLanguage": {
                        "sLoadingRecords": startSpinner(),
                        "sZeroRecords": "No Orders available.",
                        "sInfoEmpty": "No entries to display."
                    },
                    "initComplete": function (settings, json) {
                        stopSpinner();
                    },
                    ajax: {
                        url: "{{ route('requisitions.Loading_expenses.datatable.index') }}",
                        data: function (d) {
                        }
                    },
                    scrollCollapse: true,
                    "sPaginationType": "full_numbers",
                    processing: true,
                    serverSide: true,
                    "columns": [
                        {
                            data: 'checkbox',
                            "class": "dt_checkbox",
                            "orderable": false
                        },
                        {"class": "link", data: 'loading_date'},
                        {"class": "link", data: 'vehicle'},
                        {"class": "link", data: 'trailer'},
                        {"class": "link", data: 'driver'},
                        {"class": "link", data: 'passport'},
//                        {"class": "link", data: 'destination'},
                        {"class": "link", data: 'client'},
//                        {"class": "link", data: 'cargo_description'},
//                        {"class": "link", data: 'border'},
//                        {"class": "link", data: 'tonnage'},
                        {"class": "link", data: 'loading_point'},
                        {"class": "link", data: 'status'},
                        {"class": "link", data: 'nature'}
                        // {data: 'action'}
                    ],
                    "bStateSave": true
                });

        jQuery('#create_loading_order').on('click', function () {
            alert('hi')
            var loading_order_vehicle_id = checkRows('loading_order_vehicle_id');
            jQuery.ajax({
                url: '{{route('requisitions.loading_charges.create')}}',
                type: 'GET',
                data: {
                    loading_order_vehicle_id: loading_order_vehicle_id
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    var modal = jQuery('#logistics_modal');
                    modal.empty().append(data);
                    modelShow('logistics_modal');

                    jQuery('.remove_driver_mileage_item').on('click', function () {
                        jQuery(this).parents('tr').remove()
                    });
                    jQuery('.searchable_select_requisition').select2();
                    jQuery('.requisition_date').datepicker({
                        format: 'yyyy-mm-dd'
                    }).on('changeDate', function (ev) {
                        jQuery(this).datepicker('hide');
                    });

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

                },
                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');
//            });
        });

    </script>
@endsection