@extends('layouts.main_without_top_button')
@section('title')
    Route Profile:Fuel
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('route-assignments.index')}}">Route Logs</a> <span class="divider">/</span></li>
        <li>Route Number {{$route_assignment->id}}<span class="divider">/</span></li>
        <li class="active">Fuels</li>
    </ul>
@stop
@section('contentinner')
    <style type="text/css">
        #fuel_generate_order {
            width: 40%;
            left: 45%;
        }
    </style>
    <div class="tabbable">
        @include('operations.route_assignments.includes.profile')
            <div id="glyphs" class="tab-pane active" style="min-height: 450px">
<br>
                    <div class="row-fluid">
                        <div class="span6  profile-left pull-right">
                            <table class="table table-bordered table-invoice">
                                <tr>
                                    <td class="width30" style="text-align: right">Fuel Required:</td>
                                    <td class="width40"
                                        style="text-align: right">{{number_format($route_assignment->fuel_required)}}</td>
                                    {{--<td class="width30" style="text-align: right">Balance:</td>--}}
                                    {{--<td class="width40" >{{$route_assignment->id}}</td>--}}
                                </tr>
                            </table>
                            {{--<div class="msghead">--}}
                                {{--<ul class="msghead_menu">--}}
                                    {{--<li class="right btn-group">--}}
                                        {{--<button onclick="modelShow('fuel_generate_order')" class="btn"--}}
                                                {{--style="margin-right: 4px"><span--}}
                                                    {{--class="iconsweets-create"></span> Assign Fuel--}}
                                        {{--</button>--}}
                                    {{--</li>--}}
                                    {{--<li class="right btn-group">--}}
                                        {{--<button class="btn" style="margin-right: 4px" id="resent_fuel_requisition"><span--}}
                                                    {{--class="iconsweets-create"></span> RESEND FUEL REQUISITION--}}
                                        {{--</button>--}}
                                    {{--</li>--}}
                                {{--</ul>--}}
                                {{--<span class="clearall"></span>--}}
                            {{--</div><!--msghead-->--}}
                            {{--<br>--}}
                        </div><!--span6-->
                    </div>
                    <div class="clearfix"></div>
                <table class="table table-bordered" id="fuel-goods-issued-notes-lists" width="100%">
                    <thead>
                    <tr>
                        <th class="nosort" style="width: 20px"><input type="checkbox" class="checkall"/></th>
                        <th>GIN NO.</th>
                        <th>Date</th>
                        <th>Uses</th>
                        <th>Driver</th>
                        <th>Quantity</th>
                        {{--<th>Price</th>--}}
                        {{--<th>Amount</th>--}}
                    </tr>
                    </thead>
                </table>
            </div><!--tab-pane-->
        </div>

    {{--<div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal hide fade in"--}}
         {{--id="fuel_generate_order">--}}
        {{--<div class="modal-header">--}}
            {{--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>--}}
            {{--<h3 id="myModalLabel">Create Fuel Order</h3>--}}
        {{--</div>--}}

        {{--{!! Form::open(array('route'=>'fuel.order.generate','id' => 'route_fuel_store', 'class' => 'stdform')) !!}--}}
        {{--<input type="hidden" name="driver_id" value="{{$route_assignment->driver_id}}">--}}
        {{--<input type="hidden" name="vehicle_id" value="{{$route_assignment->vehicle_id}}">--}}
        {{--<input type="hidden" name="userable_id" value="{{$route_assignment->id}}">--}}

        {{--<div class="modal-body">--}}
            {{--<div class="row-fluid">--}}
                {{--<div class="span12">--}}
                    {{--<div class="par control-group">--}}
                        {{--<label class="control-label span4" for="fuel_quantity">Litres</label>--}}

                        {{--<div class="controls span8">--}}
                            {{--<input type="text" name="quantity" id="litre"--}}
                                   {{--value="{{$route_assignment->fuel_required}}"--}}
                                   {{--class="input-xlarge quantity" required/>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="row-fluid">--}}
                {{--<div class="span12">--}}
                    {{--<div class="par control-group">--}}
                        {{--<label class="control-label span4" for="rate">Price/Litre</label>--}}

                        {{--<div class="controls span8">--}}
                            {{--<input type="text" name="rate" id="price_per_litre" value=""--}}
                                   {{--class="input-xlarge rate"/>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="row-fluid">--}}
                {{--<div class="span12">--}}
                    {{--<div class="par control-group">--}}
                        {{--<label class="control-label span4" for="amount">Amount</label>--}}

                        {{--<div class="controls span8">--}}
                            {{--<input type="text" name="amount" id="amount_" placeholder="Amount"--}}
                                   {{--class="input-xlarge amount"/>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="row-fluid">--}}
                {{--<div class="span12">--}}
                    {{--<div class="par control-group">--}}
                        {{--<label class="control-label span4" for="address">Date</label>--}}

                        {{--<div class="controls span8">--}}
                            {{--<input type="text" name="date" value="" id="date_required"--}}
                                   {{--class="input-xlarge datepicker" autocomplete=""/>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="row-fluid">--}}
                {{--<div class="span12">--}}
                    {{--<div class="par control-group" >--}}
                        {{--<label class="control-label span4" for="Tank">Fuel Source</label>--}}
                        {{--<div class="controls span8">--}}
                            {{--<select name="fuel_source" class="bulk_sel" style="width:280px">--}}
                                {{--<option value=""></option>--}}
                                {{--<optgroup label="From Tank" id="tank">--}}
                                    {{--@foreach($tanks as $tank)--}}
                                        {{--<option value="tank_{{ $tank->id }}">Fuel Tank {{$tank->location}}</option>--}}
                                    {{--@endforeach--}}
                                {{--</optgroup>--}}
                                {{--<optgroup label="From Vendor" id="vendor">--}}
                                    {{--@foreach($vendors as $vendor)--}}
                                        {{--<option value="vendor_{{ $vendor->id }}">{{$vendor->name}}</option>--}}
                                    {{--@endforeach--}}
                                {{--</optgroup>--}}
                            {{--</select>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="row-fluid">--}}
                {{--<div class="span12">--}}
                    {{--<div class="par control-group">--}}
                        {{--<label class="control-label span4" for="remark">Remark</label>--}}

                        {{--<div class="controls span8">--}}
                            {{--<textarea class="filekeyword span8" name="description"></textarea>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}

        {{--</div>--}}
        {{--<div class="modal-footer">--}}
            {{--<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>--}}
            {{--<button class="btn btn-primary" name="submit" type="submit">Save</button>--}}
        {{--</div>--}}
        {{--</form>--}}
    {{--</div>--}}

    <script>
        var oTable = jQuery('#fuel-goods-issued-notes-lists').
                on( 'error.dt', function ( e, settings, techNote, message ) {
                    console.log(message);
                    notify('Error Loading goods Issued Note List');
                } )
                .DataTable({
                    lengthMenu: [
                        [10, 50, 100],
                        ['10 Orders', '50 Orders', '100 Orders']
                    ],
                    "oLanguage": {
                        "sLoadingRecords": "Please wait - loading Goods Issued Notes Records...",
                        "sZeroRecords": "No Goods Issued Notes records to display.",
                        "sProcessing": "Please wait - loading records...",
                        "sInfoEmpty": "No entries to display.",
                        "sInfo": "Got a total of _TOTAL_ fuel Orders to show (_START_ to _END_)",
                        "sInfoFiltered": " - filtering from _MAX_ records"
                    },
                    ajax: {
                        url: '{{route('route-assignments.fuels.goods-issued-notes.datatable.index',array('route'=>$route_assignment->id))}}',
                        data: function (d) {
                            d.route_number = jQuery('#route_number').val();
                            d.route_id = jQuery('#route_id').val();
                            d.starting_date = jQuery('#starting_date').val();
                            d.end_date = jQuery('#end_date').val();
                            d.truck_id = jQuery('#truck_id').val();
                            d.fuel_usage = jQuery('#fuel_usage').val();
                            d.driver_id = jQuery('#driver_id').val();
                        },
                        error: function (xhr, textStatus, error) {
                            alert(textStatus);

                            oTable.fnProcessingIndicator(false);
                        }
                    },
                    //scrollY: '48vh',
                    scrollCollapse: true,
                    "sPaginationType": "full_numbers",
                    processing: true,
                    serverSide: true,
                    "aoColumnDefs": [ {
                        "aTargets": [5],
                        "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                            jQuery(nTd).css('text-align', 'right');
                            if (sData == 0) {
                                jQuery(nTd).addClass('highlight-red')
                            }
                        }
                    }],
                    "columns": [
                        {data: 'checkbox'},
                        {"class": "link", data: 'order_number'},
                        {"class": "link", data: 'date'},
                        {"class": "link", data: 'type'},
                        {"class": "link", data: 'driver'},
                        {"class": "link", data: 'quantity'}
                    ],
                    "fnDrawCallback": function () {

                    },
                    "bStateSave": true
                });

        jQuery('#search-form').on('click', function (e) {
            e.preventDefault();
            searchTable(e);
        });

        function searchTable(e) {
            oTable.draw();
            e.preventDefault();
        }

        getFuelPrice();
        getAmount();
        jQuery("#date_required").datepicker();
        jQuery('#litre').keyup(function () {
            getAmount();
        })
        jQuery('#date_required').change(function () {
            getFuelPrice();
        });
        function getAmount() {
            var amount = jQuery('#price_per_litre').val().replace(',', '') * jQuery('#litre').val().replace(',', '');

            jQuery('#amount_').val(amount);
        }
        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);
                    getAmount();
                },
                error: function (data) {
                }
            });


        }
        jQuery('#resent_fuel_requisition').on('click', function () {
            jQuery.ajax({
                {{--url: '{{route('route-assignment.fuel-requisions.resend',array('routes_assignments'=>$route_assignment->id))}}',--}}
                type: 'get',
                success: function (html) {

                }
            });
        });
    </script>
@stop