@extends('master')
@section('title')
    Edit Booking
@endsection
@section('content')
    <div class="container-fluid pt-4 px-4" style="min-height: 75vh;">
        <div class="row g-4">
            @if (Session::has('success'))
                <div class="col-lg-5">
                    <div class="alert alert-success" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        <i class="fa fa-check-circle-o mr-2" aria-hidden="true"></i> {{ Session::get('success') }}
                    </div>
                </div>
            @elseif (Session::has('danger'))
                <div class="col-lg-5">
                    <div class="alert alert-danger" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        <i class="fa fa-check-circle-o mr-2" aria-hidden="true"></i> {{ Session::get('danger') }}
                    </div>
                </div>
            @endif
            <div class="col-sm-12 col-xl-12">
                <div class="bg-light rounded h-100 p-4">
                    <h6 class="mb-4">Edit Booking</h6>
                    <form action="{{ route('booking.update', ['booking_no' => $booking->booking_no ]) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col-sm-12 col-xl-4">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Date</label>
                                    <input type="date" class="form-control" name="Date" value="{{ $booking->date }}" readonly>
                                    <input type="hidden" class="form-control" name="booking_no" value="{{ $booking->booking_no }}">
                                </div>
                            </div>
                            <div class="col-sm-12 col-xl-4">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Account No</label>
                                    <input type="account_no" class="form-control" name="account_no" value="{{ $booking->account_no }}" placeholder="Enter Account No">
                                </div>
                            </div>
                            <div class="col-sm-12 col-xl-4">
                                <div class="mb-3">
                                    <div class="form-group">
                                        <label class="form-label"> {{ __('Origin') }} </label>
                                        <select name="origin" class="form-control select2-show-search" style="width:100%" data-placeholder="Choose one">
                                            <option value="">Select Origin</option>
                                            @foreach ($country as $item)
                                                <option value="{{ $item->id }}" {{ $booking->origin == $item->id ? 'selected' : '' }}>{{ $item->code }} - {{ $item->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-xl-4">
                                <div class="mb-3">
                                    <div class="form-group">
                                        <label class="form-label"> {{ __('Destination') }} </label>
                                        <select name="destination" class="form-control class-select" style="width:100%" data-placeholder="Choose one">
                                            <option value="">Select Destination</option>
                                            @foreach ($country as $item)
                                                <option value="{{ $item->id }}" {{ $booking->destination == $item->id ? 'selected' : '' }}>{{ $item->code }} - {{ $item->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-xl-4">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Service</label>
                                    <select name="service" class="form-control" style="width:100%" data-placeholder="Choose one" required>
                                        <option value="">Select Service</option>
                                        @foreach ($service as $item)
                                            <option value="{{ $item->id }}" {{ $booking->service == $item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-12 col-xl-4">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Dox/Spx</label>
                                    <select name="dox_spx" class="form-control">
                                        <option value="Pices" {{ $booking->spx_dpx == 'Pices' ? 'selected' : '' }}>Pices</option>
                                        <option value="Box" {{ $booking->spx_dpx == 'Box' ? 'selected' : '' }}>Box</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-xl-4">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Pieces</label>
                                    <input type="text" class="form-control" name="price" value="{{ $booking->price }}" placeholder="Enter Price">
                                </div>
                            </div>
                            <div class="col-sm-12 col-xl-4">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Weight(KG)</label>
                                    <input type="text" class="form-control" name="weight" value="{{ $booking->weight }}" placeholder="Enter weight" required>
                                </div>
                            </div>
                            <div class="col-sm-12 col-xl-4">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Charge</label>
                                    <input type="text" class="form-control charge" name="charge" value="{{ $booking->charge }}" placeholder="Enter Charge" required>
                                </div>
                            </div>

 <div class="col-sm-12 col-xl-4">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Company</label>
                                    <select name="company_id" class="form-control" style="width:100%" data-placeholder="Choose one" required>
                                        <option value="">Select Company</option>
                                        @foreach ($compnay as $item)
                                            <option value="{{ $item->id }}" {{ $booking->company_id == $item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                             <div class="col-sm-12 col-xl-4">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Agent</label>
                                    <select name="agent_id" class="form-control" style="width:100%" data-placeholder="Choose one" required>
                                        <option value="">Select Agent</option>
                                        @foreach ($agents as $item)
                                            <option value="{{ $item->id }}" {{ $booking->agent_id == $item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>









                        </div>
                        <div class="row">
                            <div class="col-lg-6 card p-3 mr-2 ml-3" style="max-width: 48%;">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Shipper:</label>
                                    <input type="text" class="form-control" name="shipper" value="{{ $booking->shipper }}" placeholder="Enter Shipper name">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Contact Person</label>
                                    <input type="text" class="form-control" name="shipper_contact_person" value="{{ $booking->shipper_contact_person }}" placeholder="Enter contact person">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Contact No</label>
                                    <input type="text" class="form-control" placeholder="Enter Your Contact No" name="shipper_contact_no" value="{{ $booking->shipper_contact_no }}">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Address1</label>
                                    <input type="text" class="form-control" name="shipper_address" value="{{ $booking->shipper_address }}" placeholder="Enter address">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Address2</label>
                                    <input type="text" class="form-control" name="shipper_address_two" value="{{ $booking->shipper_address_two }}" placeholder="Enter address">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Address3</label>
                                    <input type="text" class="form-control" name="shipper_address_three" value="{{ $booking->shipper_address_three }}" placeholder="Enter address">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">City</label>
                                    <input type="text" class="form-control" placeholder="Enter Your City" name="shipper_city" value="{{ $booking->shipper_city }}">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">State</label>
                                    <input type="text" class="form-control" placeholder="Enter Your State" name="shipper_state" value="{{ $booking->shipper_state }}">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Post Code</label>
                                    <input type="text" class="form-control" placeholder="Enter post code" name="shipper_postcode" value="{{ $booking->shipper_postcode }}">
                                </div>
                                <div class="mb-3">
                                    <div class="form-group">
                                        <label class="form-label"> {{ __('Country') }} </label>
                                        <select name="shipper_country" class="form-control" style="width:100%" data-placeholder="Choose one">
                                            <option value="">Select Country</option>
                                            @foreach ($country as $item)
                                                <option value="{{ $item->id }}" {{ $booking->shipper_country == $item->id ? 'selected' : '' }}>{{ $item->code }} - {{ $item->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 card p-3" style="max-width: 48%;">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Consignee:</label>
                                    <input type="text" class="form-control" name="consignee" value="{{ $booking->consignee }}" placeholder="Enter consignee name">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Contact Person</label>
                                    <input type="text" class="form-control" name="consignee_contact_person" value="{{ $booking->consignee_contact_person }}" placeholder="Enter contact person">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Contact No</label>
                                    <input type="text" class="form-control" placeholder="Enter Your Contact No" name="consignee_contact_no" value="{{ $booking->consignee_contact_no }}">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Address1</label>
                                    <input type="text" class="form-control" name="consignee_address" value="{{ $booking->consignee_address }}" placeholder="Enter address">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Address2</label>
                                    <input type="text" class="form-control" name="consignee_address_two" value="{{ $booking->consignee_address_two }}" placeholder="Enter address">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Address3</label>
                                    <input type="text" class="form-control" name="consignee_address_three" value="{{ $booking->consignee_address_three }}" placeholder="Enter address">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">City</label>
                                    <input type="text" class="form-control" placeholder="Enter Your City" name="consignee_city" value="{{ $booking->consignee_city }}">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">State</label>
                                    <input type="text" class="form-control" placeholder="Enter Your State" name="consignee_state" value="{{ $booking->consignee_state }}">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Post Code</label>
                                    <input type="text" class="form-control" placeholder="Enter post code" name="consignee_post_code" value="{{ $booking->consignee_post_code }}">
                                </div>
                                <div class="mb-3">
                                    <div class="form-group">
                                        <label class="form-label"> {{ __('Country') }} </label>
                                        <select name="consignee_country" class="form-control" style="width:100%" data-placeholder="Choose one">
                                            <option value="">Select Country</option>
                                            @foreach ($country as $item)
                                                <option value="{{ $item->id }}" {{ $booking->consignee_country == $item->id ? 'selected' : '' }}>{{ $item->code }} - {{ $item->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-xl-12">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Descriptions Of Goods</label>
                                    <textarea name="description_of_good" class="form-control" id="" cols="10" rows="5">{{ $booking->description_of_goods }}</textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-xl-12">
                                <div class="mb-3">
                                    <div class="table-responsive overflow-auto h-540" style="" data-simplebar>
                                        <table id="productTable" class="table align-middle table-bordered">
                                            <thead>
                                                <tr>
                                                    <th style="text-align: center; width: 5%;">SL</th>
                                                    <th style="text-align: center; width: 30%;">Description Of Goods</th>
                                                    <th style="text-align: center; width: 15%;">Weight</th>
                                                    <th style="text-align: center; width: 15%;">Price</th>
                                                    <th style="text-align: center; width: 15%;">Value</th>
                                                    <th style="text-align: center; width: 10%;">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody class="text-body o-sortable">
                                                @foreach($invoices as $index => $invoice)
                                                <tr>
                                                    <td class="sl-col text-center">{{ $index + 1 }}</td>
                                                    <td><input type="text" name="descriptions[]" class="form-control w-100" placeholder="Description" value="{{ $invoice->description }}"></td>
                                                    <td><input type="number" name="weights[]" class="form-control" placeholder="Weight" value="{{ $invoice->weight }}"></td>
                                                    <td><input type="number" name="prices[]" class="form-control" placeholder="Price" value="{{ $invoice->price }}"></td>
                                                    <td><input type="number" name="values[]" class="form-control" placeholder="Value" value="{{ $invoice->value }}"></td>
                                                    <td class="text-center">
                                                        <button type="button" class="btn btn-danger btn-sm removerow">
                                                            <i class="fas fa-trash-alt"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                        <button type="button" style="margin-left: 19px; margin-top: 10px;" class="btn btn-primary text-center" id="addrow">
                                            <i class="fas fa-plus"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-xl-6">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">CP/PP</label>
                                    <select name="cp_pp" class="form-control select2-show-search" style="width:100%" data-placeholder="Choose one">
                                        <option value="PostPaid" {{ $booking->cp_pp == 'PostPaid' ? 'selected' : '' }}>PostPaid</option>
                                        <option value="Prepaid" {{ $booking->cp_pp == 'Prepaid' ? 'selected' : '' }}>Prepaid</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-12 col-xl-6">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Bill Amount</label>
                                    <input type="text" name="bill_amount" class="form-control bill-amount" value="{{ $booking->bill_amount }}" placeholder="Enter Bill amount" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-xl-6">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Collect Amount</label>
                                    <input type="text" class="form-control" name="collect_amount" value="{{ $booking->collect_amount }}" placeholder="Enter Collect Amount">
                                </div>
                            </div>
                            <div class="col-sm-12 col-xl-6">
                                <div class="mb-3">
                                    <div class="form-group">
                                        <label class="form-label"> {{ __('Insurance') }} </label>
                                        <select name="insurance" class="form-control select2-show-search" style="width:100%" data-placeholder="Choose one">
                                            <option value="Yes" {{ $booking->insurance == 'Yes' ? 'selected' : '' }}>Yes</option>
                                            <option value="No" {{ $booking->insurance == 'No' ? 'selected' : '' }}>No</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
<div class="row">
    <div class="col-sm-12 col-xl-12 offset-md-11">
        <button type="submit" class="btn btn-primary">Update Booking</button>
    </div>
</div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script>
        $(document).ready(function() {
            new DataTable('#example', {
                fixedHeader: true
            });
        });
    </script>
    <script>
        $(document).on('keyup', '.charge', function() {
            var charge = $('.charge').val();
            $('.bill-amount').val(charge);
        });
    </script>
    <script>
        $(document).ready(function() {
            function updateSerialNumbers() {
                $('#productTable tbody tr').each(function(index) {
                    $(this).find('td.sl-col').text(index + 1);
                });
            }

            $('#addrow').click(function() {
                let row = `
                <tr>
                    <td class="sl-col text-center"></td>
                    <td><input type="text" name="descriptions[]" class="form-control w-100" placeholder="Description"></td>
                    <td><input type="number" name="weights[]" class="form-control" placeholder="Weight"></td>
                    <td><input type="number" name="prices[]" class="form-control" placeholder="Price"></td>
                    <td><input type="number" name="values[]" class="form-control" placeholder="Value"></td>
                    <td class="text-center">
                        <button type="button" class="btn btn-danger btn-sm removerow">
                            <i class="fas fa-trash-alt"></i>
                        </button>
                    </td>
                </tr>
            `;
                $('#productTable tbody').append(row);
                updateSerialNumbers();
            });

            $(document).on('click', '.removerow', function() {
                $(this).closest('tr').remove();
                updateSerialNumbers();
            });
        });
    </script>
@endsection