@extends('layouts.main', ['title' => 'LOGISTICS | Loading Orders'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li class="active">Loading Orders Budget Summary</li>
        </li>
    </ul>
@stop
@section('title', 'Loading Orders')
@section('msghead_menu')

    <li class="right btn-group" style=" margin-bottom: 1.5%">
        <button class="btn" style="margin-right: 2px;" id="request_allowances"> REQUEST ALLOWANCES</button>
    </li>
@endsection
@section('contentinner')
    <style>
        #logistics_modal {
            width: 95%;
            margin-left: -32%;
        }
        .form-filter {
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            color: #0e4722;
            font-weight: normal;
            text-align: center;
            padding-bottom: 4px;
        }

    </style>


    <!-- Main Table -->
    <div class="row-fluid">
        <div class="span12">
            <input type="hidden" id="data_budget" value="{{ $budget_target }}">
            <table class="table table-bordered table-condensed logistics_table">
                <thead>
                <tr>
                    <th colspan="5" style="text-align: center"> LOADING DETAILS</th>
                    <th colspan="{{sizeof($trip_expenses)}}" style="text-align: center">EXPENSES</th>
                </tr>
                <tr>
                    <th></th>
                    <th>#</th>
                    <th>Vehicles</th>
                    <th>Driver</th>
                    <th>Loading Point</th>
                    {{--<th>Diesel (Litres)</th>--}}
                    @foreach($trip_expenses as $account)
                        <th style="text-align: center">{{$account->account}}</th>
                    @endforeach
                </tr>
                </thead>
                <tbody>
                {{--*/ $total_diesel = 0 /*--}}
                @foreach($loading_order_items as $index=>$loading_order_item)
                    <tr>
                        <td>
                            <input
                                @if($loading_order_item->isAllowanceRequested())
                                disabled
                                @endif
                                type="checkbox" name="loading_order_item" class="loading_order_item_id" value="{{ $loading_order_item->id }}">
                        <td>{{\App\Logistics\Facades\Logistics::generateInquiryNumber($loading_order_item)}}</td>
                        <td>{{$loading_order_item->loadingOrderVehicle->vehicle->registration_number}}
                            /{{$loading_order_item->loadingOrderVehicle->trailer->registration_number}}</td>
                        <td>{{$loading_order_item->loadingOrderVehicle->driver->full_name}}</td>
                        <td>{{$loading_order_item->city->name}},{{$loading_order_item->loading_point}}</td>

                        @foreach($trip_expenses as $account)
                            <td style="text-align: right;padding-right: 15px">{{ $account->currency }}&nbsp;&nbsp;{{number_format($loading_order_item->getLoadingExpenseAmount($account->account_id,$account->direction))}}</td>
                            {{--*/ $total[$account->account_id][] = $loading_order_item->getLoadingExpenseAmount($account->account_id,$account->direction) /*--}}
                        @endforeach
                    </tr>
                @endforeach
                </tbody>
                <tfoot>
                <tr>
                    <td colspan="5" style="text-align: right">Total</td>
                    @foreach($trip_expenses as $account)
                        <td style="text-align: right;padding-right: 15px">{{ $account->currency }}&nbsp;&nbsp;{{number_format(array_sum($total[$account->account_id]))}}</td>
                    @endforeach
                </tr>
                </tfoot>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->


    <script>
        jQuery('.searchable_select').select2();

        jQuery('#request_allowances').click(function () {

            var loading_order_item_id = checkRows('loading_order_item_id');
            if (loading_order_item_id.length < 1) {
                logistics_alert('PLEASE CHECK AT LEAST ONE ITEM TO CONTINUE', 'SELECTION DIALOG');
                /// jAlert("PLEASE CHECK ONE ORDER TO CONTINUE", 'SELECTION DIALOG');
                return false;
            }
            jQuery.ajax({
                url: "{{route('safari-allowance.up_county.budget_summary.requisition.create')}}",
                type: 'GET',
                data: {
                    data_budget: jQuery('#data_budget').val(),
                    loading_order_item_ids: loading_order_item_id
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    var modal = jQuery('#logistics_modal');
                    modal.empty().append(data);
                    modelShow('logistics_modal');
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
            return false;
        });

    </script>

@stop