@include('layouts.header')
@include('layouts.navigation1')
@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
<section class="container form-container1">
    <h1 style="text-align: center;" class="mb-5 formtitlemain">DOMESTIC REEFER PLUGGING APPLICATION</h1>

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

        @foreach($data as $index => $item)
            @if($item->plugging_or_vessel === 'plugging')
                @php
                    $total_plugin_count += 1;
                @endphp
            @else
                @php
                    $total_vessel_count += 1;
                @endphp
            @endif
        @endforeach
    @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-md-7 row">
                    <div class="col-md-3">
                        <label>Vessel Name</label>
                    </div>
                    <div class="col-md-9 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>ETA</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>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="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="">
                <p>VESSEL DETAILS</p>
            </div>
            <table class="table-vd-inward" style="border: none">
                <thead>
                <tr style="text-align: center;background: #166B8C;color: white ">
                    <th>VESSEL NAME</th>
                    <th>VOYAGE NUMBER</th>
                    <th>CONTAINER STATUS</th>
                    <th>ORDER NUMBER(LPO)</th>
                    <th>PORT</th>
                    <th style="background: white;border: none">ACTION</th>
                </tr>
                </thead>
                <tbody>

                @if($total_vessel_count > 0)
                    @foreach($data as $index => $item)
                        @if($item->plugging_or_vessel === 'vessel')
                            <tr>
                                <td><input name="vessel_name[]" type="text" maxlength="30" required
                                           value="{{$item->vessel_name}}"/></td>
                                <td><input name="voyage_number[]" type="text" maxlength="6" required
                                           value="{{$item->voyage_number}}"/></td>
                                <td>
                                    <select required name="container_status[]" id="">
                                        <option value="">SELECT</option>
                                        <option value="Laden" @if($item->container_status === 'Laden') selected @endif>
                                            LADEN
                                        </option>
                                        <option value="Empty" @if($item->container_status === 'Empty') selected @endif>
                                            EMPTY
                                        </option>
                                    </select>
                                </td>
                                <td><input name="order_number[]" type="text" maxlength="20" required
                                           value="{{$item->order_number}}"/></td>
                                <td><input name="port[]" type="text" maxlength="30" required
                                           value="{{$item->port}}"/></td>
                                @if($index !== 0)
                                    <td><input name="cbm[]" type="button" value="Delete"/></td>
                                @endif
                            </tr>
                        @endif
                    @endforeach
                @else
                    <tr>
                        <td><input name="vessel_name[]" type="text" maxlength="30" required/></td>
                        <td><input name="voyage_number[]" type="text" maxlength="6" required/></td>
                        <td>
                            <select required name="container_status[]" id="">
                                <option value="">SELECT</option>
                                <option value="Laden">LADEN</option>
                                <option value="Empty">EMPTY</option>
                            </select>
                        </td>
                        <td><input name="order_number[]" type="text" maxlength="20" required/></td>
                        <td><input name="port[]" type="text" maxlength="30" required/></td>
                        <td style="border: none;"></td>
                    </tr>
                @endif


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

        <div class="terminallimited_domestic_btn1 vd-inward-add-button">
            <button style="background: #166B8C">+</button>
        </div>

        <div class="form-table-container mt-4">
            <div class="">
                <p>PLUGGING DETAILS</p>
            </div>
            <table class="table-vd-outward" style="border: none">
                <thead>
                <tr style="text-align: center;background: #166B8C;color: white">
                    <th>CONTAINER NUMBER</th>
                    <th>SIZE</th>
                    <th>SET TEMPERATURE</th>
                    <th>PLUGGING DATE</th>
                    <th>REMARKS</th>
                    <th style="background: white;border: none">ACTION</th>
                </tr>
                </thead>
                <tbody id="tbody">

                @if($total_plugin_count > 0)
                    @foreach($data as $index => $item)
                        @if($item->plugging_or_vessel === 'plugging')
                            <tr>
                                <td><input name="container_number[]" type="text" maxlength="11" required
                                           value="{{$item->container_number}}"/></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="set_temperature[]" type="text" maxlength="7" required
                                           value="{{$item->set_temperature}}"/></td>
                                <td><input name="plugging_date[]" type="date" required style="text-transform: uppercase"
                                           value="{{$item->plugging_date ? date('Y-m-d', strtotime($item->plugging_date)) : ''}}"/>
                                </td>
                                <td><input name="remarks[]" type="text" maxlength="20" required
                                           value="{{$item->remarks}}"/></td>
                                @if($index !== 0)
                                    <td><input name="cbm[]" type="button" value="Delete"/></td>
                                @endif
                            </tr>
                        @endif
                    @endforeach
                @else
                    <tr>
                        <td><input name="container_number[]" 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="set_temperature[]" type="text" maxlength="7" required/></td>
                        <td><input name="plugging_date[]" type="date" required style="text-transform: uppercase"></td>
                        <td><input name="remarks[]" type="text" maxlength="20" required/></td>
                        <td style="border: none;"></td>
                    </tr>
                @endif

                </tbody>
            </table>
        </div>
        <div class="vd-outward-add-button terminallimited_domestic_btn2">
            <button 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>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')