@extends('layouts.main_without_top_button', ['title' => 'Route Cancellation | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a href="{!! route('operations.loading_order_items.cancellations.index') !!}">Allocation Cancellation</a><span class="divider">/</span></li>
        <li class="active">Order Cancellation</li>
    </ul>
@stop
@section('title', 'Route Cancellation')

@section('contentinner')
    <div class="mediamgr_category">
        <form class="form-horizontal" id="route_cancellations_approval_form" role="form" method="POST"
              action="{{route('operations.loading_order_items.cancellations.approvals.store')}}">

            <input type="hidden" name="_token" value="{{csrf_token()}}">
            <input type="hidden" name="loading_order_cancellation_id" value="{{ $cancellations->id }}">
                <table class="table table-bordered table-invoice">
                    <tr>
                        <td style="text-align: right;width: 10%">Cancellation NO.:</td>
                        <td style="width: 40%">{{ $cancellations->id }}</td>
                        <td style="text-align: right;width: 10%">Created By:</td>
                        <td style="width: 40%">{{ $cancellations->createdBy->employee_name.' '.$cancellations->createdBy->last_name }}</td>

                    </tr>
                    <tr>
                        <td style="text-align: right;width: 10%">Created Date:</td>
                        <td style="width: 40%">{{ $cancellations->date }}</td>
                        <td style="text-align: right;width: 10%">Description:</td>
                        <td style="width: 40%">{{ $cancellations->remarks }}</td>
                    </tr>
                </table>
                <div class="row-fluid" style="margin-top: 10px">
                    <div class="span12">
                        <table class="table table-striped table1 table-condensed table-bordered logistics_table">
                            <thead>
                            <tr>
                                <td style="width: 02%">S/N</th>
                                <th style="width: 5%">Allocation #</th>
                                <th style="width: 8%">Allocation date</th>
                                <th style="width: 10%">Truck</th>
                                <th style="width: 10%">Trailer</th>
                                <th style="width: 10%">Driver</th>
                                <th style="width: 19%">Loading Location</th>
                                <th style="width: 19%">Reasons</th>
{{--                                <th style="width: 20%">Status</th>--}}
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($cancellations->loadingOrderCancellationItems as $index => $lo_item)
                                                                @if($status == false)


                                <tr>
                                    <input type="hidden" name="loading_order_item_id[]" value="{{ $lo_item->loading_order_item_id }}">
                                    <td>{{ $index+1 }}</td>
                                    <td>{{ $lo_item->loadingOrderItem->id }}</td>
                                    <td>{{ $lo_item->loadingOrderItem->date }}</td>
                                    <td>{{ $lo_item->loadingOrderItem->loadingOrderVehicle->vehicle->registration_number }} </td>
                                    <td>{{ $lo_item->loadingOrderItem->loadingOrderVehicle->trailer->registration_number }}</td>
                                    <td>{{ $lo_item->loadingOrderItem->loadingOrderVehicle->driver->full_name }}</td>
                                    <td>{{ $lo_item->loadingOrderItem->loadingPoint }},{{ $lo_item->loadingOrderItem->city->name }}</td>
                                    <td>{{$lo_item->description}}</td>
                                </tr>
                                @endif
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="row-fluid" style="margin-top: 4px">&nbsp;</div>
                <div class="row-fluid" style="margin-top: 2px">
                    <div class="span12">
                        <label class="span2">Naration</label>
                        <span class="field span10">
                   <textarea rows="1" rows="1" class="span12" name="remarks"></textarea>

                </span>
                    </div>
                </div>
            <div class="modal-footer">
               @if(auth()->user()->can('APPROVE LOADING ORDER CANCELLATION'))
                    @if(sizeof($cancellations->loadingOrderCancellationItems()->get()) > 0)
                     <span class="btn btn-success">Approved</span>
                    @else
                     <input name="response" class="btn btn-danger" type="submit" value="REJECTED">
                    <input name="response" class="btn btn-success" type="submit" value="APPROVED">
                    @endif
               @endif
            </div>

            </div><!--#tabs-->
        </form>
    <script>
        jQuery(".datepicker").datepicker();
        jQuery('.tabs').tabs();

        jQuery('.approval_searchable_select').select2();

        jQuery('select[name="approval_option"]').each(function () {
            var selector = jQuery(this);
            selector.change(function () {
                if(selector.val() == 'approve_all'){
                    jQuery('select[name="approval[]"]').each(function () {
                        jQuery(this).val('Approve');
                    })
                } else if(selector.val() == 'reject_all') {
                    jQuery('select[name="approval[]"]').each(function () {
                        jQuery(this).val('Reject');
                    })
                } else {
                    jQuery('select[name="approval[]"]').each(function () {
                        jQuery(this).val('Pending');
                    })
                }
            });

        });



    </script>
@endsection