@extends('operations.truck_allocations.includes.main',['title'=>'APPROVED ENQUIRIES | LOGISTICS'])
@section('title') Truck 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')}}">Operations</a> <span class="divider">/</span></li>
        <li class="active">Truck Allocation</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">
        <div class="btn-group">
            <button class="btn" onclick="create('{{ route('pipelines.pipeline_loading_orders.create') }}')">
                <i class="icon-th"></i> &nbsp;NEW PIPELINE
            </button>
        </div><!--btn-group-->
    </li>
    <li class="right btn-group">
        {{--<button class="btn" onclick="openAdvancedSearch('loading_orders_filter_options')">--}}
        {{--<span class="icon-search"></span> &nbsp; FILTER--}}
        {{--</button>--}}
    </li>
@endsection
@section('profile')

{{--@section('contentinner')--}}
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed logistics_table" id="client_inquiries_list">
                <thead>
                <tr>
                    <th style="width: 10%">Date</th>
                    <th style="width: 15%"></th>
                    <th style="width: 10%">Client</th>
                    <th style="width: 10%">Booked / Pending</th>
                    <th style="width: 25%">Loading</th>
                    <th style="width: 10%">Destination</th>
                    <th style="width: 10%">Product</th>
                    <th style="width: 5%">Rate</th>
                    <th style="width: 5%">Action</th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->
    <script>
        var mainDataTable = jQuery('#client_inquiries_list').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('operations.truck_allocations.import.data_table') }}",
                        data: function (d) {
                            d.search_field = $('input[name=search_field]').val();
                            d.truck_id = $('#truck_id').val();
                            d.city_id = $('#city_id').val();
                            d.vehicle_type = $('#vehicle_type').val();
                            d.status = $('#status').val();
                        }
                    },
                    // scrollCollapse: true,
                    "sPaginationType": "full_numbers",
                    "bStateSave": true,
                    processing: true,
                    serverSide: true,
                    "order": [[ 0, "desc" ]],
                    "columns": [
                        {"class": "link", data: 'date'},
                        {"class": "link", data: 'enquiry_code'},
                        {"class": "link", data: 'client_code'},
                        {"class": "link", data: 'trucks'},
                        {"class": "link", data: 'loading_point'},
                        {"class": "link", data: 'destination'},
                        {"class": "link", data: 'product'},
                        {"class": "link", data: 'rate'},
                        { data: 'action'}
                    ],
                });

//        mainDataTable.row.add(["","System Architect", "6", "TANKERS","Edinburgh"]).draw(false);

        $('#client_inquiries_list tbody').on('click', 'tr td.link', function () {
            var tr = $(this).closest('tr');
//            var checkBoxes = tr.find('.route_assignments');
//            checkBoxes.prop("checked", !checkBoxes.prop("checked"));
//            if(checkBoxes.prop('checked')){
//                tr.addClass('selected');
//            }else{
//                tr.removeClass('selected');
//            }
        });
    </script>
@stop