@extends('layouts.main')
@section('title')
    Clients Allocated Orders
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('return.loading-orders.index')}}">Clients Allocated Orders</a> <span class="divider">/</span>
        </li>
        <li class="active">Clients Allocated Orders</li>
    </ul>
@stop
@section('contentinner')
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed" id="client_inquiries_list">
                <thead>
                <tr>
                    <th class="nosort" style="width: 30px"><input type="checkbox" class="checkall"/></th>
                    <th>Client</th>
                    <th>NO of Trucks</th>
                    <th>Cargo</th>
                    <th>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('clients.inquiries.data-table.index') }}",
                        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",
                    processing: true,
                    serverSide: true,
                    "columns": [
                        {
                            data: 'checkbox',
                            "class": "dt_checkbox",
                            "orderable": false
                        },
                        {"class": "link", data: 'client'},
                        {"class": "link", data: 'trucks'},
                        {"class": "link", data: 'cargo'},
                        { data: 'action'}
                    ],
                    "bStateSave": true
                });

//        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