@extends('layouts.main_without_top_button', ['title' => 'Emergence Fue Requisitions | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a href="{!! route('requisitions.index') !!}">Requisitions</a><span class="divider">/</span></li>
        <li class="active">Emergence Fuel</li>
    </ul>
@stop
@section('title', 'Emergence Fue Requisition')
@section('contentinner')
    <div class="mediamgr_category">
        <form action="{{ route('emergence_fueling.account_approval', $requisition->id) }}" method="POST"
              id="approval_form" class="form-horizontal">
            <div class="row-fluid">
                <table class="table table-bordered table-invoice">
                    <tr>
                        <td style="text-align: right;width: 10%">NO:</td>
                        <td style="width: 40%">{{ str_pad($requisition->id, 5, 0, STR_PAD_LEFT) }}</td>
                        <td style="text-align: right;width: 10%">Initiator:</td>
                        <td style="width: 40%">{{ $requisition->initiator}}</td>
                    </tr>
                    <tr>
                        <td style="text-align: right;width: 10%">Requested:</td>
                        <td style="width: 40%">{{\Carbon\Carbon::parse($requisition->date)->toFormattedDateString()}}</td>
                        <td style="text-align: right;width: 10%">Required:</td>
                        <td style="width: 40%">{{\Carbon\Carbon::parse($requisition->required_date)->toFormattedDateString()}}</td>
                    </tr>
                    <tr>
                        <td style="text-align: right;width: 10%">Uses:</td>
                        <td style="width: 40%" rowspan="2">  {{ $requisition->request_for }}</td>
                        <td style="text-align: right;width: 10%">Initiator Remark:</td>
                        <td style="width: 40%" rowspan="2">  {{ nl2br($requisition->remarks) }}</td>
                    </tr>
                </table>
            </div>

            <div class="row-fluid">
                <div>
                    <div>
                    <!--<input type="hidden" name="approved_by" value="{{auth()->user()->employee_id}}">-->
                    <!--<input type="hidden" name="approved_by" value="{{auth()->user()->employee_id}}">-->
                    <!--<input type="hidden" name="date" value="{{\Carbon\Carbon::now()->format(\App\Logistics\Facades\Logistics::getDateFormat())}}" required/>-->

                        <div class="row-fluid" style="margin-top: 4px">
                            <div class="span6">
                                <label class="span4">Cr Account</label>
                                <div class="field span8">
                                    <select name="cr_account_id" data-placeholder="Credited Account"
                                            class="approval_searchable_select"
                                            style="width: 100%">
                                        <option></option>
                                        @foreach($credit_account_groups as $credit_account_group)
                                            <optgroup label="{{$credit_account_group->name}}">
                                                @foreach($credit_account_group->accounts as $account)
                                                    <option class="account-select"
                                                            value="{{$account->id}}"
                                                            @if(isset($requisition_approval->location_id))
                                                            @if($requisition_approval->location_id == $account->id) selected @endif @endif> {{$account->name}} </option>
                                                @endforeach
                                            </optgroup>
                                        @endforeach
                                    </select>
                                </div>
                                <input type="hidden" name="location_type" value="App\Model\Account">
                            </div>
                            <div class="span6">
                                <label class="span4">Reference Number</label>
                                <div class="field span8">
                                    <input type="text" name="reference_number" class="span12"/>
                                </div>
                            </div>
                        </div>

                        <div class="row-fluid" style="margin-top: 4px">
                            <div class="span6">
                                <label class="span4">Currency </label>
                                <div class="field span8">
                                    <select name="general_currency" class="approval_searchable_select general_currency"
                                            style="width: 100%">
                                        <option value=""></option>
                                        <option value="USD" {{ $emergence_fuel->currency == "USD" ? "selected" : "" }} >
                                            USD
                                        </option>
                                        <option value="TSH" {{ $emergence_fuel->currency == "TSH" ? "selected" : "" }} >
                                            TSH
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="span6">
                                <label class="span4">Exchange Rate</label>
                                <div class="field span8">
                                    <input type="text" name="exchange_rate" value="{{ $emergence_fuel->exchange_rate }}"
                                           class="span12 exchange_rate" readonly/>
                                </div>
                            </div>
                        </div>

                        {{--<div class="row-fluid" style="margin-top: 4px">--}}
                        {{--<div class="span6">--}}
                        {{--<label class="span4">Vendor </label>--}}
                        {{--<div class="field span8">--}}
                        {{--<select name="general_currency" class="approval_searchable_select general_currency" style="width: 100%">--}}
                        {{--<option value="{{ $emergence_fuel->vendor->id }}" >{{ $emergence_fuel->vendor->name }}</option>--}}
                        {{--</select>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--<div class="span6"></div>--}}
                        {{--</div>--}}

                        <div class="row-fluid" style="margin-top: 4px">
                            <div class="span12">
                                <table class="table table-condensed table-bordered table-logistics">
                                    <thead>
                                    <tr>
                                        <th style="width: 3%">S/N</th>
                                        <th style="width: 30%">Account</th>
                                        <th style="width: 10%">Currency</th>
                                        <th style="width: 15%">Amount</th>
                                        {{--<th style="width: 54%">Cr Account</th> - 15 --}}
                                        <th style="width: 3%">&nbsp;</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <!--<input type="hidden" name="type" value="DRIVER_MILEAGE_REQUISITION">-->

                                    {{--*/ $total_driver_payable = 0 /*--}}
                                    @foreach($requisition->requisitionItems as $index_=>$requisition_item)
                                        @if($requisition_item->requisitionItemAccount)
                                            <tr>
                                                <input type="hidden" name="requisition_item_id[]"
                                                       value="{{$requisition_item->id}}">
                                                <input type="hidden" name="currency[]"
                                                       value="{{$requisition_item->currency}}">
                                                <input type="hidden" name="descriptions[]" value="">
                                                <input type="hidden" name="trip_type[]"
                                                       value="{{$requisition_item->loadingOrderItemRequisitionItem->direction}}">
                                                <input type="hidden" name="loading_order_item_id[]"
                                                       value="{{$requisition_item->requisitionItemDescription->requisition_item_description_id}}">

                                                <input type="hidden" name="quantity[]" value="">
                                                <input type="hidden" name="requisition_item_item_id[]" value="">
                                                <input type="hidden" name="item_id[]" value="">

                                                <input type="hidden" name="item_type[]" value="ACCOUNT">
                                                <input type="hidden" name="amount[]"
                                                       value="{{$requisition_item->requisitionItemAccount->amount}}">
                                                <input type="hidden" name="requisition_item_account_id[]"
                                                       value="{{$requisition_item->requisitionItemAccount->id}}">
                                                <input type="hidden" name="account_id[]"
                                                       value="{{$requisition_item->requisitionItemAccount->account_id}}">
                                                <td>{{++$index_}}</td>
                                                <td>{{$requisition_item->requisitionItemAccount->account->name}}</td>
                                                <td>{{$requisition_item->currency}}</td>
                                                <td style="text-align: right">{{number_format($requisition_item->requisitionItemAccount->amount)}}
                                                    {{--*/ $total_driver_payable += $requisition_item->requisitionItemAccount->amount /*--}}
                                                </td>
                                                <td style="padding: 4px"><a
                                                            class="btn btn-mini remove_driver_mileage_item btn-danger">X</a>
                                                </td>
                                            </tr>
                                        @else
                                        @endif
                                    @endforeach
                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <td colspan="3" style="text-align: right">Total amount</td>
                                        <td style="text-align: right" id="total_driver_mileage_amount"></td>
                                        <td></td>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>

                        <div class="row-fluid" style="margin-top: 4px">
                            <div class="span12">
                                <table class="table table-condensed table-bordered table-logistics">
                                    <thead>
                                    <tr>
                                        <th style="width: 03%">S/N</th>
                                        <th style="width: 10%">Vehicle</th>
                                        <th style="width: 15%">Quantity (Ltrs)</th>
                                        <th style="width: 15%">Rate/Litres</th>
                                        <th style="width: 20%">Amount</th>
                                        <th style="width: 35%">Remarks</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {{--*/ $total_ammount = 0 /*--}}
                                    @foreach($emergence_fuel->emergenceFuelItems as $index => $item)
                                        {{--*/ $sub_ammount = ($emergence_fuel->price * $item->quantity) /*--}}
                                        {{--*/ $total_ammount += $sub_ammount /*--}}
                                        <tr>
                                            <td>{{ ++$index }}</td>
                                            <td>{{ $item->vehicle->registration_number }}</td>
                                            <td>{{ number_format($item->quantity, 2) }}</td>
                                            <td>{{ number_format($emergence_fuel->price, 2) }}</td>
                                            <td style="text-align: right">{{ number_format($sub_ammount, 2) }}</td>
                                            <td></td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <td colspan="4" style="text-align: right">Total amount</td>
                                        <td style="text-align: right"
                                            id="total_driver_mileage_amount">{{ number_format($total_ammount, 2) }}</td>
                                        <td></td>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>

                        <div class="row-fluid" style="margin-top: 4px">
                            <div class="par control-group">
                                <label class="control-label" for="remarks">Remarks</label>
                                <div class="controls">
                                    <textarea name="remarks" class="span12"></textarea>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>


            <div class="modal-footer">
                <button class="btn btn-primary" id="issue_cash" name="submit" type="submit">APPROVE</button>
            </div>
            @if(($requisition->status != 1 || $requisition->status != 7 || $requisition->status != 8) && Auth::user()->can('CANCEL OR REJECT REQUEST') )
                <a class="btn btn-danger" href="{{route('requisition.reject_request', [$requisition->id])}}">REJECT</a>
            @endif
        </form>

    </div>
    <script>
        jQuery('.approval_searchable_select').select2();
        var form = jQuery('#approval_form');
        form.on('submit', function (e) {
            e.preventDefault();
            storeOrUpdate(form, 'POST');
        });

        $('.general_currency').on('change', function () {
            var general_currency = $(this).val();
            var exchange_rate = parseFloat($('.exchange_rate').val());
            var total_amount = 0;
            if (isNaN(exchange_rate)) {
                exchange_rate = 0
            }
            $('input[name="amount[]"]').each(function () {
                var tr = $(this).closest('tr');
                var amount = parseFloat($(this).val());
                if (!isNaN(amount)) {
                    var currency = tr.find('input[name="currency[]"]').val();
                    if (currency != general_currency) {
                        if (general_currency == 'USD') {
                            total_amount += amount / exchange_rate;
                        } else {
                            total_amount += amount * exchange_rate;
                        }
                    } else {
                        total_amount += amount;
                    }
                }


            });

            $('#total_driver_mileage_amount').html(total_amount.toLocaleString());
        });

        $('.exchange_rate').on('keyup', function () {
            var general_currency = $('.general_currency').val();
            var exchange_rate = parseFloat($(this).val());
            if (isNaN(exchange_rate)) {
                exchange_rate = 0
            }
            var total_amount = 0;
            $('input[name="amount[]"]').each(function () {
                var tr = $(this).closest('tr');
                var amount = parseFloat($(this).val());
                var currency = tr.find('input[name="currency[]"]').val();

                if (!isNaN(amount)) {

                    if (currency == general_currency) {
                        total_amount += amount;
                    } else {
                        if (general_currency == 'USD') {
                            total_amount += amount / exchange_rate;

                        } else {
                            total_amount += amount * exchange_rate;
                        }
                    }
                }

            });

            $('#total_driver_mileage_amount').html(total_amount.toLocaleString());
        });
    </script>
@stop