@extends('layouts.main', ['title'=>'FUEL MANAGEMENTS | ' . config('app.name')])
@section('title', 'Fuel Management')
@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">Fuel 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="extra_fuel_request">--}}
             {{--EXTRA FUEL REQUEST--}}
        {{--</button>--}}
        <button class="btn" onclick="openAdvancedSearch('route_truck_allocation')">
            <span class="icon-search"></span> &nbsp; FILTER
        </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 id="route_truck_allocation" class="sidenav">
        <a href="javascript:void(0)" class="closebtn"
           onclick="closeAdvancedSearch('route_truck_allocation')">&times;</a>

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

                <label class="control-label" for="Category">Batches</label>
                <select name="loading_order_id" width="100%" id="loading_order_id" class="searchable_select" multiple>
                    <option value="">ALL</option>
                    @foreach($loading_orders as $loading_order)
                        <option value="{{$loading_order->loading_order_id}}">{{$loading_order->loading_order_id}}</option>
                    @endforeach
                </select>
                <label class="control-label" for="Category">Truck</label>
                <select name="truck_id" width="100%" id="truck_id" class="searchable_select" multiple>
                    <option value="">ALL</option>
                    @foreach($trucks as $truck)
                        <option value="{{$truck->truck_id}}">{{$truck->truck}}</option>
                    @endforeach
                </select>

                <button class="btn" style="" id="filter_trucks">FILTER</button>
                {{--<input class="btn" id="print_permits" type="submit" value="PRINT">--}}
            </form>
        </div>
    </div>

    <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 style="width: 7%">Order No:</th>
                    <th style="width: 7%">Allocation Date:</th>
                    <th>Truck</th>
                    <th>Driver Name</th>
                    <th>Allocation</th>
                    <th>Destination</th>
                    <th>Approved</th>
                    <th>Requested</th>
                    <th>Received</th>
                    <th>Balance</th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->
    <script>
        $('.searchable_select').select2();
        $('#filter_trucks').on('click', function (e) {
            e.preventDefault();
            mainDataTable.draw();
        });
        var mainDataTable = jQuery('#route_fuel_assignment_lists').DataTable({
            "lengthMenu": [100, 200, 300, 400, 500],
            "pageLength": 100,
            "oLanguage": {
                "sLoadingRecords": "Please wait - Loading Records...",
                "sZeroRecords": "No Records To Display.",
                "sInfoEmpty": "No entries to display."
            },
            ajax: {
                url: '{{route('fuels.route_assignments.required')}}',
                data: function (d) {
                    d.search_field = $('input[name=search_field]').val();
                    d.loading_order_id = $('#loading_order_id').val();
                    d.truck_id = $('#truck_id').val();
                    // d.client_id = $('#client_id').val();
                    // d.destination_id = $('#destination_id').val();
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "columns": [
                {data: 'checkbox'},
                {data: 'order_number'},
                {data: 'allocation_date'},
                {data: 'truck'},
                {data: 'driver'},
                {data: 'client'},
                {data: 'destination'},
                {data: 'quantity'},
                {data: 'requested_quantity'},
                {data: 'received_quantity'},
                {data: 'order_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('#extra_fuel_request').each(function () {
            if (jQuery(this).attr('initialized') != 'true') {
                jQuery(this).click(function () {
                    generateExtraFuelOrders();
                });
                jQuery(this).attr('initialized', '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_id = [];
            jQuery('.loading_order_item_id').each(function () {
                if (jQuery(this).is(':checked')) {
                    loading_order_item_id.push(jQuery(this).val());
                }
            });
            if(loading_order_item_id.length < 1) {
                logistics_alert('Select at least one row to continue', 'SELECTION DIALOG');
                return;
            }
            jQuery.ajax({
                type: "GET",
                cache: false,
                url: "{{route('fuel_management.create_fuel_order')}}",
                data: {
                    ids: loading_order_item_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