@extends('layouts.main_without_top_button', ['title' => 'Trip Amendment | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a href="{!! route('amendments.route-assignments-amendments.index') !!}">Trip Amendment</a><span class="divider">/</span></li>
        <li class="active">Trip Amendment no. {{$amendment->id}}</li>
    </ul>
@stop
@section('title', 'Trip Amendment no.'.$amendment->id)

@section('contentinner')
    <div class="mediamgr_category">
        <form class="form-horizontal" id="amendment_approval_form" role="form" method="POST"
              action="{{route('amendments.approval-route-assignments-amendments.store')}}">

            <input type="hidden" name="_token" value="{{csrf_token()}}">
            <input type="hidden" name="vehicle_amendment_id" value="{{$amendment->id}}">

            <div class="modal-body">

                <div class="row-fluid" style="margin-top: 2px">
                            <div class="row-fluid" style="margin-top: 2px">
          </div>
          
          @if(!empty($pipelineLoadingOrderLoadingOrderItem))
          <h2>Allocation Details</h2>
           <div class="row-fluid" style="margin-top: 4px">
            <div class="span6">
                <label class="control-label span4" for="date">Loading Date</label>

                <div class="controls span8" style="font-weight:bold">{{$view_trip_performance->loading_date}}</div>
            </div>
            <div class="span6">
                <label class="control-label span4" for="date">Client</label>

                <div class="controls span8" style="font-weight:bold">{{$view_trip_performance->client}}</div>
            </div>
         </div>
                   <div class="row-fluid" style="margin-top: 4px">
            <div class="span6">
                <label class="control-label span4" for="date">Loading City</label>

                <div class="controls span8" style="font-weight:bold">{{$view_trip_performance->loading_city}}</div>
            </div>
            <div class="span6">
                <label class="control-label span4" for="date">Destination</label>

                <div class="controls span8" style="font-weight:bold">{{$view_trip_performance->destination}}</div>
            </div>
        </div>
         @else
             <h3 style="padding-left : 20px;"> Ammendment from Pipeline </h3> <br/>
         @endif
          
                    <div class="span12">
                        <div id="generate_trucks">
                            <!-- ================== loadingOrderVehicles =============== -->
                            <table class="table table-bordered table-condensed">
                                <thead>
                                <tr>
                                    <th style="width: 20%"></th>
                                    <th style="width: 25%">Current Details</th>
                                    <th style="width: 25%">Amendment</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                     @if(!empty($loading_order_item_amendment_item->vehicle_id))
                                    <th style="width: 20%">Truck</th>
                                    <td><input type="hidden" name="old_vehicle_id" value="{{ $loading_order_vehicle->vehicle_id }}">{{$loading_order_vehicle->vehicle->registration_number}}</td>
                                    <td>
                                       
                                        <input type="hidden" name="vehicle_id" value="{{ $loading_order_item_amendment_item->vehicle_id  }}">
                                        <span>{{ !empty($loading_order_item_amendment_item->vehicle_id) ? $loading_order_item_amendment_item->vehicle->registration_number : 'No Changes' }}</span>
                                    </td>
                                    @endif
                                </tr>
                                <tr>
                                    @if(!empty($loading_order_item_amendment_item->driver_id))
                                    <th style="width: 20%">Driver</th>
                                    <td>
                                        {{--*/ $driver = isset($loading_order_vehicle) ? $loading_order_vehicle->driver : ''; /*--}}
                                       <input type="hidden" name="old_driver_id" value="{{ $loading_order_vehicle->driver_id }}"> {{ $driver->full_name }}
                                    </td>

                                    <td>
                                        <input type="hidden" name="driver_id" value="{{ $loading_order_item_amendment_item->driver_id }}">
                                        <span>{{ !empty($loading_order_item_amendment_item->driver_id) ? $loading_order_item_amendment_item->driver->employee_name.' '.$loading_order_item_amendment_item->driver->last_name : 'No Changes' }}</span>
                                    </td>
                                    @endif
                                </tr>
                                <tr>
                                    @if(!empty($loading_order_item_amendment_item->trailer_id))
                                    <th style="width: 20%">Trailer</th>
                                    <td><input type="hidden" name="old_trailer_id" value="{{ $loading_order_vehicle->trailer_id }}">{{$loading_order_vehicle->trailer->registration_number}}</td>
                                    <td>
                                        <input type="hidden" name="trailer_id" value="{{ $loading_order_item_amendment_item->trailer_id }}">
                                        <span>{{ !empty($loading_order_item_amendment_item->trailer_id) ? $loading_order_item_amendment_item->trailer->registration_number : 'No Changes' }}</span>
                                    </td>
                                    @endif
                                </tr>
                                </tbody>
                            </table>

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

            <div class="row-fluid">
                    <div class="span12">
                        <div class="row-fluid" style="margin-top: 4px">
                            <div class="span12">
                                <label class="span2">Reason(s)</label>

                                <div class="field span10" style='text-align:left;font-weight:bold'>{{ucfirst(strtolower($amendment->remarks)) }}</div>
                            </div>
                        </div>
                    </div>

                </div>

                
                <div class="row-fluid">
                    <div class="span12">
                        <div class="row-fluid" style="margin-top: 4px">
                            <div class="span12">
                                <label class="span2">Naration</label>

                                <div class="field span10">
                                    <textarea cols="80" rows="1" class="span12" name="remarks"></textarea>
                                    <input type="hidden" name="loading_order_item_id" value="{{ $loading_order_vehicle->loading_order_item_id }}">
                                    <input type="hidden" name="loading_order_vehicle_id" value="{{ $loading_order_vehicle->id }}">
                                    <input type="hidden" name="amendment_id" value="{{ $amendment->id }}">
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            <div class="modal-footer">
                @if(auth()->user()->can('APPROVE AMENDMENT'))
                    @if(!isset($vehicleamendmentapprovalitem))
                        <button class="btn btn-primary" name="action" value='APPROVE' type="submit"> APPROVE </button>
                        <button class="btn btn-denger" name="action" value="REJECT" type="submit"> REJECT </button>
                    @endif
                @endif

            </div>
            </div>
        </form>
    </div>
    <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>
    
    
    
    
    <!--  <div class="mediamgr_category">-->
    <!--    <form class="form-horizontal" id="amendment_approval_form" role="form" method="POST"-->
    <!--          action="{{route('amendments.approval-route-assignments-amendments.store')}}">-->

    <!--        <input type="hidden" name="_token" value="{{csrf_token()}}">-->
            
            
    <!--              <table class="table table-bordered table-invoice">-->
    <!--                <tr>-->
    <!--                     <td style="text-align: right;width: 10%"> Rason For Amendment :</td>-->
    <!--                     <td colspan="3">-->
    <!--                       <span style="padding-left: 20px;"> {{ '  '.$amendment->remarks }}</span>-->
    <!--                   </td>-->
    <!--                <tr>-->

    <!--                </tr>-->
    <!--                 <tr>-->
    <!--                    <td style="text-align: right;width: 10%">Response:</td>-->
    <!--                    <td colspan="3">-->
    <!--                        <select class="select2" name="approval_option" id="" data-placeholder="" class=""-->
    <!--                                style="width: 100%">-->
    <!--                            <option value=""></option>-->
    <!--                            <option value="approve_all">Approve All</option>-->
    <!--                            <option value="reject_all">Reject All</option>-->
    <!--                        </select>-->
    <!--                    </td>-->
    <!--                </tr>-->
    <!--            </table>-->
            
            
            
            

    <!--        <div class="modal-body">-->

    <!--            <div class="row-fluid" style="margin-top: 2px">-->
    <!--                        <div class="row-fluid" style="margin-top: 2px">-->
    <!--      </div>-->
    <!--                <div class="span12">-->
    <!--                    <div id="generate_trucks">-->
                            <!-- ================== loadingOrderVehicles =============== -->
    <!--                        <table class="table table-bordered table-condensed">-->
    <!--                            <thead>-->
    <!--                            <tr>-->
    <!--                                <th style="width: 20%"></th>-->
    <!--                                <th style="width: 25%">Current Details</th>-->
    <!--                                <th style="width: 25%">Amendment</th>-->
    <!--                                <th style="width: 30%">-->
 
    <!--                                </th>-->
    <!--                            </tr>-->
    <!--                            </thead>-->
    <!--                            <tbody>-->
    <!--                            <tr>-->
    <!--                                 @if(!empty($loading_order_item_amendment_item->vehicle_id))-->
    <!--                                <th style="width: 20%">Truck</th>-->
    <!--                                <td><input type="hidden" name="old_vehicle_id" value="{{ $loading_order_vehicle->vehicle_id }}">{{$loading_order_vehicle->vehicle->registration_number}}</td>-->
    <!--                                <td>-->
                                       
    <!--                                    <input type="hidden" name="vehicle_id" value="{{ $loading_order_item_amendment_item->vehicle_id  }}">-->
    <!--                                    <span>{{ !empty($loading_order_item_amendment_item->vehicle_id) ? $loading_order_item_amendment_item->vehicle->registration_number : 'No Changes' }}</span>-->
    <!--                                </td>-->
    <!--                                <td style="width: 2%;">-->
    <!--                                    <select class="select2" name="approval[]" id="approval" data-placeholder="" class="" style="width: 100%">-->
    <!--                                        <option value="Pending">Pending</option>-->
    <!--                                        <option value="Reject">Reject</option>-->
    <!--                                        <option value="Approve">Approve</option>-->
    <!--                                    </select>-->
    <!--                                </td>-->
    <!--                                @endif-->
    <!--                            </tr>-->
    <!--                            <tr>-->
    <!--                                @if(!empty($loading_order_item_amendment_item->driver_id))-->
    <!--                                <th style="width: 20%">Driver</th>-->
    <!--                                <td>-->
    <!--                                    {{--*/ $driver = isset($loading_order_vehicle) ? $loading_order_vehicle->driver : ''; /*--}}-->
    <!--                                   <input type="hidden" name="old_driver_id" value="{{ $loading_order_vehicle->driver_id }}"> {{ $driver->full_name }}-->
    <!--                                </td>-->

    <!--                                <td>-->
    <!--                                    <input type="hidden" name="driver_id" value="{{ $loading_order_item_amendment_item->driver_id }}">-->
    <!--                                    <span>{{ !empty($loading_order_item_amendment_item->driver_id) ? $loading_order_item_amendment_item->driver->employee_name.' '.$loading_order_item_amendment_item->driver->last_name : 'No Changes' }}</span>-->
    <!--                                </td>-->
    <!--                                <td style="width: 2%;">-->
    <!--                                    <select class="select2" name="approval[]" id="approval" data-placeholder="" class="" style="width: 100%">-->
    <!--                                        <option value="Pending">Pending</option>-->
    <!--                                        <option value="Reject">Reject</option>-->
    <!--                                        <option value="Approve">Approve</option>-->
    <!--                                    </select>-->
    <!--                                </td>-->
    <!--                                @endif-->
    <!--                            </tr>-->
    <!--                            <tr>-->
    <!--                                @if(!empty($loading_order_item_amendment_item->trailer_id))-->
    <!--                                <th style="width: 20%">Trailer</th>-->
    <!--                                <td><input type="hidden" name="old_trailer_id" value="{{ $loading_order_vehicle->trailer_id }}">{{$loading_order_vehicle->trailer->registration_number}}</td>-->
    <!--                                <td>-->
    <!--                                    <input type="hidden" name="trailer_id" value="{{ $loading_order_item_amendment_item->trailer_id }}">-->
    <!--                                    <span>{{ !empty($loading_order_item_amendment_item->trailer_id) ? $loading_order_item_amendment_item->trailer->registration_number : 'No Changes' }}</span>-->
    <!--                                </td>-->
    <!--                                <td style="width: 2%;">-->
    <!--                                    <select class="select2" name="approval[]" id="approval" data-placeholder="" class="" style="width: 100%">-->
    <!--                                        <option value="Pending">Pending</option>-->
    <!--                                        <option value="Reject">Reject</option>-->
    <!--                                        <option value="Approve">Approve</option>-->
    <!--                                    </select>-->
    <!--                                </td>-->
    <!--                                @endif-->
    <!--                            </tr>-->

    <!--                            </tbody>-->


    <!--                            <tr><td colspan="5">&nbsp;</td></tr>-->
    <!--                        </table>-->

    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->

    <!--            <div class="row-fluid">-->
    <!--                <div class="span12">-->
    <!--                    <div class="row-fluid" style="margin-top: 4px">-->
    <!--                        <div class="span12">-->
    <!--                            <label class="span2">Naration</label>-->

    <!--                            <div class="field span10">-->
    <!--                                <textarea cols="80" rows="1" class="span12" name="remarks"></textarea>-->
    <!--                                <input type="hidden" name="loading_order_item_id" value="{{ $loading_order_vehicle->loading_order_item_id }}">-->
    <!--                                <input type="hidden" name="loading_order_vehicle_id" value="{{ $loading_order_vehicle->id }}">-->
    <!--                                <input type="hidden" name="amendment_id" value="{{ $amendment->id }}">-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                </div>-->

    <!--            </div>-->
    <!--        <div class="modal-footer">-->
    <!--            <button class="btn btn-primary" name="submit" type="submit"> SUBMIT </button>-->
    <!--        </div>-->
    <!--        </div>-->
    <!--    </form>-->
    <!--</div>-->
    <!--<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