@extends('layouts.usermaster')
@section('style')
    <style>
        /* CSS for responsiveness */
        @media (max-width: 767px) { /* Adjust this breakpoint as needed */
            .table-responsive {
                overflow-x: auto;
            }
            .table-responsive .table {
                margin-bottom: 0; /* Adjust margin as needed */
            }
        }
        .new{
            float: inline-end;
        }
    </style>
@endsection
@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">Booking show</h1>
        </div><!-- /.col -->
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ url('/user/dashboard') }}">Home</a></li>
            <li class="breadcrumb-item active">Booking show</li>
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->
  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">

      <!-- Main row -->
      <div class="row">
        <!-- Left col -->
        <section class="col-lg-12">
          <!-- Custom tabs (Charts with tabs)-->
          <div class="card">
            <div class="card-header">
              {{-- <h3 class="card-title">
                <i class="fas fa-chart-pie mr-1"></i>
                Sales
              </h3> --}}
              <div class="card-tools">
                <ul class="nav nav-pills ml-auto">
                  <li class="nav-item">
                    {{-- <a class="nav-link" href="#revenue-chart" data-toggle="tab">Create</a> --}}
                    <button value="Back" type="Button" onclick="history.go(-1);" class="btn btn-info float-right">Back</button>
                  </li>
                  {{-- <li class="nav-item">
                    <a class="nav-link" href="#sales-chart" data-toggle="tab">Donut</a>
                  </li> --}}
                </ul>
              </div>
            </div><!-- /.card-header -->
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-3">
                        <label class="" for="">Handover Date</label>
                        <input type="date" name="handover_date" class="form-control" value="{{ $bookings->handover_date }}" readonly>
                        <span class="text-danger error-text handover_date_error"></span>
                    </div>

                    <div class="col-lg-3">
                        <label for="">Travel_date</label>
                        <input type="date" class="form-control" name="travel_date" value="{{ $bookings->travel_date }}" readonly>
                        <span class="text-danger error-text travel_date_error"></span>
                    </div>

                    <div class="col-lg-3">
                        <label for="">Travel_end_date</label>
                        <input type="date" class="form-control" name="travel_end_date" value="{{ $bookings->travel_end_date }}" readonly>
                        <span class="text-danger error-text travel_date_error"></span>
                    </div>

                    <div class="col-lg-3">
                        <label for="">Client Name</label>
                        <select name="client_name" id="client_name" class="select2 w-100 @error('client_name') is-invalid @enderror" disabled>
                            <option selected="selected" disabled>-- Select --</option>
                            @foreach ($clients as $client)
                                <option value="{{ $client->id }}" {{ ($bookings->client_name == $client->id) ? 'selected' : '' }}>
                                    {{ $client->clientname }}
                                </option>
                            @endforeach
                        </select>
                        @error('client_name')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                        <span class="text-danger error-text client_name_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Client Number</label>
                        <input type="number" name="client_number" id="client_number" class="form-control" value="{{ $bookings->client_number }}" readonly>
                        <span class="text-danger error-text hotel_invoice_amt_error"></span>
                    </div>

                    <input type="hidden" name="sales_poc" value="{{ Auth::user()->id }}" readonly>

                    <div class="col-lg-3 mt-2">
                        <label for="">destination</label>
                        <select name="destination" class="select2 w-100 @error('destination') is-invalid @enderror" disabled>
                            <option selected="selected" disabled>-- Select --</option>
                            @foreach ($destinations as $items)
                                <option value="{{ $items->id }}" {{ ($bookings->destination == $items->id) ? 'selected' : ''  }}>{{ $items->name }}</option>
                            @endforeach
                        </select>
                        @error('destination')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                        <span class="text-danger error-text destination_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Service Type</label>
                        <select name="service_type" class="select2 w-100 @error('service_type') is-invalid @enderror" disabled>
                            <option selected="selected" disabled>-- Select --</option>
                            @foreach ($servietypes as $servietype)
                                <option value="{{ $servietype->id }}" {{ ($bookings->service_type == $servietype->id) ? 'selected' : ''  }}>{{ $servietype->name }}</option>
                            @endforeach
                        </select>
                        @error('service_type')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                        <span class="text-danger error-text service_type_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Hotel Invoice Amount</label>
                        <input type="number" name="hotel_invoice_amt" class="form-control input-field" id="hotelinvamount" value="{{ $bookings->hotel_invoice_amt }}" placeholder="0.00" readonly>
                        <span class="text-danger error-text hotel_invoice_amt_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Land Inv Amt and Total Amount</label>
                        <input type="number" name="land_invoice_amt_and_total_amt" class="form-control input-field" id="landinvamount" value="{{ $bookings->land_invoice_amt_and_total_amt }}" placeholder="0.00" readonly>
                        <span class="text-danger error-text land_invoice_amt_and_total_amt_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Seller GOP with GST</label>
                        <input type="number" name="sales_gop_with_gst" id="sales_gop_with_gst" class="form-control" id="seller_gop_with_gst" value="{{ $bookings->sales_gop_with_gst }}" placeholder="0.00" readonly>
                        <span class="text-danger error-text sales_gop_with_gst_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Health Insurance</label>
                        <input type="number" name="health_insurance" class="form-control" id="healthinsureance" value="{{ $bookings->health_insurance }}" placeholder="0.00" readonly>
                        <span class="text-danger error-text health_insurance_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Cruise Invoice</label>
                        <input type="number" name="cruise_invoice" class="form-control input-field" id="cruiseinv" value="{{ $bookings->cruise_invoice }}" placeholder="0.00" readonly>
                        <span class="text-danger error-text cruise_invoice_error"></span>
                    </div>
                    <div class="col-lg-3 mt-2">
                        <label for="">Flight Invoice</label>
                        <input type="number" name="flight_invoice" class="form-control" id="flight" value="{{ $bookings->flight_invoice }}" placeholder="0.00" readonly>
                        <span class="text-danger error-text flight_invoice_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Visa</label>
                        <input type="number" name="visa" class="form-control" id="visa" value="{{ $bookings->visa }}" placeholder="0.00" readonly>
                        <span class="text-danger error-text visa_error"></span>
                    </div>


                    <div class="col-lg-3 mt-2">
                        <label for="">TCS</label>
                        <input type="number" name="tcs" id="tcs" class="form-control" value="{{ $bookings->tcs }}" readonly>
                        <span class="text-danger error-text tcs_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Seller GOP without GST</label>
                        <input type="text" name="saller_gop_without_gst" id="saller_gop_without_gst" class="form-control input-field" value="{{ $bookings->saller_gop_without_gst }}" placeholder="0.00" readonly>
                        <span class="text-danger error-text saller_gop_without_gst_error"></span>
                    </div>
                    <div class="col-lg-3 mt-2">
                        <label for="">Seller Selling Amount</label>
                        <input type="text" name="seller_selling_amt" id="seller_selling_amount" class="form-control" value="{{ $bookings->seller_selling_amt }}" placeholder="0.00" readonly>
                        <span class="text-danger error-text seller_selling_amt_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Amount Received</label>
                        <input type="text" name="amt_received" id="amt_received" class="form-control" value="{{ $bookings->amt_received }}"  readonly placeholder="0.00">
                        <span class="text-danger error-text amt_received_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Amount Left</label>
                        <input type="text" name="amt_left" id="amt_left" class="form-control" value="{{ $bookings->amt_left }}" readonly placeholder="0.00">
                        <span class="text-danger error-text amt_left_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Payment Status</label>
                        <select name="payment_status" class="select2 w-100 @error('payment_status') is-invalid @enderror" disabled>
                            <option selected disabled>-- Select --</option>
                            <option value="Yes" {{ ($bookings->payment_status == '1') ? 'selected' : '' }}>Yes</option>
                        </select>
                        @error('payment_status')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                        <span class="text-danger error-text payment_status_error"></span>
                    </div>

                    <div class="col-lg-12 mt-2">
                        <label for="">Remarks</label>
                        <textarea name="ops_remarks" class="form-control" rows="3" readonly>{{ $bookings->ops_remarks }}</textarea>
                        <span class="text-danger error-text ops_remarks_error"></span>
                    </div>
                </div>
                    {{-- money selected table --}}
                    {{-- <div class="container-fluid mt-3">
                        <div class="row">
                            <div class="col-sm-12">
                                <a href="#" id="NewRow" class="btn btn-success new">+Add New</a>
                            </div>
                        </div>
                    </div> --}}
                    <div class="container-fluid mt-2">
						<table class="w-100" style="border: 1px solid #eee;">
							<thead>
								<tr>
									<th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Sr.No.</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 150px;text-align: center;">Money Received</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 170px;text-align: center;">Mode of Payment</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 80px;text-align: center;">Received Date</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 90px;text-align: center;">Payment Screenshot</th>
									{{-- <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Action</th> --}}
								</tr>
							</thead>
                                <tbody id="money_receive">
                                    <input type="hidden" value="{{$booking_item_leads}}" id="row_countA">
                                    @php
                                        $numItems = count($booking_item);
                                        $i = 0;
                                    @endphp
                                    @foreach ($booking_item as $book_item)
                                    @if(++$i === $numItems)@endif
                                    <tr id="rowA{{ $i }}">
                                        <td><input type="text" class="form-control form-control-sm text-center" value="{{ $i }}" readonly></td>
                                        <td><input type="text" name="items[{{ $i }}][money_received]" class="form-control form-control-sm text-center money_received" value="{{ $book_item->money_received }}" readonly></td>
                                        <td><select name="items[{{ $i }}][mode_of_payment]" class="form-control form-control-sm text-center mode-of-payment" disabled>@foreach ($modeofpayments as $payment)<option value="{{$payment->id}}" {{ ($payment->id == $book_item->mode_of_payment) ? 'selected' : '' }}>{{$payment->name}}</option>@endforeach</select></td>
                                        <td><input type="date" name="items[{{ $i }}][received_date]" class="form-control form-control-sm text-center" value="{{ $book_item->received_date }}" readonly></td>
                                        <td class="text-center"><a href="{{ route('img/show',$book_item->id) }}" target="_blank"><img src="{{ url('booking',$book_item->payment_screenshort) }}" class="img-fluid" width="50" height="30" alt=""></a></td>
                                    </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    {{-- <tr>
                                        <td colspan="5"></td>
                                        <td>Grand Total:</td>
                                        <td id="grandTotal">0.00</td>
                                    </tr> --}}
                                </tfoot>
                            </table>
                    </div>

                    {{--Booking Calculation  --}}
                    {{-- <div class="container-fluid mt-3">
                        <div class="row">
                            <div class="col-sm-12">
                                <a href="#" id="addNewRow" class="btn btn-success new" >+Add New </a>
                            </div>
                        </div>
                    </div> --}}
                    <div class="container-fluid mt-2">
                        <!-- Add this wrapper for responsiveness -->
                       <table class="w-100" style="border: 1px solid #eee;">
                           <thead>
                               <tr>
                                   <th style="border: 1px solid #000;margin-left: 8px;width: 25px;text-align: center;">Sr No</th>
                                   <th style="border: 1px solid #000;margin-left: 8px;width: 40px;text-align: center;">Flight Cost</th>
                                   <th style="border: 1px solid #000;margin-left: 8px;width: 150px;text-align: center;">Description</th>
                                   <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Hotel Vendor</th>
                                   <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Land Vendor</th>
                                   <th style="border: 1px solid #000;margin-left: 8px;width: 20px;text-align: center;">Pax</th>
                                   <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Unit Rate</th>
                                   <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Total</th>
                                   <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Status</th>
                               </tr>
                           </thead>
                                <tbody id="tableBody">
                                    <input type="hidden" value="{{$bookingCalculations_item_leads}}" id="row_countB">
                                    @php
                                        $numItemstwo = count($bookingCalculations_item);
                                        $j = 0;
                                    @endphp
                                    @foreach ($bookingCalculations_item as $book_cal_item)
                                    @if(++$j === $numItemstwo)@endif
                                    <tr id="rowB{{ $j }}">
                                        <td><input type="text" class="form-control form-control-sm text-center" value="{{ $j }}" readonly></td>
                                        <td><input type="text" name="items[{{ $j }}][flight_cost]" class="form-control form-control-sm text-center" value="{{ $book_cal_item->flight_cost }}" readonly></td>
                                        <td><input type="text" name="items[{{ $j }}][description]" class="form-control form-control-sm text-center" value="{{ $book_cal_item->description }}" readonly></td>
                                        <td><select name="items[{{ $j }}][hotel_vendor]" class="form-control form-control-sm text-center" disabled>@foreach ($hotelvendors as $hotel)<option value="{{$hotel->id}}" {{ ($hotel->id == $book_item->hotel_vendor) ? 'selected' : '' }}>{{$hotel->name}}</option>@endforeach</select></td>
                                        <td><select name="items[{{ $j }}][land_vendor]" class="form-control form-control-sm text-center" disabled>@foreach ($landvendors as $land)<option value="{{$land->id}}" {{ ($land->id == $book_item->land_vendor) ? 'selected' : '' }}>{{$land->name}}</option>@endforeach</select></td>
                                        <td><input type="text" name="items[{{ $j }}][qty]" class="form-control form-control-sm text-center qty" value="{{ $book_cal_item->qty }}" readonly></td>
                                        <td><input type="text" name="items[{{ $j }}][unit_rate]" class="form-control form-control-sm text-center unit-rate" value="{{ $book_cal_item->unit_rate }}" readonly></td>
                                        <td><input type="text" name="items[{{ $j }}][total]" class="form-control form-control-sm text-center" value="{{ $book_cal_item->total }}" readonly></td>
                                        <td><select name="items[' + countrow + '][status]" class="form-control form-control-sm text-center" disabled><option>-- Select --</option><option value="1" {{ (1 == $book_item->status) ? 'selected' : '' }}>Hold Booked</option><option value="2" {{ (2 == $book_item->status) ? 'selected' : '' }}>Not Booked</option></select></td>
                                        {{-- <td><button class="btn btn-danger">Delete</button></td> --}}
                                    </tr>
                                    @endforeach
                                </tbody>
                                {{-- <tfoot>
                                    <tr >
                                        <td colspan="5"></td>
                                        <td>Grand Total:</td>
                                        <td id="grandTotal">0.00</td>
                                    </tr>
                                </tfoot> --}}
                            </table>
                    </div>
            </div><!-- /.card-body -->
          </div>
          <!-- /.card -->
        </section>
        <!-- right col -->
      </div>
      <!-- /.row (main row) -->
    </div><!-- /.container-fluid -->
  </section>
@endsection