@extends('layouts.backend')

@section('content')
    <section class="privatePanel Loads viewLoad">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 menu">
                    <div class="col-lg-12 menuContent">
                        <ul>
                            <a href="/Private/NewLoads">
                            <span class="unread_items newloadsItems @if($getThis->getUnreadInfoLoads()==0) hide @endif">{{$getThis->getUnreadInfoLoads()}}</span>
                                <li>New Loads</li>
                            </a>
                            <a href="/Private/ReadyLoads">
                                <li>Ready Loads</li>
                            </a>
                            <a href="/Private/CompletedLoads">
                                <li>Completed Loads</li>
                            </a>
                            <a href="/Private/RejectedLoads">
                                <li>Rejected Loads</li>
                            </a>
                            <a href="/Private/Customers">
                                <li>Customers</li>
                            </a>
                            <a href="/Private/Messages">
                                <span class="unread_items messagesItems @if($getThis->getImportUnreadMessages()==0) hide @endif">{{$getThis->getImportUnreadMessages()}}</span>
                                <li>Messages</li>
                            </a>
                            <a href="/Private/Logout">
                                <li>Logout</li>
                            </a>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-10 content newLoad">
                    <div class="suspendJobProcess">
                        
                    </div>

                    <input type="hidden" name="type" value="edit" />
                    <input type="hidden" name="job_id" value="{{ $job->id }}" />
   
                    <input type="hidden" name="customer_id" value="{{ $job->company_id }}" />
                    <h2 class="title">View Load #{{ $job->reference }}</h2>
                    <h4><b>Customer:</b> <a href="/Private/CustomerView/{{ $job->company_id }}" target="blank"
                            class="customer_view">{{ $job->getCustomer->legal_name }}</a></h4>
                    <h4><b>Job Status:</b> {{ $job->getStatus->status }}</h4>

                    <div class="row col-lg-12 form-group stepContent step1Content">
                        <div class="col-lg-6">
                            <h3>Type of Entry</h3>
                            <ul>
                                <li>{{ $job->getTypeOfEntry->type }}</li>
                            </ul>
                        </div>
                        <div class="col-lg-6">
                            <h3>GMR</h3>
                            <ul>
                                @if ($job->gmr == '1')
                                    <li>Yes</li>
                                @endif
                                @if ($job->gmr == '0')
                                    <li>No</li>
                                @endif
                            </ul>

                        </div>

                    </div>

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


                    <div class="row col-lg-12 form-group stepContent step2Content">
                        @if ($job->port_uk > 0 && $job->port_eu > 0)
                            @if ($job->type_of_entry == '1' || $job->type_of_entry == '3' || $job->type_of_entry == '4')
                                <div class="col-lg-3">
                                    <h3>UK Port</h3>
                                    <select class="form-control" name="uk_port"
                                        @if ($job->status > 1) 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-3">
                                    <h3>EU Port</h3>
                                    <select class="form-control" name="eu_port"
                                        @if ($job->status > 1) 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-3">
                                    <h3>EU Port</h3>
                                    <ul>
                                        <li>{{ $job->getEuPort->port }}</li>
                                    </ul>
                                </div>
                                <div class="col-lg-3">
                                    <h3>UK Port</h3>
                                    <ul>
                                        <li>{{ $job->getUkPort->port }}</li>
                                    </ul>
                                </div>
                            @endif
                            <div class="col-lg-3">
                                <h3>Truck Number</h3>
                                <div class="col-lg-12 form-group">
                                    {{ $job->truck_number }}
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <h3>Trailer Number</h3>
                                <div class="col-lg-12 form-group">
                                    {{ $job->trailer_number }}
                                </div>
                            </div>
                        @endif
                    </div>

                    <div class="row col-lg-12 form-group stepContent step3Content">
                        <h3 class="noborder nomargin">Documents uploaded by the customer</h3>
                        <div class="col-lg-12 filesArea row">
                            <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)
                                            <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 }}/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>

                    <div class="row col-lg-12 form-group stepContent step3Content">
                        <h3>Please Upload the 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="import_documents" name="import_documents[]" />
                                <div class="col-lg-2 fileItem uploadImportDocuments">
                                    <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 importFiles">

                                @foreach ($downloads as $file)
                                    <div class="col-lg-2 fileItem item{{ $file->id }}">
                                        @if ($job->status==2)
                                        <div class="close download" 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>


                    <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-6"></div>
                        <div class="col-lg-6 alignRight">
                            @if ($job->status == 2)
                                <button class="btn btn-primary readyLoad">Ready this load</button>

                                <button class="btn btn-danger RejectLoad">Reject Load</button>

                                <button class="btn btn-warning cancelProcessing">Cancel processing</button>

                            @endif

                        </div>
                    </div>

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

    </section>
@endsection