@extends('layouts.main', ['title'=>'FUEL MANAGEMENTS | ' . config('app.name')])
@section('title', 'FILLING ORDERS')
@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><a href="{{route('local_orders.index')}}">Local Orders</a> <span class="divider">/</span></li>
        <li class="active">Filling Orders</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">
        <a href="{{ route('local_orders.printout', $id) }}" target="_blank" class="btn" style="margin-right: 2px">
            <span class="icon-print"></span> PRINT
        </a>
        <button class="btn" style="margin-right: 2px" id="truck_fueling">
            <span class="icon-filter"></span> FILL Fuel
        </button>
    </li>
@stop
@section('contentinner')
    <style>
        #logistics_modal {
            width: 40%;
            left: 45%;
        }
    </style>
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed logistics_table" id="route_fuel_assignment_lists">
                <thead>
                    <tr>
                        <th class="nosort"><input type="checkbox" class="checkall"/></th>
                        <th>Date</th>
                        <th>Truck</th>
                        <th>Driver Name</th>
                        <th>Allocation</th>
                        <th>Destination</th>
                        <th>Ordered</th>
                        <th>Balance</th>
                    </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->
    <script>
        var mainDataTable = jQuery('#route_fuel_assignment_lists').DataTable({
            "oLanguage": {
                "sLoadingRecords": "Please wait - loading Goods Received Note...",
                "sZeroRecords": "No Goods Received Note to Display.",
                "sInfoEmpty": "No entries to display."
            },
            ajax: {
                url: '{{route('local_orders.show.datatable', $id)}}',
                data: function (d) {
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "columns": [
                {data: 'checkbox', sortable:false},
                {data: 'date'},
                {data: 'truck'},
                {data: 'driver'},
                {data: 'client'},
                {data: 'destination'},
                {data: 'quantity'},
                {data: 'balance'}
            ],
            "bStateSave": true
        });
        $('#route_fuel_assignment_lists tbody').on('click', 'tr', function () {
            console.log(mainDataTable.row(this).data());
        });
        jQuery('#truck_fueling').click(function () {
            var loading_order_item_fuel_order_id = [];
            var loading_order_vehicle_status = [];
            jQuery('.loading_order_item_fuel_order_id').each(function () {
                if (jQuery(this).is(':checked')) {
                    var tr = jQuery(this).closest('tr');
                    loading_order_vehicle_status.push(tr.find('.loading_order_vehicle_status').val());
                    loading_order_item_fuel_order_id.push(jQuery(this).val());
                }
            });
            if(loading_order_item_fuel_order_id.length < 1) {
                logistics_alert('Select at least one row to continue', 'SELECTION DIALOG');
                return;
            }
            jQuery.ajax({
                type: "GET",
                cache: false,
                url: "{{route('loading_order_items.fueling.create')}}",
                data: {
                    loading_order_item_fuel_order_id: loading_order_item_fuel_order_id,
                    type: loading_order_vehicle_status,
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    onAjaxSuccess(data, 'POST');
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
            return false;
        });
        function getAmount() {
            var amount = removeComma(jQuery('#price_per_litre').val()) * removeComma(jQuery('#litre').val());

            jQuery('#amount_').val(amount.toLocaleString());
        }
        function getFuelPrice() {
            var tank_id = jQuery('#tank_id').val();
            var date_required = jQuery('#date_required').val();
            jQuery.ajax({
                type: "GET",
                url: "{{route('fuel.price')}}",
                data: {
                    tank_id: tank_id,
                    date_required: date_required
                },
                success: function (data) {
                    jQuery('#price_per_litre').val(data.toLocaleString());
                    getAmount();
                },
                error: function (data) {
                }
            });


        }
        
        var master_checkbox = jQuery('.checkall');
        master_checkbox.change(function() {
            jQuery('.loading_order_item_fuel_order_id').prop('checked', false);
            if(master_checkbox.prop('checked')) jQuery('.loading_order_item_fuel_order_id').prop('checked', true);
        });
        
        // jQuery('#multiple_fuel_order').each(function () {
        //     if (jQuery(this).attr('initialized') != 'true') {
        //         jQuery(this).click(function () {
        //             generateFuelOrders();
        //         });
        //         jQuery(this).attr('initialized', 'true');
        //     }
        // });
        // function generateFuelOrders() {

        //     var loading_order_item_fuel_order_id = [];
        //     jQuery('.loading_order_item_fuel_order_id').each(function () {
        //         if (jQuery(this).is(':checked')) {
        //             loading_order_item_fuel_order_id.push(jQuery(this).val());
        //         }
        //     });
        //     if(loading_order_item_fuel_order_id.length < 1) {
        //         logistics_alert('Select at least one row to continue', 'SELECTION DIALOG');
        //         return;
        //     }
        //     jQuery.ajax({
        //         type: "GET",
        //         cache: false,
        //         url: "{{route('fuel_orders.create')}}",
        //         data: {
        //             ids: loading_order_item_fuel_order_id
        //         },
        //         // success: function (data) {
        //         //     jQuery('#fuel_orders_form_modal').appendTo("body").modal('toggle');
        //         //     jQuery('#fuel_orders_form_body').empty().append(data);
        //         //     jQuery('.searchable_select_fuel_source').select2();
        //         //     // getNumber();
        //         //     jQuery(".remove_sub_contract").on('click', function () {
        //         //         jQuery(this).parents('tr').remove();
        //         //     });
        //         // },
        //         beforeSend: function () {
        //             startSpinner();
        //         },
        //         success: function (data) {
        //             onAjaxSuccess(data, 'POST');
        //         },
        //         error: function (xhr, textStatus, error) {
        //             onAjaxError(xhr, textStatus, error);
        //         },
        //         complete: function () {
        //             stopSpinner();
        //         }
        //     });

        //     return false;
        // }
    </script>
@stop