@extends('layouts.main', ['title'=>config('app.name') . ' | TRUCK LOADING NOMINATIONS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Operations</a> <span class="divider">/</span></li>
        <li><a href="">Truck Loading Nominations</a> <span class="divider">/</span></li>
        <li class="active">NOMINATION #{{$loading_nomination->id}}</li>
    </ul>
@stop
@section('title')
    TRUCK LOADING NOMINATIONS
@endsection
@section('contentinner')
    <div class="mediamgr_category">
        @if(!$loading_nomination->isApproved())
            {!! Form::open(array('route' => ['operations.truck_loading_nominations.approvals.store', $loading_nomination->id], 'class'=>'stdform','id'=>'md_approval_form','files'=>true)) !!}
        @endif

            <input type="hidden" name="_token" value="{{csrf_token()}}">
            <input type="hidden" name="loading_nomination_id" value="{{ $loading_nomination->id }}">
            <table class="table table-bordered table-invoice">
                <tr>
                    <td style="text-align: right;width: 10%">Nomination NO.:</td>
                    <td style="width: 40%">{{$loading_nomination->id}}</td>
                    <td style="text-align: right;width: 10%">Client :</td>
                    <td style="width: 40%">{{ $loading_nomination->client->name }}</td>

                </tr>
                <tr>
                    <td style="text-align: right;width: 10%">Created Date:</td>
                    <td style="width: 40%">{{ $loading_nomination->date }}</td>
                    <td style="text-align: right;width: 10%">Created By:</td>
                    <td style="width: 40%">{{$loading_nomination->user->full_name}}</td>
                </tr>
            </table>
            <div class="row-fluid" style="margin-top: 10px">
                <div class="span12">
                    <table class="table table-bordered table-condensed logistics_table">
                        <tr>
                            <th>SN</th>
                            <th>Truck No</th>
                            <th>Trailer No</th>
                            <th>Driver Name</th>
                            @if(!$loading_nomination->isApproved())
                                <th>
                                    <select name="action" style="width: 100%" class="searchable_select">
                                        <option value="PENDING"></option>
                                        <option value="APPROVED">APPROVE ALL</option>
                                        <option value="REJECTED">REJECT ALL</option>
                                    </select>
                                </th>
                            @endif
                            {{--                            <th>Remarks</th>--}}
                        </tr>
                        {{--*/ $attended = 0 /*--}}
                        @foreach($loading_nomination->loadingNominationItems as $index => $loading_nomination_item)
                            {{--*/ $ln_vehicle = $loading_nomination_item->loadingNominationVehicle /*--}}
                            {{--*/ $ln_vehicle = $loading_nomination_item->loadingNominationVehicle /*--}}
                            <tr>
                                <th>
                                    {!! ++$index !!}
                                    @if(!$loading_nomination_item->LoadingNominationItemLoadingOrderItem)
                                        <input type="hidden" name="loading_nomination_item_id[]" value="{{ $loading_nomination_item->id }}" />
                                    @endif
                                </th>
                                <td>{!! $ln_vehicle->vehicle->registration_number !!}</td>
                                <td>{!! $ln_vehicle->trailer->registration_number !!}</td>
                                <td>{!! $ln_vehicle->driver->full_name !!}</td>
                                @if(!$loading_nomination->isApproved())
                                    <td>
                                        <select class="span12" name="status[]">
                                            <option value="PENDING">PENDING</option>
                                            <option value="APPROVED">APPROVE</option>
                                            <option value="REJECTED">REJECT</option>
                                        </select>
                                    </td>
                                @endif

                            </tr>
                            {{--*/ ++$attended /*--}}

                            @endforeach

                            </tbody>
                    </table>
                </div>
            </div>

            <div class="modal-footer">
                @if($loading_nomination->isApproved())
                    <button class="btn btn-primary" name="submit" type="submit">ALL TRUCK HAS BEEN ATTENDED</button>
                @else
                    <button class="btn btn-primary" name="submit" type="submit">SUBMIT</button>
                @endif
            </div>
        </form>
    </div><!--#tabs-->


<script>
    var form = jQuery('#md_approval_form');
    form.on('submit', function (e) {
        e.preventDefault();

        jQuery.ajax({
            url: form.attr('action'),
            type: 'POST',
            data: form.serialize(),
            beforeSend: function () { startSpinner(); },
            success: function (data) {
                onAjaxSuccess(data);
                if(data.state == 'Done') setTimeout(function() { window.location.assign('{{ route("home") }}'); }, 2000);
            },
            error: function (xhr, textStatus, error) { onAjaxError(xhr, textStatus, error); },
            complete: function () { stopSpinner(); }
        });
    });

    jQuery('select[name="action"]').change(function() {
        jQuery('select[name="status[]"]').val(jQuery(this).val());
    });
</script>
@stop