@extends('layouts.main', ['title'=>'FUEL MANAGEMENTS | ' . config('app.name')])
@section('title', 'Fuels Managements')
@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>--}}
        <button class="btn" style="margin-right: 2px" id="multiple_fuel_order">
            <span class="icon-filter"></span> GENERATE ORDER
        </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('fuel_managements.route_fuel_assignments')}}',
                data: function (d) {
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                }
            },
            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());
                }
            });
            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) {
                }
            });


        }

        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