@extends('layouts.main', ['title'=>'LOGISTICS | EMERGENCE FUEL ORDERS'])

@section('title', 'Emergence Fueling')

@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{ route('home') }}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Fuels Managements</a> <span class="divider">/</span></li>
        <li class="active">EMERGENCE FUEL ORDERS</li>
    </ul>
@stop

@section('msghead_menu')
    <li class="right btn-group">
        <button class="btn" style="margin-right: 2px" onclick="create('{{ route('emergence_fueling.create') }}')" >
            <span class="icon-filter"></span> ORDER EMERGENCE FUEL
        </button>
    </li>
@stop
@section('contentinner')
    <div class="row-fluid">
        <div class="span12">
            
            <table class="table table-condensed" width="100%" id="emergence_fuel">
                <thead>
                <tr>
                    <th style="width:5px;"><input type="checkbox" class="checkall"/></th>
                    <th>DATE</th>
                    <th>DESCRIPTION</th>
                    <th>STATUS</th>
                    <th style="width:5px;">ACTION</th>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->

    <script>
        var oTable = jQuery('#emergence_fuel').
                on('error.dt', function (e, settings, techNote, message) {
                    console.log(message);
                    notify('Error Loading goods Issued Note List');
                })
                .DataTable({
                    "oLanguage": {
                        "sLoadingRecords": "Please wait - loading Orders Records...",
                        "sZeroRecords": "No Orders to display.",
                        "sProcessing": "Please wait - loading records...",
                        "sInfoEmpty": "No entries to display.",
                        "sInfo": "Got a total of _TOTAL_ fuel Orders to show (_START_ to _END_)",
                        "sInfoFiltered": " - filtering from _MAX_ records"
                    },
                    ajax: {
                        url: '{{ route("emergence_fueling.indexData") }}',
                        data: function (d) {
                            // d.route_number = jQuery('#route_number').val();
                        },
                        error: function (xhr, textStatus, error) { onAjaxError(xhr, textStatus, error); }
                    },
                    scrollCollapse: true,
                    "sPaginationType": "full_numbers",
                    processing: true,
                    serverSide: true,
                    "bStateSave": true,
                    "columns": [
                        {data: 'checkbox'},
                        {data: 'date'},
                        {data: 'description'},
                        {data: 'status'},
                        {data: 'action'},
                    ]
                });
        
        var total_tr;
        
        function addVehicle() {
            data = jQuery('#data_zone').find('tr').clone();
            data.find('select').select2();
            jQuery('#append_zone').append(data);
        }
        
        function removeRow(element) {
            total_tr = jQuery('#append_zone').find('tr').length;
            if(total_tr == 1) jQuery.jGrowl("Can't be removed");
            else element.parents('tr').remove();
        }
    </script>
@stop