@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">REEFER UNPLUGGING 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">
        @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 mb-3 d-flex">
                <label for="liner_code">LINER&nbsp;CODE:&nbsp;&nbsp;</label>
                <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 class="col-12 col-md-6 mb-3 d-flex">
                <label for="shipping_agent">SHIPPING&nbsp;AGENT:&nbsp;&nbsp;</label>
                <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 class="col-12 col-md-6 mb-3 d-flex">--}}
{{--                <label for="lpo_number">LPO&nbsp;NUMBER:&nbsp;&nbsp;</label>--}}
{{--                <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 class="form-table-container mt-4">
            <div class="formtabletitle">
                <p>REEFER UNPLUGGING DETAILS</p>
            </div>
            <table class="table-vd-inward" style="border: none">
                <thead>
                <tr style="text-align: center;background: #166B8C;color: white">
                    <th>CONTAINER NO</th>
                    <th>SIZE</th>
                    <th>UNPLUGGING DATE AND TIME</th>
                    <th style="border: none;background: white">ACTION</th>
                </tr>
                </thead>
                <tbody>

                @if($data AND count($data) > 0)
                    @foreach($data as $index => $item)
                        <tr>
                            <td><input name="container_no[]" type="text" maxlength="11" required
                                       value="{{$item->container_no}}"/></td>
                            <td><select name="size[]" id="" required>
                                    <option value="">SELECT</option>
                                    <option value="20" @if($item->size === '20') selected @endif>20</option>
                                    <option value="40" @if($item->size === '40') selected @endif>40</option>
                                </select></td>
                            <td><input name="unplugging_time[]" type="datetime-local" required
                                       style="text-transform: uppercase"
                                       value="{{$item->unplugging_time ? date('Y-m-d\TH:i', strtotime($item->unplugging_time)) : ''}}">
                            </td>
                            @if($index !== 0)
                                <td><input name="cbm[]" type="button" value="Delete"/></td>
                            @endif
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td><input name="container_no[]" type="text" maxlength="11" required/></td>
                        <td><select name="size[]" id="" required>
                                <option value="">SELECT</option>
                                <option value="20">20</option>
                                <option value="40">40</option>
                            </select></td>
                        <td><input name="unplugging_time[]" type="datetime-local" required
                                   style="text-transform: uppercase"></td>

                    </tr>
                @endif

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

        <div style="float: right">
            <button class="referunplugin-button" style="background: #166B8C">+</button>
        </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>USER 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')