@extends('layouts.main')
@section('title', 'Local Fuel Orders')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Fuel Management</a> <span class="divider">/</span></li>
        <li class="active">Local Fuel Orders</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 style="width:03%">Order #</th>
                    <th style="width:15%">Date</th>
                    <th style="width:30%">Created By</th>
                    <th style="width:15%">Location</th>
                    <th style="width:15%">Trucks</th>
                    <th style="width:15%">Pending Order(s)</th>
                    <th style="width:02%">Action</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.indexData")}}',
                data: function (d) {
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "order": [[1, "desc"]],
            "columns": [
                {data: 'id'},
                {data: 'date'},
                {data: 'user'},
                {data: 'tank'},
                {data: 'total_vehicles'},
                {data: 'pending_trucks'},
                {data: 'action'}
            ],
            "bStateSave": true
            // "order": [[ 0, 'asc' ], [ 1, 'asc' ]],
        });
        $('#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.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
                },
                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