@extends('layouts.main')
@section('title')
    Fuel GINs
@stop
@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">Fuels GINs</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">
        <button class="btn" onclick="openAdvancedSearch()" style="margin-right: 4px">
            <span class="icon-search"></span> &nbsp; FILTER & PRINT
        </button>
        <button class="btn msgtrash btn-danger" style="margin-right: 4px" id="delete_fuels_gin"><span
                    class="iconsweets-trashcan"></span>
        </button>
        <button class="btn" style="margin-right: 2px" id="truck_fueling">
            <span class="icon-filter"></span> FILL Fuel
        </button>
    </li>
@stop
@section('contentinner')
    <style>
        .highlight-red {
            background-color: #db504b !important;
            color: #ffffff !important;
        }
    </style>
    <div class="row-fluid">
        <div class="span12">

            <div id="advanced_search" class="sidenav">
                <a href="javascript:void(0)" class="closebtn" onclick="closeAdvancedSearch()">&times;</a>

                <div style="margin-bottom: 8px">
                    <form target="_blank" class="form-inline form-filter" method="get"
                          action="{{route('fuels.goods-issued-notes.print')}}">

                        <label class="control-label" for="Category">Destination</label>
                        <select name="destination_id" width="200px" id="destination_id">
                            <option value="">ALL</option>
                            @foreach($destinations as $destination)
                                <option value="{{$destination->id}}">{{$destination->route}}</option>
                            @endforeach
                        </select>
                        {{--<label class="control-label" for="Category">Usage Type</label>--}}
                        {{--<select name="select" width="200px" id="fuel_usage">--}}
                        {{--<option value="">All</option>--}}
                        {{--<option value="ROUTE">Routes</option>--}}
                        {{--<option value="OTHER">Other Usages</option>--}}
                        {{--</select>--}}
                        <label class="control-label" for="Category">Date From</label>
                        <input type="text" name="date_from" id="starting_date" class="input-large datepicker" value="">
                        <label class="control-label" for="Category">Date to</label>
                        <input type="text" name="date_to" id="end_date" class="input-large datepicker">
                        <label class="control-label" for="Category">Truck</label>
                        <select name="truck_id" width="50px" id="truck_id">
                            <option value="">ALL</option>
                            @foreach($trucks as $truck)
                                <option value="{{$truck->id}}">{{$truck->registration_number}}</option>
                            @endforeach
                        </select>
                        <label class="control-label" for="Category">Driver</label>
                        <select name="driver_id" width="50px" id="driver_id">
                            <option value="">ALL</option>
                            @foreach($drivers as $driver)
                                <option value="{{$driver->id}}">{{$driver->fullName}}</option>
                            @endforeach
                        </select>
                        <button class="btn" style="" id="search-form">FILTER</button>
                        <button type="submit" class="btn" style="margin-right: 4px">
                            <span class="iconsweets-printer"></span>
                        </button>
                    </form>
                </div>
            </div>

            <table class="table table-bordered table-condensed logistics_table" id="fuel_goods_issued_notes_lists"
                   width="100%">
                <thead>
                <tr>
                    <th class="nosort" style="width: 20px"><input type="checkbox" class="checkall"/></th>
                    <th>GIN NO.</th>
                    <th>Date</th>
                    <th>Driver</th>
                    <th>Vehicle No</th>
                    <th>Description</th>
                    <th>Quantity</th>
                    <th>&nbsp;</th>
                    {{--<th>Amount</th>--}}
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->

    <script>

        jQuery('#destination_id ,#route_number,#truck_id,#driver_id').select2();
        jQuery('#starting_date,#end_date').datepicker();

        var oTable = jQuery('#fuel_goods_issued_notes_lists').
        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({
                lengthMenu: [
                    [50, 100, 200],
                    ['50 Orders', '100 Orders', '200 Orders']
                ],
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No Goods Issued Notes records to display.",
//                        "sProcessing": startSpinner(),
                    "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"
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                ajax: {
                    url: '{{route('fuel_managements.goods_issued_notes.datatable.index')}}',
                    data: function (d) {
                        d.route_id = jQuery('#destination_id').val();
                        d.starting_date = jQuery('#starting_date').val();
                        d.end_date = jQuery('#end_date').val();
                        d.truck_id = jQuery('#truck_id').val();
//                            d.fuel_usage = jQuery('#fuel_usage').val();
                        d.driver_id = jQuery('#driver_id').val();
                    }
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "aoColumnDefs": [
                    {
                        "aTargets": [6],
                        "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                            jQuery(nTd).css('text-align', 'right')
                            if (sData == 0) {
                                jQuery(nTd).addClass('highlight-red')
                            }
                        }
                    },
//                        {
//                            "aTargets": [7],
//                            "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
//                                jQuery(nTd).css('text-align', 'right')
//                                if (sData == 0) {
//                                    jQuery(nTd).addClass('highlight-red')
//                                }
//                            }
//                        },
//                        {
//                            "aTargets": [8],
//                            "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
//                                jQuery(nTd).css('text-align', 'right')
//                                if (sData == 0) {
//                                    jQuery(nTd).addClass('highlight-red')
//                                }
//                            }
//                        }
                ],
                "columns": [
                    {data: 'checkbox'},
                    {"class": "link", data: 'gin_number'},
                    {"class": "link", data: 'date'},
                    {"class": "link", data: 'driver'},
                    {"class": "link", data: 'truck_registration_number'},
                    {"class": "link", data: 'description'},
                    {"class": "link", data: 'quantity'},
                        {"class": "link", data: 'action'}
//                        {"class": "link", data: 'amount'}
                ],
                "bStateSave": true,
            });

        jQuery('#search-form').on('click', function (e) {
            e.preventDefault();
            searchTable(e);
        });

        function searchTable(e) {
            oTable.draw();
            e.preventDefault();
        }

        jQuery('#delete_fuels_gin').click(function () {
            if (jQuery('.fuel_order:checked').length > 0) {
                var conf = confirm('Are you sure?');
                if (conf) {
                    var checked = jQuery('.fuel_order:checked').length > 0;
                    if (checked) {
                        var fuel_order = [];
                        jQuery('.fuel_order').each(function () {
                            if (jQuery(this).is(':checked')) {
                                fuel_order.push(jQuery(this).val());
                            }
                        });
                        jQuery.ajax({
                            type: "post",
                            cache: false,
                            url: "{{route('fuels.goods-issued-notes.destroy')}}",
                            data: {
                                fuel_order: fuel_order
                            },
                            success: function (data) {
                                if (data == 'DONE') {
                                    jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} FUEL ISSUED NOTE(s) DELETED SUCCESSFUL!', {
                                        theme: 'contrastBorder',
                                        sticky: true
                                    });
                                    jQuery('#fuel_goods_issued_notes_lists').dataTable().fnFilter(this.value);
                                } else if (data == 'FAIL') {
                                    alert("FAIL TO DELETE FUEL ISSUED NOTE(s).");
                                }
                            },
                            error: function (data) {

                            }
                        });
                    }
                }
            } else {
                alert("Please check at least one Order to continue");
                return false;
            }
            return false;
        });

        jQuery('#truck_fueling').click(function () {

            jQuery.ajax({
                type: "GET",
                cache: false,
                url: "{{route('loading_order_items.fueling.create')}}",
                data: {
                    loading_order_item_fuel_order_id: 'NOT_IN_A_ORDER',
                    type: 'NOT_IN_A_ORDER'
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    onAjaxSuccess(data, 'POST');
                    stopSpinner();
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
            return false;
        });


        /* Set the width of the side navigation to 250px */
        function openNav() {
            jQuery("#mySidenav").css({
                "width": 230,
                'padding-left': 30
            });
        }

        function openAdvancedSearch() {
            jQuery("#advanced_search").css({
                "width": 230,
                'padding-left': 30
            });
        }

        /* Set the width of the side navigation to 0 */
        function closeNav() {
            jQuery("#mySidenav").css({
                "width": 0,
                'padding-left': 0
            });
        }

        /* Set the width of the side navigation to 0 */
        function closeAdvancedSearch() {
            jQuery("#advanced_search").css({
                "width": 0,
                'padding-left': 0
            });
        }
    </script>
@stop