@extends('layouts.main')
@section('title')
    Fuels Managements
@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 Requisitions</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">
        <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('fuels.route_assignments.required')}}',
                data: function (d) {
                },
                error: function (xhr, textStatus, error) {
                    if (textStatus === 'timeout') {
                        alert('Timeout error. The server took too long to send back the data.\nPlease try again.');
                    }
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "columns": [
                {data: 'checkbox'},
                {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());
                }
            });
            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) {
                }
            });


        }
    </script>
@stop