@extends('layouts.main_without_top_button')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('clients.index')}}">Clients</a> <span class="divider">/</span></li>
        <li class="active">Proforma Invoices</li>
    </ul>
@stop
@section('contentinner')
    <div class="tabbable">
        @include('clients.includes.client_summary',compact('client'))
        <div class="tab-content">
            <div id="glyphs" class="tab-pane active">
                <div class="msghead" style="margin-bottom: 12px;margin-top: -20px" id="msg_head">
                    <ul class="msghead_menu">

                        <li class="right btn-group">
                            <a class="btn" style="margin-right: 4px" onclick="create('{{route('proforma_invoices.generate_invoices.create',['clients'=>$client->id,'proforma_invoice_id'=>$proforma_invoice->id])}}')">
                            <span class="icon-folder-open"></span> GENERATE INVOICE
                                {{--<span style="font-size: 10px;color: #51a7c6"> ( alt+p )</span>--}}
                            </a>
                        </li>
                    </ul>
                    <span class="clearall"></span>
                </div><!--msghead-->

                <table class="table table-condensed table-bordered logistics_table" id="loadingOrdersTable"
                       route="{{ route('loading_orders.indexDatas') }}">
                    <thead>
                    <tr>
                        <th width='5px'><input type="checkbox" class="checkall"/></th>
                        <th>D.O.N</th>
                        <th>Loading</th>
                        <th>Offloading</th>
                        <th>Truck</th>
                        <th>Qnt Loaded</th>
                        <th>Offloaded</th>
                    </tr>
                    </thead>
                </table>
            </div><!--tab-pane-->
        </div>
    </div>


    <script>


        var mainDataTable = jQuery('#loadingOrdersTable').DataTable(
            {
                lengthMenu: [
                    [17, 50, 100, 200],
                    ['17', '50', '100', '200']
                ],
                "oLanguage": {
                    "sLoadingRecords": "Please wait - loading orders...",
                    "sZeroRecords": "No Orders available.",
                    "sInfoEmpty": "No entries to display."
                },
                ajax: {
                    url: "{{ route('proforma_invoices.data_table.index',['proforma_invoice_id'=>$proforma_invoice->id]) }}",
                    data: function (d) {
                    }
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                // "aoColumnDefs": [{
                //     "aTargets": [5],
                //     "fnCreatedCell": [
                //         function (nTd, sData, oData, iRow, iCol) {
                //             jQuery(nTd).css('text-align', 'right')
                //             if ((sData === 0.00)) {
                //                 jQuery(nTd).addClass('highlight-red')
                //             }
                //
                //         }
                //     ]
                // }, {
                //         "aTargets": [6],
                //         "fnCreatedCell": [
                //             function (nTd, sData, oData, iRow, iCol) {
                //                 jQuery(nTd).css('text-align', 'right')
                //                 if ((sData === 0.00)) {
                //                     jQuery(nTd).addClass('highlight-red')
                //                 }
                //
                //             }
                //         ]
                //     }
                // ],
                "columns": [
                    {data: 'checkbox'},
                    {"class": "link", data: 'd_o_number'},
                    {"class": "link", data: 'loading_date'},
                    {"class": "link", data: 'offload_date'},
                    {"class": "link", data: 'truck'},
                    {"class": "link", data: 'loading_quantity'},
                    {"class": "link", data: 'offloading_quantity'}
                ],
                "bStateSave": true
            });
        jQuery('#search-form').on('click', function (e) {
            searchTable(e);
        });
    </script>
@stop