@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">VESSEL DEPOSIT FORM</h1>

    @php
        date_default_timezone_set("Pacific/Fiji");
            $data = null;

            $inward_total = 0;
            $outward_total = 0;

            $in_fcl_20 = ['qty' => '', 'amount' => 0];
            $in_fcl_40 = ['qty' => '', 'amount' => 0];
            $in_emp_20 = ['qty' => '', 'amount' => 0];
            $in_emp_40 = ['qty' => '', 'amount' => 0];
            $in_fcl_trans_20 = ['qty' => '', 'amount' => 0];
            $in_fcl_trans_40 = ['qty' => '', 'amount' => 0];
            $in_fcl_restow_20 = ['qty' => '', 'amount' => 0];
            $in_fcl_restow_40 = ['qty' => '', 'amount' => 0];
            $in_emp_restow_20 = ['qty' => '', 'amount' => 0];
            $in_emp_restow_40 = ['qty' => '', 'amount' => 0];
            $in_fcl_sob_20 = ['qty' => '', 'amount' => 0];
            $in_fcl_sob_40 = ['qty' => '', 'amount' => 0];
            $in_emp_sob_20 = ['qty' => '', 'amount' => 0];
            $in_emp_sob_40 = ['qty' => '', 'amount' => 0];
            $in_oog_20 = ['qty' => '', 'amount' => 0];
            $in_oog_40 = ['qty' => '', 'amount' => 0];
            $in_breakbulk = ['qty' => '', 'amount' => 0];
            $in_master_packs = ['qty' => '', 'amount' => 0];
            $in_steel = ['qty' => '', 'amount' => 0];
            $in_vehicles = ['qty' => '', 'amount' => 0];
            $in_dry_bulk = ['qty' => '', 'amount' => 0];
            $in_others = ['qty' => '', 'amount' => 0];

            $out_fcl_20 = ['qty' => '', 'amount' => 0];
            $out_fcl_40 = ['qty' => '', 'amount' => 0];
            $out_emp_20 = ['qty' => '', 'amount' => 0];
            $out_emp_40 = ['qty' => '', 'amount' => 0];
            $out_fcl_trans_20 = ['qty' => '', 'amount' => 0];
            $out_fcl_trans_40 = ['qty' => '', 'amount' => 0];
            $out_fcl_restow_20 = ['qty' => '', 'amount' => 0];
            $out_fcl_restow_40 = ['qty' => '', 'amount' => 0];
            $out_emp_restow_20 = ['qty' => '', 'amount' => 0];
            $out_emp_restow_40 = ['qty' => '', 'amount' => 0];
            $out_fcl_sob_20 = ['qty' => '', 'amount' => 0];
            $out_fcl_sob_40 = ['qty' => '', 'amount' => 0];
            $out_emp_sob_20 = ['qty' => '', 'amount' => 0];
            $out_emp_sob_40 = ['qty' => '', 'amount' => 0];
            $out_oog_20 = ['qty' => '', 'amount' => 0];
            $out_oog_40 = ['qty' => '', 'amount' => 0];
            $out_breakbulk = ['qty' => '', 'amount' => 0];
            $out_master_packs = ['qty' => '', 'amount' => 0];
            $out_steel = ['qty' => '', 'amount' => 0];
            $out_vehicles = ['qty' => '', 'amount' => 0];
            $out_dry_bulk = ['qty' => '', 'amount' => 0];
            $out_others = ['qty' => '', 'amount' => 0];
    @endphp
    @if(Session::has('draft_data'))
        @php
            $data = Session::get('draft_data');
        @endphp
    @endif

    @if($data)
        @php
            function create_object($row_data, $rate, $table_type){
                if (is_null($row_data)){
                    return ['qty' => '', 'amount' => 0];
                }else{
                    return ['qty' => $row_data->qty, 'amount' => $row_data->qty * $rate];
                }
            }

            $in_fcl_20 = create_object((empty($data['vessel_deposit_data']['in_fcl_20']) ? null : $data['vessel_deposit_data']['in_fcl_20']), 150.00, 'in');
            $in_fcl_40 = create_object((empty($data['vessel_deposit_data']['in_fcl_40']) ? null : $data['vessel_deposit_data']['in_fcl_40']), 225.00, 'in');
            $in_emp_20 = create_object((empty($data['vessel_deposit_data']['in_emp_20']) ? null : $data['vessel_deposit_data']['in_emp_20']), 80.00, 'in');
            $in_emp_40 = create_object((empty($data['vessel_deposit_data']['in_emp_40']) ? null : $data['vessel_deposit_data']['in_emp_40']), 120.00, 'in');
            $in_fcl_trans_20 = create_object((empty($data['vessel_deposit_data']['in_fcl_trans_20']) ? null : $data['vessel_deposit_data']['in_fcl_trans_20']), 80.00, 'in');
            $in_fcl_trans_40 = create_object((empty($data['vessel_deposit_data']['in_fcl_trans_40']) ? null : $data['vessel_deposit_data']['in_fcl_trans_40']), 144.00, 'in');
            $in_fcl_restow_20 = create_object((empty($data['vessel_deposit_data']['in_fcl_restow_20']) ? null : $data['vessel_deposit_data']['in_fcl_restow_20']), 300.00, 'in');
            $in_fcl_restow_40 = create_object((empty($data['vessel_deposit_data']['in_fcl_restow_40']) ? null : $data['vessel_deposit_data']['in_fcl_restow_40']), 450.00, 'in');
            $in_emp_restow_20 = create_object((empty($data['vessel_deposit_data']['in_emp_restow_20']) ? null : $data['vessel_deposit_data']['in_emp_restow_20']), 160.00, 'in');
            $in_emp_restow_40 = create_object((empty($data['vessel_deposit_data']['in_emp_restow_40']) ? null : $data['vessel_deposit_data']['in_emp_restow_40']), 240.00, 'in');
            $in_fcl_sob_20 = create_object((empty($data['vessel_deposit_data']['in_fcl_sob_20']) ? null : $data['vessel_deposit_data']['in_fcl_sob_20']), 150.00, 'in');
            $in_fcl_sob_40 = create_object((empty($data['vessel_deposit_data']['in_fcl_sob_40']) ? null : $data['vessel_deposit_data']['in_fcl_sob_40']), 225.00, 'in');
            $in_emp_sob_20 = create_object((empty($data['vessel_deposit_data']['in_emp_sob_20']) ? null : $data['vessel_deposit_data']['in_emp_sob_20']), 80.00, 'in');
            $in_emp_sob_40 = create_object((empty($data['vessel_deposit_data']['in_emp_sob_40']) ? null : $data['vessel_deposit_data']['in_emp_sob_40']), 120.00, 'in');
            $in_oog_20 = create_object((empty($data['vessel_deposit_data']['in_oog_20']) ? null : $data['vessel_deposit_data']['in_oog_20']), 250.00, 'in');
            $in_oog_40 = create_object((empty($data['vessel_deposit_data']['in_oog_40']) ? null : $data['vessel_deposit_data']['in_oog_40']), 500.00, 'in');
            $in_breakbulk = create_object((empty($data['vessel_deposit_data']['in_breakbulk']) ? null : $data['vessel_deposit_data']['in_breakbulk']), 16.25, 'in');
            $in_master_packs = create_object((empty($data['vessel_deposit_data']['in_master_packs']) ? null : $data['vessel_deposit_data']['in_master_packs']), 73.10, 'in');
            $in_steel = create_object((empty($data['vessel_deposit_data']['in_steel']) ? null : $data['vessel_deposit_data']['in_steel']), 73.10, 'in');
            $in_vehicles = create_object((empty($data['vessel_deposit_data']['in_vehicles']) ? null : $data['vessel_deposit_data']['in_vehicles']), 12.90, 'in');
            $in_dry_bulk = create_object((empty($data['vessel_deposit_data']['in_dry_bulk']) ? null : $data['vessel_deposit_data']['in_dry_bulk']), 15.25, 'in');
            $in_others = create_object((empty($data['vessel_deposit_data']['in_others']) ? null : $data['vessel_deposit_data']['in_others']), 5.38, 'in');

            $out_fcl_20 = create_object((empty($data['vessel_deposit_data']['out_fcl_20']) ? null : $data['vessel_deposit_data']['out_fcl_20']), 150.00, 'out');
            $out_fcl_40 = create_object((empty($data['vessel_deposit_data']['out_fcl_40']) ? null : $data['vessel_deposit_data']['out_fcl_40']), 225.00, 'out');
            $out_emp_20 = create_object((empty($data['vessel_deposit_data']['out_emp_20']) ? null : $data['vessel_deposit_data']['out_emp_20']), 80.00, 'out');
            $out_emp_40 = create_object((empty($data['vessel_deposit_data']['out_emp_40']) ? null : $data['vessel_deposit_data']['out_emp_40']), 120.00, 'out');
            $out_fcl_trans_20 = create_object((empty($data['vessel_deposit_data']['out_fcl_trans_20']) ? null : $data['vessel_deposit_data']['out_fcl_trans_20']), 80.00, 'out');
            $out_fcl_trans_40 = create_object((empty($data['vessel_deposit_data']['out_fcl_trans_40']) ? null : $data['vessel_deposit_data']['out_fcl_trans_40']), 144.00, 'out');
            $out_fcl_restow_20 = create_object((empty($data['vessel_deposit_data']['out_fcl_restow_20']) ? null : $data['vessel_deposit_data']['out_fcl_restow_20']), 300.00, 'out');
            $out_fcl_restow_40 = create_object((empty($data['vessel_deposit_data']['out_fcl_restow_40']) ? null : $data['vessel_deposit_data']['out_fcl_restow_40']), 450.00, 'out');
            $out_emp_restow_20 = create_object((empty($data['vessel_deposit_data']['out_emp_restow_20']) ? null : $data['vessel_deposit_data']['out_emp_restow_20']), 160.00, 'out');
            $out_emp_restow_40 = create_object((empty($data['vessel_deposit_data']['out_emp_restow_40']) ? null : $data['vessel_deposit_data']['out_emp_restow_40']), 240.00, 'out');
            $out_fcl_sob_20 = create_object((empty($data['vessel_deposit_data']['out_fcl_sob_20']) ? null : $data['vessel_deposit_data']['out_fcl_sob_20']), 150.00, 'out');
            $out_fcl_sob_40 = create_object((empty($data['vessel_deposit_data']['out_fcl_sob_40']) ? null : $data['vessel_deposit_data']['out_fcl_sob_40']), 225.00, 'out');
            $out_emp_sob_20 = create_object((empty($data['vessel_deposit_data']['out_emp_sob_20']) ? null : $data['vessel_deposit_data']['out_emp_sob_20']), 80.00, 'out');
            $out_emp_sob_40 = create_object((empty($data['vessel_deposit_data']['out_emp_sob_40']) ? null : $data['vessel_deposit_data']['out_emp_sob_40']), 120.00, 'out');
            $out_oog_20 = create_object((empty($data['vessel_deposit_data']['out_oog_20']) ? null : $data['vessel_deposit_data']['out_oog_20']), 250.00, 'out');
            $out_oog_40 = create_object((empty($data['vessel_deposit_data']['out_oog_40']) ? null : $data['vessel_deposit_data']['out_oog_40']), 500.00, 'out');
            $out_breakbulk = create_object((empty($data['vessel_deposit_data']['out_breakbulk']) ? null : $data['vessel_deposit_data']['out_breakbulk']), 16.25, 'out');
            $out_master_packs = create_object((empty($data['vessel_deposit_data']['out_master_packs']) ? null : $data['vessel_deposit_data']['out_master_packs']), 73.10, 'out');
            $out_steel = create_object((empty($data['vessel_deposit_data']['out_steel']) ? null : $data['vessel_deposit_data']['out_steel']), 73.10, 'out');
            $out_vehicles = create_object((empty($data['vessel_deposit_data']['out_vehicles']) ? null : $data['vessel_deposit_data']['out_vehicles']), 12.90, 'out');
            $out_dry_bulk = create_object((empty($data['vessel_deposit_data']['out_dry_bulk']) ? null : $data['vessel_deposit_data']['out_dry_bulk']), 15.25, 'out');
            $out_others = create_object((empty($data['vessel_deposit_data']['out_others']) ? null : $data['vessel_deposit_data']['out_others']), 5.38, 'out');

            $inward_total = $in_fcl_20['amount'] + $in_fcl_40['amount'] + $in_emp_20['amount'] + $in_emp_40['amount'] + $in_fcl_trans_20['amount'] +
                $in_fcl_trans_40['amount'] + $in_fcl_restow_20['amount'] + $in_fcl_restow_40['amount'] + $in_emp_restow_20['amount'] +
                $in_emp_restow_40['amount'] + $in_fcl_sob_20['amount'] + $in_fcl_sob_40['amount'] + $in_emp_sob_20['amount'] +
                $in_emp_sob_40['amount'] + $in_oog_20['amount'] + $in_oog_40['amount'] + $in_breakbulk['amount'] +
                $in_master_packs['amount'] + $in_steel['amount'] +  $in_vehicles['amount'] + $in_dry_bulk['amount'] + $in_others['amount'];

            $outward_total = $out_fcl_20['amount'] +  $out_fcl_40['amount'] + $out_emp_20['amount'] + $out_emp_40['amount'] +
                $out_fcl_trans_20['amount'] + $out_fcl_trans_40['amount'] + $out_fcl_restow_20['amount'] + $out_fcl_restow_40['amount'] +
                $out_emp_restow_20['amount'] +  $out_emp_restow_40['amount'] + $out_fcl_sob_20['amount'] + $out_fcl_sob_40['amount'] +
                $out_emp_sob_20['amount'] + $out_emp_sob_40['amount'] + $out_oog_20['amount'] + $out_oog_40['amount'] +
                $out_breakbulk['amount'] + $out_master_packs['amount'] +   $out_steel['amount'] +  $out_vehicles['amount'] +
                $out_dry_bulk['amount'] + $out_others['amount']
        @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-12 col-md-6 row">
                <div class="col-md-3">
                    <label>VESSEL NAME:</label>
                </div>
                <div class="col-md-9">
                    <input required name="vessel_name" type="text3" maxlength="30" class="w-100"
                           value="@if($data) {{$data[0]->vessel_name}} @endif"/>
                </div>
            </div>
            <div class="col-12 col-md-6 row">
                <div class="col-md-3 label-container1">
                    <label>ETA:</label>
                </div>
                <div class="col-md-9">
                    <input required name="eta" type="datetime-local" style="text-transform: uppercase" class="w-100"
                           value="{{($data AND $data[0]->eta) ? date('Y-m-d\TH:i', strtotime($data[0]->eta)) : ''}}"/>
                </div>
            </div>
        </div>

        <div class="row mt-3">
            <div class="col-md-6 row">
                <div class="col-md-3">
                    <label>VOYAGE NO:</label>
                </div>
                <div class="col-md-3 full-width-input-container">
                    <input required name="voyage_no" type="text4" maxlength="6"
                           value="@if($data) {{$data[0]->voyage_no}} @endif"/>
                </div>
                <div class="col-md-2 label-container1">
                    <label>PORT:</label>
                </div>

                <div class="col-md-4 full-width-input-container">
                    <select name="port" id="port" class="w-100"
                            style="border: 1px solid">
                        <option value="" style="display:none" disabled selected>SELECT</option>
                        <option value="Suva" @if($data AND $data[0]->port === 'Suva') selected @endif>SUVA</option>
                        <option value="Lautoka" @if($data AND $data[0]->port === 'Lautoka') selected @endif>LAUTOKA
                        </option>
                    </select>
                    {{--                    <input required name="port" type="text5">--}}
                </div>
                {{-- ----------------                   --}}
            </div>
            <div class="col-md-6 row">
                <div class="col-md-3 label-container1">
                    <label>ETD:</label>
                </div>
                <div class="col-md-9">
                    <input required name="etd" type="datetime-local" style="text-transform: uppercase" class="w-100"
                           value="{{($data AND $data[0]->etd) ? date('Y-m-d\TH:i', strtotime($data[0]->etd)) : ''}}"/>
                </div>
            </div>
        </div>

        <div class="row mt-3">
            <div class="col-md-6 row">
                <div class="col-md-3">
                    <label>ROTATION NO:</label>
                </div>
                <div class="col-md-3 full-width-input-container">
                    <input required name="rotations_no" type="text4" maxlength="6"
                           value="@if($data) {{$data[0]->rotations_no}} @endif"/>
                </div>
                <div class="col-md-2 label-container1">
                    <label>GRT:</label>
                </div>
                <div class="col-md-4">
                    <input required name="grt" type="text5" class="w-100"
                           value="@if($data) {{$data[0]->grt}} @endif"/>
                </div>
            </div>
        </div>

        <div class="form-table-container mt-4">
            <table class="table-vd-inward">
                <thead>
                <tr style="background: #166B8C;color: white;text-align: center">
                    <th>INWARD</th>
                    <th>UNITS</th>
                    <th style="width: 140px !important;">QUANTITY</th>
                    <th>RATES</th>
                    <th>AMOUNT</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>FCL</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="in_qty[]" type="number" class="in_qty" data-name="fcl_20" maxlength="3"
                               onkeyup="table1f(0)" style="text-align: center"
                               value="{{$in_fcl_20['qty']}}"/></td>
                    <td style="text-align: center">$ <span class='rates fcl_20'>150.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_fcl_20['amount'],2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="fcl_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="in_qty[]" class="in_qty" type="number" data-name="fcl_40" maxlength="3"
                               onkeyup="table1f(1)" style="text-align: center"
                               value="{{$in_fcl_40 ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates fcl_40">225.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_fcl_40 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="fcl_40">
                </tr>
                <tr>
                    <td>EMPTIES</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="in_qty[]" class="in_qty" type="number" data-name="emp_20" maxlength="3"
                               onkeyup="table1f(2)" style="text-align: center"
                               value="{{$in_emp_20 ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates emp_20">80.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_emp_20 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="emp_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="in_qty[]" style="text-align: center" class="in_qty" data-name="emp_40"
                               type="number" maxlength="3" onkeyup="table1f(3)"
                               value="{{$in_emp_40 ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates emp_40">120.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_emp_40 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="emp_40">
                </tr>
                <tr>
                    <td>FCL TRANSHIPMENT</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="fcl_trans_20" maxlength="3" onkeyup="table1f(4)"
                               value="{{$in_fcl_trans_20 ['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates fcl_trans_20">80.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_fcl_trans_20 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="fcl_trans_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="fcl_trans_40" maxlength="3"
                               onkeyup="table1f(5)" value="{{$in_fcl_trans_40 ['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates fcl_trans_40">144.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_fcl_trans_40 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="fcl_trans_40">
                </tr>
                <tr>
                    <td>FCL RESTOW</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="fcl_restow_20" maxlength="3"
                               onkeyup="table1f(6)" value="{{$in_fcl_restow_20 ['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates fcl_restow_20">300.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_fcl_restow_20 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="fcl_restow_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="fcl_restow_40" maxlength="3"
                               onkeyup="table1f(7)" value="{{$in_fcl_restow_40 ['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates fcl_restow_40">450.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_fcl_restow_40 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="fcl_restow_40">
                </tr>
                <tr>
                    <td>EMPTIES RESTOW</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="emp_restow_20" maxlength="3"
                               onkeyup="table1f(8)" value="{{$in_emp_restow_20 ['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates emp_restow_20">160.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_emp_restow_20 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="emp_restow_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="emp_restow_40" maxlength="3"
                               onkeyup="table1f(9)" value="{{$in_emp_restow_40 ['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates emp_restow_40">240.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_emp_restow_40 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="emp_restow_40">
                </tr>
                <tr>
                    <td>FCL SOB</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="fcl_sob_20" maxlength="3"
                               onkeyup="table1f(10)" value="{{$in_fcl_sob_20 ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates fcl_sob_20">150.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_fcl_sob_20 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="fcl_sob_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="fcl_sob_40" maxlength="3"
                               onkeyup="table1f(11)" value="{{$in_fcl_sob_40 ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates fcl_sob_40">225.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_fcl_sob_40 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="fcl_sob_40">
                </tr>
                <tr>
                    <td>EMPTIES SOB</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="emp_sob_20" maxlength="3"
                               onkeyup="table1f(12)" value="{{$in_emp_sob_20 ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates emp_sob_20">80.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_emp_sob_20 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="emp_sob_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="emp_sob_40" maxlength="3"
                               onkeyup="table1f(13)" value="{{$in_emp_sob_40 ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates emp_sob_40">120.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_emp_sob_40 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="emp_sob_40">
                </tr>
                <tr>
                    <td>OOG</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="oog_20" maxlength="3"
                               onkeyup="table1f(14)" value="{{$in_oog_20 ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates oog_20">250.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_oog_20 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="oog_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="oog_40" maxlength="3"
                               onkeyup="table1f(15)" value="{{$in_oog_40 ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates oog_40">500.00</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_oog_40 ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="oog_40">
                </tr>
                <tr>
                    <td>BREAKBULK</td>
                    <td></td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="breakbulk" maxlength="3"
                               onkeyup="table1f(16)" value="{{$in_breakbulk ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates breakbulk">16.25</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_breakbulk ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="breakbulk">
                </tr>
                <tr>
                    <td>MASTER PACKS</td>
                    <td></td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="master_packs" maxlength="3"
                               onkeyup="table1f(17)" value="{{$in_master_packs ['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates master_packs">73.10</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_master_packs ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="master_packs">
                </tr>
                <tr>
                    <td>STEEL</td>
                    <td></td>
                    <td><input name="in_qty[]" type="number" class="in_qty" style="text-align: center" data-name="steel"
                               maxlength="3"
                               onkeyup="table1f(18)" value="{{$in_steel ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates steel">73.10</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_steel ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="steel">
                </tr>
                <tr>
                    <td>VEHICLES</td>
                    <td></td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="vehicles" maxlength="3"
                               onkeyup="table1f(19)" value="{{$in_vehicles ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates vehicles">12.90</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_vehicles ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="vehicles">
                </tr>
                <tr>
                    <td>DRY BULK</td>
                    <td></td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="dry_bulk" maxlength="3"
                               onkeyup="table1f(20)" value="{{$in_dry_bulk ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates dry_bulk">15.25</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_dry_bulk ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="dry_bulk">
                </tr>
                <tr>
                    <td>OTHERS:</td>
                    <td></td>
                    <td><input name="in_qty[]" type="number" style="text-align: center" class="in_qty"
                               data-name="others" maxlength="3"
                               onkeyup="table1f(21)" value="{{$in_others ['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates others">5.38</span></td>
                    <td style="text-align: center">$ <span
                            class="in_amount">{{number_format($in_others ['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="in_row_ref[]" value="others">
                </tr>
                <tr>
                    <th colspan="5">SUB-TOTAL <span class="sub-total-inward"
                                                    style="float: right">$ {{number_format($inward_total, 2)}}</span>
                    </th>
                </tr>

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

        {{-- <div class="vd-inward-add-button vessel-deposit-form-btn1">
            <button>+</button>
        </div> --}}

        <div class="form-table-container mt-4">
            <table class="table-vd-outward">
                <thead>
                <tr style="text-align: center;background: #166B8C;color: white">
                    <th>OUTWARD</th>
                    <th>UNITS</th>
                    <th style="width: 140px">QUANTITY</th>
                    <th>RATES</th>
                    <th>AMOUNT</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>FCL</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="fcl_20" maxlength="3"
                               onkeyup="table2f(0)"
                               value="{{$out_fcl_20['qty']}}"/></td>
                    <td style="text-align: center">$ <span class='rates fcl_20'>150.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_fcl_20['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="fcl_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="out_qty[]" class="out_qty" style="text-align: center" type="number"
                               data-name="fcl_40" maxlength="3"
                               onkeyup="table2f(1)"
                               value="{{$out_fcl_40['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates fcl_40">225.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_fcl_40['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="fcl_40">
                </tr>
                <tr>
                    <td>EMPTIES</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="out_qty[]" class="out_qty" style="text-align: center" type="number"
                               data-name="emp_20" maxlength="3" onkeyup="table2f(2)"
                               value="{{$out_emp_20['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates emp_20">80.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_emp_20['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="emp_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="out_qty[]" class="out_qty" style="text-align: center" data-name="emp_40"
                               type="number" maxlength="3" onkeyup="table2f(3)"
                               value="{{$out_emp_40['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates emp_40">120.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_emp_40['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="emp_40">
                </tr>
                <tr>
                    <td>FCL TRANSHIPMENT</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="fcl_trans_20" maxlength="3" onkeyup="table2f(4)"
                               value="{{$out_fcl_trans_20['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates fcl_trans_20">80.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_fcl_trans_20['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="out_row_ref[]" value="fcl_trans_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="fcl_trans_40" maxlength="3" onkeyup="table2f(5)"
                               value="{{$out_fcl_trans_40['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates fcl_trans_40">144.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_fcl_trans_40['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="out_row_ref[]" value="fcl_trans_40">
                </tr>
                <tr>
                    <td>FCL RESTOW</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="fcl_restow_20" maxlength="3" onkeyup="table2f(6)"
                               value="{{$out_fcl_restow_20['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates fcl_restow_20">300.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_fcl_restow_20['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="out_row_ref[]" value="fcl_restow_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="fcl_restow_40" maxlength="3" onkeyup="table2f(7)"
                               value="{{$out_fcl_restow_40['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates fcl_restow_40">450.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_fcl_restow_40['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="out_row_ref[]" value="fcl_restow_40">
                </tr>
                <tr>
                    <td>EMPTIES RESTOW</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="emp_restow_20" maxlength="3" onkeyup="table2f(8)"
                               value="{{$out_emp_restow_20['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates emp_restow_20">160.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_emp_restow_20['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="out_row_ref[]" value="emp_restow_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="emp_restow_40" maxlength="3" onkeyup="table2f(9)"
                               value="{{$out_emp_restow_40['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates emp_restow_40">240.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_emp_restow_40['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="out_row_ref[]" value="emp_restow_40">
                </tr>
                <tr>
                    <td>FCL SOB</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="fcl_sob_20" maxlength="3" onkeyup="table2f(10)"
                               value="{{$out_fcl_sob_20['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates fcl_sob_20">150.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_fcl_sob_20['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="fcl_sob_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="fcl_sob_40" maxlength="3" onkeyup="table2f(11)"
                               value="{{$out_fcl_sob_40['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates fcl_sob_40">225.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_fcl_sob_40['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="fcl_sob_40">
                </tr>
                <tr>
                    <td>EMPTIES SOB</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="emp_sob_20" maxlength="3" onkeyup="table2f(12)"
                               value="{{$out_emp_sob_20['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates emp_sob_20">80.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_emp_sob_20['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="emp_sob_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="emp_sob_40" maxlength="3" onkeyup="table2f(13)"
                               value="{{$out_emp_sob_40['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates emp_sob_40">120.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_emp_sob_40['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="emp_sob_40">
                </tr>
                <tr>
                    <td>OOG</td>
                    <td style="text-align: center">20'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="oog_20" maxlength="3" onkeyup="table2f(14)"
                               value="{{$out_oog_20['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates oog_20">250.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_oog_20['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="oog_20">
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align: center">40'</td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="oog_40" maxlength="3" onkeyup="table2f(15)"
                               value="{{$out_oog_40['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates oog_40">500.00</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_oog_40['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="oog_40">
                </tr>
                <tr>
                    <td>BREAKBULK</td>
                    <td></td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="breakbulk" maxlength="3" onkeyup="table2f(16)"
                               value="{{$out_breakbulk['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates breakbulk">16.25</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_breakbulk['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="breakbulk">
                </tr>
                <tr>
                    <td>MASTER PACKS</td>
                    <td></td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="master_packs" maxlength="3" onkeyup="table2f(17)"
                               value="{{$out_master_packs['qty']}}"/>
                    </td>
                    <td style="text-align: center">$ <span class="rates master_packs">73.10</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_master_packs['amount'], 2)}}</span>
                    </td>
                    <input type="hidden" name="out_row_ref[]" value="master_packs">
                </tr>
                <tr>
                    <td>STEEL</td>
                    <td></td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="steel" maxlength="3" onkeyup="table2f(18)"
                               value="{{$out_steel['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates steel">73.10</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_steel['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="steel">
                </tr>
                <tr>
                    <td>VEHICLES</td>
                    <td></td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="vehicles" maxlength="3" onkeyup="table2f(19)"
                               value="{{$out_vehicles['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates vehicles">12.90</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_vehicles['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="vehicles">
                </tr>
                <tr>
                    <td>DRY BULK</td>
                    <td></td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="dry_bulk" maxlength="3" onkeyup="table2f(20)"
                               value="{{$out_dry_bulk['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates dry_bulk">15.25</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_dry_bulk['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="dry_bulk">
                </tr>
                <tr>
                    <td>OTHERS:</td>
                    <td></td>
                    <td><input name="out_qty[]" type="number" style="text-align: center" class="out_qty"
                               data-name="others" maxlength="3" onkeyup="table2f(21)"
                               value="{{$out_others['qty']}}"/></td>
                    <td style="text-align: center">$ <span class="rates others">5.38</span></td>
                    <td style="text-align: center">$ <span
                            class="out_amount">{{number_format($out_others['amount'], 2)}}</span></td>
                    <input type="hidden" name="out_row_ref[]" value="others">
                </tr>
                <tr>
                    <th colspan="5">SUB-TOTAL <span class="sub-total-outward" style="float: right">
                            $ {{number_format($outward_total, 2)}}
                        </span></th>
                </tr>

                </tbody>
            </table>
        </div>
    {{-- <div class="vd-outward-add-button vessel-deposit-form-btn2">
        <button>+</button>
    </div> --}}

    <!-- <div class="vd-subtotal row">
                <div class="col-md-9">
                    <label>SUB-TOTAL</label>
                </div>
                <div class="col-md-3">
                    <input name="sub_total" type="text3_s">
                </div>
            </div> -->
        <div class="vd-subtotal row">
            <div class="col-md-9">
                <label>TOTAL DEPOSIT FOR THIS VOYAGE</label>
            </div>
            <div class="col-md-3">
                <span class="total-deposit">$ {{number_format(($inward_total + $outward_total), 2)}}</span>
            </div>
        </div>
        <div class="vd-subtotal row">
            <div class="col-md-9">
                <label>PAYMENT REFERENCE NUMBER</label>
            </div>
            <div class="col-md-3">
                <input name="online_ref_num" required type="text3_s"
                       value="{{$data ? $data[0]->online_ref_num : ''}}">
            </div>
        </div>

        <div class="row mt-3">
            <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="vd-total-in-this-voyage">

        </div>
        <div class="vd-online-ref-number">

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

            <label class="container_checkmark d-flex">
                <input type="checkbox" required>
                <span class="checkmark"></span>
                <div class="ml-3" style="margin-top: -5px">
                    We Agents hereby declare that the above information are true and correct
                    and confirm that the above computed vessel deposit amount has been already transferred to FPTL bank
                    account. <br>

                    Submitting false information may lead to suspension of operations and incur penalty charges.
                </div>
            </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>

<style>
    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }
</style>

@include('layouts.footer')