@include('layouts.header')
@if (Session::has('msg'))
    <div style="display: block;" class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header alert alert-success">
                    <h5 class="modal-title">{{ Session::get('msg')[0] }}</h5>
                    <button type="button" class="close errorModal-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-success">
                        <p>{{ Session::get('msg')[1] }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif
@include('layouts.navigation1')

<section class="container form-container1">
    <h1 style="text-align: center;" class="mb-5 formtitlemain">LATE RECEIVAL APPLICATION</h1>

    @php
        date_default_timezone_set("Pacific/Fiji");
            $data = null;
    @endphp
    @if(Session::has('draft_data'))
        @php
            $data = Session::get('draft_data');
        @endphp
    @endif

    <form action="" method="post" enctype="multipart/form-data">
        @csrf
        <input id="inputStatus" class="input-hidden" type="text" name="status" value="0" required/>
        <input id="ref_number" class="input-hidden" type="text" name="ref_number" required
               value="{{$data ? $data[0]['ref_number'] : 0}}"/>

        <div class="row">
            <div class="col-12 col-md-6 row">
                <div class="col-3">
                    <label for="liner_code">LINER&nbsp;CODE:&nbsp;&nbsp;</label>
                </div>
                <div class="col-9">
                    <select name="liner_code" id="liner_code" class="w-100" required style="border: 1px solid">
                        <option value="">SELECT</option>
                        <option value="PDL" @if($data AND $data[0]->liner_code === 'PDL') selected @endif>NPD</option>
                        <option value="COO" @if($data AND $data[0]->liner_code === 'COO') selected @endif>COO</option>
                        <option value="COS" @if($data AND $data[0]->liner_code === 'COS') selected @endif>COS</option>
                        <option value="CMN" @if($data AND $data[0]->liner_code === 'CMN') selected @endif>CMN</option>
                        <option value="PIL" @if($data AND $data[0]->liner_code === 'PIL') selected @endif>PIL</option>
                        <option value="CMA" @if($data AND $data[0]->liner_code === 'CMA') selected @endif>CMA</option>
                        <option value="ANL" @if($data AND $data[0]->liner_code === 'ANL') selected @endif>ANL</option>
                        <option value="PFL" @if($data AND $data[0]->liner_code === 'PFL') selected @endif>PFL</option>
                        <option value="SOF" @if($data AND $data[0]->liner_code === 'SOF') selected @endif>SOF</option>
                        <option value="HSD" @if($data AND $data[0]->liner_code === 'HSD') selected @endif>HSD</option>
                        <option value="MAT" @if($data AND $data[0]->liner_code === 'MAT') selected @endif>MAT</option>
                        <option value="SWL" @if($data AND $data[0]->liner_code === 'SWL') selected @endif>SWL</option>
                        <option value="AMC" @if($data AND $data[0]->liner_code === 'AMC') selected @endif>AMC</option>
                        <option value="MSK" @if($data AND $data[0]->liner_code === 'MSK') selected @endif>MSK</option>
                        <option value="HCL" @if($data AND $data[0]->liner_code === 'HCL') selected @endif>HCL</option>
                        <option value="NYK" @if($data AND $data[0]->liner_code === 'NYK') selected @endif>NYK</option>
                        <option value="ONE" @if($data AND $data[0]->liner_code === 'ONE') selected @endif>ONE</option>
                        <option value="MOL" @if($data AND $data[0]->liner_code === 'MOL') selected @endif>MOL</option>
                        <option value="KYW" @if($data AND $data[0]->liner_code === 'KYW') selected @endif>KYW</option>
                    </select>
                </div>
            </div>
            <div class="col-12 col-md-6 row">
                <div class="col-3">
                    <label for="shipping_agent">SHIPPING&nbsp;AGENT:&nbsp;&nbsp;</label>
                </div>
                <div class="col-9">
                    <input type="text" name="shipping_agent" id="shipping_agent" class="w-100" required
                           style="border: 1px solid" value="{{$data ? $data[0]->shipping_agent : ''}}">
                </div>
            </div>
            <div class="col-12 col-md-6 row">
                <div class="col-3">
                    <label for="lpo_number">LPO&nbsp;NUMBER:&nbsp;&nbsp;</label>
                </div>
                <div class="col-9">
                    <input type="text" name="lpo_number" id="lpo_number" class="w-100" required
                           style="border: 1px solid" value="{{$data ? $data[0]->lpo_number : ''}}">
                </div>
            </div>
        </div>

        <div class="row mt-4">
            <div class="col-md-6 row">
                <div class="col-md-3">
                    <label>VESSEL NAME:</label>
                </div>
                <div class="col-md-9 full-width-input-container">
                    <input maxlength="30" name="vessel_name" type="text3" required class="w-100"
                           value="@if($data) {{$data[0]['vessel_name']}} @endif">
                </div>
            </div>
            <div class="col-md-6 row">
                <div class="col-md-3">
                    <label>VOYAGE NO:</label>
                </DIV>
                <div class="col-md-9 full-width-input-container">
                    <input name="voyage_no" type="text3" maxlength="50" required
                           value="@if($data) {{$data[0]['voyage_no']}} @endif" class="w-100">
                </div>
            </div>
            <div class="col-md-6 row">
                <div class="col-md-3">
                    <label>LINE OPERATOR:</label>
                </div>
                <div class="col-md-9 full-width-input-container">
                    <input maxlength="20" name="line_operatior" type="text3" required
                           value="@if($data) {{$data[0]['line_operatior']}} @endif" class="w-100">
                </div>
            </div>
        </div>

        <!-- <div class="row mt-3">
            <div class="col-md-7 row">
                <div class="col-md-3">
                    <label>Voyaage no</label>
                </div>
                <div class="col-md-5 full-width-input-container">
                    <input type="text">
                </div>
                <div class="col-md-2 label-container1">
                    <label>PORT: SUVA</label>
                </div>
                <div class="col-md-2 full-width-input-container">
                    <input type="text">
                </div>
            </div>
            <div class="col-md-5 custom-padding-right-0 row">
                <div class="col-md-2 label-container1">
                    <label>ETD</label>
                </div>
                <div class="col-md-10 custom-padding-right-0 full-width-input-container">
                    <input type="text">
                </div>
            </div>
        </div>

        <div class="row mt-3">
            <div class="col-md-7 row">
                <div class="col-md-3">
                    <label>Rotations no</label>
                </div>
                <div class="col-md-5 full-width-input-container">
                    <input type="text">
                </div>
                <div class="col-md-2 label-container1">
                    <label>LTK</label>
                </div>
                <div class="col-md-2 full-width-input-container">
                    <input type="text">
                </div>
            </div>
            <div class="col-md-5 custom-padding-right-0 row">
                <div class="col-md-2 label-container1">
                    <label>GRT</label>
                </div>
                <div class="col-md-10 custom-padding-right-0 full-width-input-container">
                    <input type="text">
                </div>
            </div>
        </div> -->
        <div class="form-table-container mt-4">
            <table class="table-vd-inward" style="border: none">
                <thead>
                <tr style="text-align: center;background: #166B8C;color: white">
                    <th>CONTAINER NO.</th>
                    <th>PORT OF DISCHARGE</th>
                    <th>WEIGHT</br>
                        (TONNES)
                    </th>
                    <th style="width: 90px">REEFER</br>
                        (YES / NO)
                    </th>
                    <th style="width: 90px">OOG</br>
                        (YES / NO)
                    </th>
                    <th>ESTIMATED DATE & TIME OF ARRIVAL</th>
                    <th>TRANSPORT</br>
                        COMPANY
                    </th>
                    <th style="background: white;border: none">ACTION</th>
                </tr>
                </thead>
                <tbody>

                @if($data)
                    @foreach($data as $index => $item)
                        <tr>
                            <td><input type="text" name="contianer_number[]" maxlength="11" required
                                       value="{{$item->container_no}}"/></td>
                            <td><input type="text" name="port_of_discharge[]" maxlength="10" required
                                       value="{{$item->port_of_discharge}}"/></td>
                            <td><input type="text" name="weight[]" maxlength="6" required
                                       value="{{$item->port_of_discharge}}"/></td>
                            <td><select name="reefer[]" id="" required>
                                    <option value="">SELECT</option>
                                    <option value="yes" @if($item->reefer === 'yes') selected @endif>YES</option>
                                    <option value="no" @if($item->reefer === 'no') selected @endif>NO</option>
                                </select>
                            </td>
                            <td><select name="oog[]" id="" required>
                                    <option value="">SELECT</option>
                                    <option value="yes" @if($item->reefer === 'yes') selected @endif>YES</option>
                                    <option value="no" @if($item->reefer === 'no') selected @endif>NO</option>
                                </select>
                            </td>
                            <td><input type="datetime-local" name="eta_of_arrival[]" required
                                       style="text-transform: uppercase"
                                       value="{{$item->eta_of_arrival ? date('Y-m-d\TH:i', strtotime($item->eta_of_arrival)) : ''}}"/>
                            </td>
                            <td><input type="text" maxlength="20" name="transport_company[]" required
                                       value="{{$item->transport_company}}"/></td>
                            @if($index !== 0)
                                <td><input name="cbm[]" type="button" value="Delete"/></td>
                            @endif
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td><input type="text" name="contianer_number[]" maxlength="11" required/></td>

                        <td><input type="text" name="port_of_discharge[]" maxlength="10" required/></td>
                        <td><input type="text" name="weight[]" maxlength="6" required/></td>
                        <td><select name="reefer[]" id="" required>
                                <option value="">SELECT</option>
                                <option value="yes">YES</option>
                                <option value="no">NO</option>
                            </select>
                        </td>
                        <td><select name="oog[]" id="" required>
                                <option value="">SELECT</option>
                                <option value="yes">YES</option>
                                <option value="no">NO</option>
                            </select>
                        </td>
                        <td><input type="datetime-local" name="eta_of_arrival[]" required
                                   style="text-transform: uppercase">
                        </td>
                        <td><input type="text" maxlength="20" name="transport_company[]" required/></td>
                        <td style="border:none"></td>
                    </tr>
                @endif

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

        <div style="float: right">
            <button class=" latereceival" style="background: #166B8C">+</button>
        </div>

        <div class="row mt-5">
            <div class="col-12 col-md-6">
                <lable>PAYMENT REFERENCE IMAGE: &nbsp;</lable>
                <input type="file" onchange="attachment_change_event()" name="image" id="image" accept="image/*">
                <input type="text" class="input-hidden" name="file_changed" id="file_changed" value="false">
                <input type="text" class="input-hidden" name="previous_image_name" id="previous_image_name"
                       value="{{($data AND $data[0]->attachment) ? $data[0]->attachment : null}}">

                @if($data AND $data[0]->attachment)
                    <img src="{{$data[0]->attachment}}" style="width: 200px" alt="" id="selected_image">
                @endif
            </div>
        </div>

        <div class="row mt-5">

            <label class="container_checkmark"><input type="checkbox" required>
                <span class="checkmark"></span>WE HEREBY DECLARE THAT THE INFORMATION PROVIDED IN THIS DOCUMENT ARE
                CORRECT & UNDERTAKE TO PAY ALL FEES & CHARGES AS APPLICABLE.

            </label>
        </div>
        <div class="row mt-5">

            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <p>AGENT NAME:</p>
                    </div>
                    <div class="col-md-8">
                        <p style="text-transform: uppercase">{{ $userData->name }}</p>
                    </div>
                </div>

            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <p>COMPANY NAME:</p>
                    </div>
                    <div class="col-md-8">
                        <p style="text-transform: uppercase">{{ $userData->company }}</p>

                    </div>
                </div>

            </div>

        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <p>DATE: </p>
                    </div>
                    <div class="col-md-8">
                        <p>{{ date("Y/m/d") }}</p>
                    </div>
                </div>

            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <p>Time: </p>
                    </div>
                    <div class="col-md-8">
                        <p style="text-transform: uppercase">{{ date("h:i a") }}</p>
                    </div>
                </div>
            </div>
        </div>
        </div>

        <div class="mt-3 mb-4">
            <b>Please ensure that this form is submitted during Customer Service working hours: between 08:00 and 17:00
                hours on weekdays and between 08:00 and 13:00 on Saturdays. FPTL accepts no responsibility if the forms
                are submitted outside working hours and any transactions not being attended to.</b>
        </div>

        <div class="row ">
            <div class="col-md-6"></div>

            <div class="col-md-6 formbuttons">
                <button type="button" class="btn btn-sm btn-secondary" onclick="removeRequired()">Draft save</button>
                <input id="submitBtn" type="submit" class="btn btn-sm btn-danger">
                <a href="{{ url('/customerforms') }}" class="btn btn-sm btn-info">Cancel</a>
            </div>

        </div>
    </form>
</section>


@include('layouts.footer')