@extends('layouts.backend')


@section('content')
    <section class="privatePanel Loads">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 menu">
                    <div class="col-lg-12 menuContent">
                        <ul>
                            <a href="/Private/addNewLoad">
                                <li>Add New Load</li>
                            </a>
                            <a href="/Private/Loads">
                                <li>Loads</li>
                            </a>
                            <a href="/Private/CompletedEntries">
                                <span class="unread_items completedloadsItems @if($getThis->getUnreadCompletedLoads()==0) hide @endif">{{$getThis->getUnreadCompletedLoads()}}</span>
                                <li>Completed Entries</li>
                            </a>
                            <a href="/Private/RejectedEntries">
                                <span class="unread_items rejectedloadsItems @if($getThis->getUnreadRejectedLoads()==0) hide @endif">{{$getThis->getUnreadRejectedLoads()}}</span>
                                <li>Rejected Entries</li>
                            </a>
                            @if($user->parent==0)
                            <a href="/Private/Invoices">
                                <span class="unread_items invoicesItems @if($getThis->getUnreadInvoices()==0) hide @endif">{{$getThis->getUnreadInvoices()}}</span>
                                <li>Invoices</li>
                            </a>
                            @endif
                            <a href="/Private/Messages">
                                <span class="unread_items messagesItems @if($getThis->getCustomerUnreadMessages()==0) hide @endif">{{$getThis->getCustomerUnreadMessages()}}</span>
                                <li>Messages</li>
                            </a>
                            @if ($user->parent==0)
                            <a href="/Private/Users">
                                <li>Users</li>
                            </a>
                            @endif
                            <a href="/Private/Logout">
                                <li>Logout</li>
                            </a>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-10 content newLoad">
                    <input type="hidden" name="type" value="edit" />
                    <input type="hidden" name="job_id" value="{{ $job->id }}" />
                    <input type="hidden" name="customer_id" value="{{ $user->id }}" />
                    <h2 class="title">Edit Load #{{ $job->reference }}</h2>
                    <h4><b>Job Status:</b> <span class="status{{ $job->status }}">
                    @if ($job->status=='3')
                                In progress
                                @else
                                {{ $job->getStatus->status }}
                                @endif
                    </span></h4>
                    @if ($job->status == '5')
                        <h4 class="reason"><b>Reason:</b> {{ $job->reason }}</h4>
                    @endif

                    <div class="row col-lg-12 form-group stepContent step1Content">
                        <div class="col-lg-6">
                            <h3>Type of Entry</h3>
                            <ul>
                                @foreach ($types_of_entry as $no => $type)
                                    <li><input type="radio" name="type_of_entry" value="{{ $type->id }}"
                                            @if ($job->status > 1 && $job->status != 5) disabled @endif
                                            @if ($job->type_of_entry == $type->id) checked="checked" @endif />
                                        <label>{{ $type->type }}</label>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                        <div class="col-lg-6">
                            <h3>GMR</h3>
                            <ul>
                                <li><input type="radio" name="gmr" value="1"
                                        @if ($job->status > 1 && $job->status != 5) disabled @endif
                                        @if ($job->gmr == '1') checked="checked" @endif />
                                    <label>Yes</label>
                                </li>
                                <li><input type="radio" name="gmr" value="0"
                                        @if ($job->status > 1 && $job->status != 5) disabled @endif
                                        @if ($job->gmr == '0') checked="checked" @endif />
                                    <label>No</label>
                                </li>
                            </ul>

                        </div>

                    </div>

                    <div class="row col-lg-12 form-group stepContent">
                    <div class="col-lg-4">
                        <h3>Reference</h3>
                        <input type="text" class="form-control" @if($job->status == 4) disabled="disabled" @endif name="customer_reference" value="{{$job->customer_reference}}">
                    </div>
                    @if (!empty($job->lrn))
                    <div class="col-lg-4">
                        <h3>LRN</h3>
                        {{$job->lrn}}
                    </div>
                    @endif
                    </div>


                    <div class="row col-lg-12 form-group stepContent step2Content">
                        
                            @if ($job->type_of_entry == '1' || $job->type_of_entry == '3' || $job->type_of_entry == '4')
                                <div class="col-lg-4">
                                    <h3>Select UK Port</h3>
                                    <select class="form-control" name="uk_port"
                                        @if ($job->status > 1 && $job->status != 5) disabled @endif>
                                        <option value="0">--</option>
                                        @foreach ($getThis->global()->getPorts('UK') as $port)
                                            <option value="{{ $port->id }}"
                                                @if ($job->port_uk == $port->id) selected="selected" @endif>
                                                {{ $port->port }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-4">
                                    <h3>Select EU Port</h3>
                                    <select class="form-control" name="eu_port"
                                        @if ($job->status > 1 && $job->status != 5) disabled @endif>
                                        <option value="0">--</option>
                                        @foreach ($getThis->global()->getPorts('EU') as $port)
                                            <option value="{{ $port->id }}"
                                                @if ($job->port_eu == $port->id) selected="selected" @endif>
                                                {{ $port->port }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            @endif
                            @if ($job->type_of_entry == '2')
                                <div class="col-lg-4">
                                    <h3>Select EU Port</h3>
                                    <select class="form-control" name="eu_port"
                                        @if ($job->status > 1 && $job->status != 5) disabled @endif>
                                        <option value="0">--</option>
                                        @foreach ($getThis->global()->getPorts('EU') as $port)
                                            <option value="{{ $port->id }}"
                                                @if ($job->port_eu == $port->id) selected="selected" @endif>
                                                {{ $port->port }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-4">
                                    <h3>Select UK Port</h3>
                                    <select class="form-control" name="uk_port"
                                        @if ($job->status > 1 && $job->status != 5) disabled @endif>
                                        <option value="0">--</option>
                                        @foreach ($getThis->global()->getPorts('UK') as $port)
                                            <option value="{{ $port->id }}"
                                                @if ($job->port_uk == $port->id) selected="selected" @endif>
                                                {{ $port->port }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            @endif
                            <div class="col-lg-4">
                                <h3>Truck / Trailer Number</h3>
                                <div class="col-lg-12 form-group">
                                    <input class="form-control" type="text" name="truck_number"
                                        value="{{ $job->truck_number }}" placeholder="Truck Number"
                                        @if ($job->status > 1 && $job->status != 5) disabled @endif />
                                </div>
                                <div class="col-lg-12 form-group">
                                    <input class="form-control" type="text" name="trailer_number"
                                        value="{{ $job->trailer_number }}" placeholder="Trailer Number"
                                        @if ($job->status > 1 && $job->status != 5) disabled @endif />
                                </div>
                            </div>
                       
                    </div>

                    <div class="row col-lg-12 form-group stepContent step3Content">
                        <h3>Please Upload your documents here. Only PDF, JPG, JPEG, EXCEL or WORD files are allowed. <br />
                            Any other types will be ignored by the system.</h3>
                        <div class="col-lg-12 filesArea row">
                            <div class="row col-lg-12 upload">
                                <input type="file" multiple id="documents" name="documents[]"
                                    @if ($job->status > 1 && $job->status != 5) disabled @endif />
                                <div
                                    class="col-lg-2 fileItem uploadDocuments
                                @if ($job->status > 1 && $job->status != 5) disabled @endif">
                                    <div class="img"><i class="fa fa-upload"></i></div>
                                    <div class="title">Upload documents</div>
                                </div>
                            </div>
                            <div class="row col-lg-12 uploadedFiles customerFiles">

                                @foreach ($uploads as $file)
                                    <div class="col-lg-2 fileItem item{{ $file->id }}">
                                        @if ($job->status == 1 || $job->status == 7 || $job->status == 5)
                                            <div class="close" id="{{ $file->id }}"><i
                                                    class="fa-solid fa-circle-xmark"></i></div>
                                        @endif
                                        <div class="img"
                                            onclick="window.open('/storage/documents/{{ $job->getUser->id }}/uploads/{{ $file->getDocument->file }}')">
                                            <i class="fa-regular fa-file-{{ $file->icon }}"></i>
                                        </div>
                                        <div class="title">{{ $file->getDocument->originalName }}</div>
                                    </div>
                                @endforeach

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

                    @if ($job->status == 4)

                    <div class="row col-lg-12 form-group stepContent step3Content">
                        <h3 class="noborder nomargin">AICO Documents</h3>
                        <div class="col-lg-12 filesArea row">
                            <div class="row col-lg-12 uploadedFiles customerFiles">
                                @foreach ($downloads as $file)
                                    <div class="col-lg-2 fileItem item{{ $file->id }}">
                                        @if ($job->status == 1 || $job->status == 7)
                                            <div class="close" id="{{ $file->id }}"><i
                                                    class="fa-solid fa-circle-xmark"></i></div>
                                        @endif
                                        <div class="img"
                                            onclick="window.open('/storage/documents/{{ $job->customer_id }}/downloads/{{ $file->getDocument->file }}')">
                                            <i class="fa-regular fa-file-{{ $file->icon }}"></i>
                                        </div>
                                        <div class="title">{{ $file->getDocument->originalName }}</div>
                                    </div>
                                @endforeach

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

                    @endif
                    
                    <div class="row col-lg-12 form-group stepContent">
                        <div class="col-lg-12 error"></div>
                    </div>

                    <div class="row col-lg-12 form-group">
                        <div class="col-lg-9"></div>
                        <div class="col-lg-3 alignRight">
                            @if ($job->status == 1 || $job->status == 5)
                                <button class="btn btn-primary submitLoad">Send to process</button>
                            @endif
                            @if ($job->status > 1 && $job->import_dep == 0 && $job->status != 5 && $job->status != 4)
                                <button class="btn btn-danger cancelLoad">Cancel Load</button>
                            @endif
                            @if ($job->status > 1 && $job->import_dep > 0 && $job->status != 6 && $job->status!=4)
                                <button class="btn btn-danger requestRejectionLoad">Request rejection</button>
                            @endif
                        </div>
                    </div>

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

    </section>
@endsection