@extends('layouts.main')
@section('title')
    Lubricant Ordering
@stop
@section('contentinner')
    <div class="row-fluid">
        <div class="span12">
            <div class="mediamgr">
                <div class="mediamgr_left">
                    <div class="mediamgr_head">
                        <div class="row-fluid">

                            <div class="span6" style="margin-bottom: 40px;">
                                <table class="table table-bordered table-invoice">
                                    <tr>
                                        <td class="width30">Requist ID:</td>
                                        <td class="width70"><strong>{{ $requests->id }}</strong></td>
                                    </tr>
                                    <tr>
                                        <td>Truck No.:</td>
                                        <td>{{ $requests->vehicle }}</td>
                                    </tr>
                                    <tr>
                                        <td class="width30">Driver Name:</td>
                                        <td class="width70">{{ $requests->driverName }}</td>
                                    </tr>
                                </table>
                            </div><!--span6-->

                            <div class="span6" style="margin-bottom: 40px;">
                                <table class="table table-bordered table-invoice">
                                    <tr>
                                        <td  class="width30">Type:</td>
                                        <td class="width70">{{ $requests->item->name }}</td>
                                    </tr>
                                    <tr>
                                        <td>Required Quantity:</td>
                                        <td id="fuel_required">{{ number_format($requests->quantity)}}</td>
                                    </tr>
                                    <tr>
                                        <td>Expenditure Type:</td>
                                        <td id="assigned">
                                            {{ $requests->request->expanditure }} NO. {{$requests->request->reference}}
                                        </td>
                                    </tr>
                                </table>
                            </div><!--span6-->

                            <form id="orderCreate" method="post" action="{{route('orderCreate')}}">
                                <div class="span6" style="margin-bottom: 8px;">
                                    <table class="table table-bordered table-invoice">
                                        <input type="hidden" name="request_id" value="{{$requests->id}}">
                                        {{--<tr>--}}
                                        {{--<td class="width30">Fuel SOURCE:</td>--}}
                                        {{--<td class="width70" colspan="2">--}}
                                        {{--<span class="formwrapper">--}}
                                        {{--<select data-placeholder="" style="width:280px" class="chzn-select"--}}
                                        {{--name="fuel_source" id="fuel_source"--}}
                                        {{--tabindex="2" required autocomplete="off">--}}
                                        {{--<option value=""></option>--}}
                                        {{--<option value="tank">Lubricant Store</option>--}}
                                        {{--<option value="vendor">Vendors</option>--}}
                                        {{--</select>--}}
                                        {{--</span>--}}
                                        {{--</td>--}}
                                        {{--</tr>--}}
                                        {{--<tr class="hide" id="tank">--}}
                                        {{--<td class="width30">Tank:</td>--}}
                                        {{--<td class="width70">--}}
                                        {{--<input type="hidden" name="vehicle_id"--}}
                                        {{--value="{{$fuelOrder->vehicle->id}}">--}}
                                        {{--<input type="hidden" name="route_fuel_assignment_id"--}}
                                        {{--value="{{$fuelOrder->id}}">--}}
                                        {{--<input type="hidden" name="route_id" value="{{$fuelOrder->route->id}}">--}}
                                        {{--<select name="vendor" required>--}}
                                        {{--@foreach($tanks as $tank)--}}
                                        {{--<option value="{{ $tank->id }}">Fuel--}}
                                        {{--Tank {{$tank->location}}</option>--}}
                                        {{--@endforeach--}}
                                        {{--</select>--}}
                                        {{--</td>--}}
                                        {{--</tr>--}}
                                        {{--<tr class="hide" id="vendor">--}}
                                        {{--<td class="width30">Vendor:</td>--}}
                                        {{--<td class="width70">--}}
                                        {{--<input type="hidden" name="vehicle_id"--}}
                                        {{--value="{{$fuelOrder->vehicle->id}}">--}}
                                        {{--<input type="hidden" name="route_fuel_assignment_id"--}}
                                        {{--value="{{$fuelOrder->id}}">--}}
                                        {{--<input type="hidden" name="route_id" value="{{$fuelOrder->route->id}}">--}}
                                        {{--<select name="vendor" required>--}}
                                        {{--@foreach($vendors as $vendor)--}}
                                        {{--<option value="{{ $vendor->id }}">{{$vendor->name}}</option>--}}
                                        {{--@endforeach--}}
                                        {{--</select>--}}
                                        {{--</td>--}}
                                        {{--</tr>--}}
                                        <tr>
                                            <td>Quantity:</td>
                                            <td>
                                                <input type="text" id="litre" name="quantity" class="number" required autocomplete="off"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Amount:</td>
                                            <td>
                                                <input type="text" id="amount" class="number"/>
                                            </td>
                                        </tr>
                                    </table>
                                </div><!--span6-->

                                <div class="span6" style="margin-bottom: 8px;">
                                    <table class="table table-bordered table-invoice">
                                        <tr>
                                            <td class="width30">Date:</td>
                                            <td class="width70">
                                                <input type="text" id="" name="date" class="filekeyword datepicker"
                                                       required/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Price per Unit:</td>
                                            <td>
                                                <input type="text" name="price" id="price_per_litre" class="number" required autocomplete="off"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Description:</td>
                                            <td>
                                                <textarea class="filekeyword" name="description"></textarea>
                                            </td>
                                        </tr>
                                    </table>
                                </div><!--span6-->
                                <div class="span11" style="margin-bottom: 40px;text-align: right;margin-right: 300px">
                                    <input type="submit" class="btn btn-default" value="Generate Order">
                                </div>
                            </form>
                        </div><!--row-fluid-->
                        <span class="clearall"></span>
                    </div><!--mediamgr_head-->
                </div>
            </div>

        </div><!--span12-->
    </div><!--row-fluid-->

    <script>
        jQuery('#fuel_source').change(function () {
            if (jQuery(this).val() == 'tank') {
                jQuery('#vendor').hide();
                jQuery('#tank').slideToggle();
            } else if (jQuery(this).val() == 'vendor') {
                jQuery('#tank').hide();
                jQuery('#vendor').slideToggle();
            }
        });

        jQuery('#price_per_litre').keyup(function () {
            var amount = removeComma(jQuery('#price_per_litre').val()) * removeComma(jQuery('#litre').val());

            jQuery('#amount').val(amount.toLocaleString());
        })

        function removeComma(element) {
            return element.replace(',', '').replace(',', '').replace(',', '').replace(',', '');
        }

        jQuery('#litre').keyup(function () {
            var amount = removeComma(jQuery('#price_per_litre').val()) * removeComma(jQuery('#litre').val());

            jQuery('#amount').val(amount.toLocaleString());
        })

@stop