@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 text-bold">
                {{-- <i class="fas fa-chart-pie mr-1"></i>
                Sales --}}
                <div><span>Booking Id : </span>
                    <span>{{ $bookings->enrollmentno }}</span></div>
              </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="">Client Type</label>
                        <select name="client_type" id="" class="select2 w-100 @error('client_type') is-invalid @enderror" disabled>
                            <option selected="selected" disabled>-- Select --</option>
                            <option value="1" {{ ($bookings->client_type == 1) ? "selected" : "" }}>Online</option>
                            <option value="2" {{ ($bookings->client_type == 2) ? "selected" : "" }}>Referral</option>
                        </select>
                        <span class="text-danger error-text client_type_error"></span>
                    </div>
                    <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 }}" data-client-number="{{ $client->phoneno }}" {{ ($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>

                    <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 }}" {{ ($items->id == $bookings->destination) ? '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" id="servicetype" disabled>
                            <option selected="selected" disabled>-- Select --</option>
                            @foreach ($servietypes as $servietype)
                                <option value="{{ $servietype->id }}" {{ ($servietype->id == $bookings->service_type) ? '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="">Flight Cost</label>
                        <input type="text" name="flight_cost" class="form-control" id="flight" value="{{ $bookings->flight_cost }}" placeholder="0.00" onkeypress="return /[0-9/.]/i.test(event.key)" readonly>
                        <span class="text-danger error-text flight_cost_error"></span>
                    </div>
                    <div class="col-lg-3 mt-2">
                        <label for="">Hotel Cost</label>
                        <input type="text" name="hotel_cost" class="form-control input-field" id="hotelinvamount" value="{{ $bookings->hotel_cost }}" placeholder="0.00" onkeypress="return /[0-9/.]/i.test(event.key)" readonly>
                        <span class="text-danger error-text hotel_cost_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Tours and Transfers</label>
                        <input type="text" name="tours_and_transfers" class="form-control input-field" id="landinvamount" value="{{ $bookings->tours_and_transfers }}" placeholder="0.00" onkeypress="return /[0-9/.]/i.test(event.key)" readonly>
                        <span class="text-danger error-text tours_and_transfers_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Visa</label>
                        <input type="text" name="visa" class="form-control" id="visa" value="{{ $bookings->visa }}" placeholder="0.00" onkeypress="return /[0-9/.]/i.test(event.key)" readonly>
                        <span class="text-danger error-text visa_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Cruise Cost</label>
                        <input type="text" name="cruise_cost" class="form-control input-field" id="cruiseinv" value="{{ $bookings->cruise_cost }}" placeholder="0.00" onkeypress="return /[0-9/.]/i.test(event.key)" readonly>
                        <span class="text-danger error-text cruise_cost_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Insurance</label>
                        <input type="text" name="insurance" class="form-control" id="healthinsureance" value="{{ $bookings->insurance }}" placeholder="0.00" onkeypress="return /[0-9/.]/i.test(event.key)" readonly>
                        <span class="text-danger error-text insurance_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">Seller GOP</label>
                        <input type="text" name="seller_gop" id="sales_gop_with_gst" class="form-control" id="seller_gop_with_gst" value="{{ $bookings->seller_gop }}" placeholder="0.00" onkeypress="return /[0-9/.]/i.test(event.key)" readonly>
                        <span class="text-danger error-text seller_gop_error"></span>
                    </div>

                    <div class="col-lg-3 mt-2">
                        <label for="">TCS</label>
                        <input type="text" name="tcs" id="tcs" class="form-control" value="{{ $bookings->tcs }}" onkeypress="return /[0-9/.]/i.test(event.key)" 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="seller_gop_without_gst" id="saller_gop_without_gst" class="form-control input-field" value="{{ $bookings->seller_gop_without_gst }}" placeholder="0.00" onkeypress="return /[0-9/.]/i.test(event.key)" readonly>
                        <span class="text-danger error-text seller_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" onkeypress="return /[0-9/.]/i.test(event.key)" 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" onkeypress="return /[0-9/.]/i.test(event.key)" readonly>
                        <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" onkeypress="return /[0-9/.]/i.test(event.key)" readonly>
                        <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="1" {{ ($bookings->payment_status == 1) ? "selected" : "" }}>Booking Amount</option>
                            <option value="2" {{ ($bookings->payment_status == 2) ? "selected" : "" }}>Credit</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="remarks" class="form-control" rows="3" readonly>{{ $bookings->remarks }}</textarea>
                        <span class="text-danger error-text 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: 350px;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: 170px;text-align: center;">Received Date</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 220px;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>
                    <div class="container-fluid flighthidden">
                        <div class="row text-center">
                            <div class="col-lg-12">
                                <h2><u>--- Flight ---</u></h2>
                            </div>
                        </div>
                        {{-- <div class="row">
                            <div class="col-sm-12">
                                <div id="addNewRow" class="btn btn-success btn-sm new">+Add New </div>
                            </div>
                        </div> --}}
                         <!-- 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: 120px;text-align: center;">Description</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 100px;text-align: center;">Flight No</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Departure Date</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">To</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Departure Time</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Arrival Time</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: 1px;text-align: center;">Action</th> --}}
								</tr>
							</thead>
							<tbody id="money_receive">
                                @php
                                    $numItemss = count($flight_items);
                                    $j = 0;
                                @endphp
                                @foreach ($flight_items as $flight_item)
                                @if(++$j === $numItemss)@endif
                                <tr>
                                    <td><input type="text" class="form-control form-control-sm text-center" value="{{ $j }}" readonly></td>
                                    <td><input type="text" name="items[' + countrow + '][description]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $flight_item->description }}" readonly></td>
                                    <td><input type="text" name="items[' + countrow + '][flightno]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $flight_item->flightno }}" readonly></td>
                                    <td><input type="date" name="items[' + countrow + '][departure_date]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $flight_item->departure_date }}" readonly></td>
                                    <td><input type="text" name="items[' + countrow + '][to]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $flight_item->to }}" readonly></td>
                                    <td><input type="time" name="items[' + countrow + '][departure_time]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $flight_item->departure_time }}" readonly></td>
                                    <td><input type="time" name="items[' + countrow + '][arrival_time]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $flight_item->arrival_time }}" readonly></td>
                                    <td><input type="text" name="items[' + countrow + '][flight_cost]" class="form-control form-control-sm flight_cost" style="border: 1px solid #000;" onkeypress="return /[0-9/.]/i.test(event.key)" value="{{ $flight_item->flight_cost }}" readonly></td>
                                    {{-- <td class="text-center"><button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button></td> --}}
                                </tr>
                                @endforeach
                            </tbody>
							{{-- <tfoot>
								<tr >
									<td colspan="6"></td>
									<td>Grand Total:</td>
									<td id="grandTotal">0.00</td>
								</tr>
							</tfoot> --}}
						</table>
                    </div>
                    <div class="container-fluid mt-2 hotelhidden">
                        <div class="row text-center">
                            <div class="col-lg-12">
                                <h2><u>--- Hotels ---</u></h2>
                            </div>
                        </div>
                        {{-- <div class="row">
                            <div class="col-sm-12">
                                <a href="#" id="addNewRowOne" class="btn btn-success btn-sm new" >+Add New </a>
                            </div>
                        </div> --}}
                         <!-- 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: 120px;text-align: center;">Destination</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 120px;text-align: center;">Hotel Name</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 120px;text-align: center;">Description</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Vendor</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 100px;text-align: center;">Cost</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Status</th>
									{{-- <th style="border: 1px solid #000;margin-left: 8px;width: 1px;text-align: center;">Action</th> --}}
								</tr>
							</thead>
							<tbody id="money_receive">
                                @php
                                    $numItemss = count($hotel_items);
                                    $k = 0;
                                @endphp
                                @foreach ($hotel_items as $hotel_item)
                                @if(++$k === $numItemss)@endif
                                <tr>
                                    <td><input type="text" value="{{ $k }}" class="form-control form-control-sm" style="border: 1px solid #000;" readonly></td>
                                    <td><input type="text" name="itemss[' + countrowone + '][destination]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $hotel_item->destination }}" readonly></td>
                                    <td><input type="text" name="itemss[' + countrowone + '][hotelname]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $hotel_item->hotelname }}" readonly></td>
                                    <td><input type="text" name="itemss[' + countrowone + '][description]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $hotel_item->description }}" readonly></td>
                                    <td><input type="text" name="itemss[' + countrowone + '][vendor]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $hotel_item->vendor }}" readonly></td>
                                    <td><input type="text" name="itemss[' + countrowone + '][hotelcost]" class="form-control form-control-sm hotel_cost" style="border: 1px solid #000;" onkeypress="return /[0-9/.]/i.test(event.key)" value="{{ $hotel_item->hotelcost }}" readonly></td>
                                    <td><select name="items[' + countrowone + '][status]" class="form-control form-control-sm" style="border: 1px solid #000;" disabled><option value="0" selected>--- Select ---</option><option value="1" {{ ($hotel_item->status == 1) ? "selected" : "" }}>Hold Booked</option><option value="2" {{ ($hotel_item->status == 2) ? "selected" : "" }}>Not Booked</option></select></td>
                                    {{-- <td class="text-center"><button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button></td>' + --}}
                                </tr>
                                @endforeach
                            </tbody>
							{{-- <tfoot>
								<tr >
									<td colspan="6"></td>
									<td>Grand Total:</td>
									<td id="hotel_total_amount">0.00</td>
								</tr>
							</tfoot> --}}
						</table>
                    </div>
                    {{-- Tours and Transfers --}}
                    <div class="container-fluid mt-2 tourshidden">
                        <div class="row text-center">
                            <div class="col-lg-12">
                                <h2><u>--- Tours and Transfers ---</u></h2>
                            </div>
                        </div>
                        {{-- <div class="row">
                            <div class="col-sm-12">
                                <a href="#" id="addNewRowTwo" class="btn btn-success btn-sm new" >+Add New </a>
                            </div>
                        </div> --}}
                         <!-- 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: 120px;text-align: center;">Destination</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 120px;text-align: center;">Tour Name</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 120px;text-align: center;">Description</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 120px;text-align: center;">Vendor</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 100px;text-align: center;">Cost</th>
									<th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Status</th>
									{{-- <th style="border: 1px solid #000;margin-left: 8px;width: 1px;text-align: center;">Action</th> --}}
								</tr>
							</thead>
							<tbody id="money_receive">
                                @php
                                    $numItemsss = count($tat_items);
                                    $l = 0;
                                @endphp
                                @foreach ($tat_items as $tat_item)
                                @if(++$l === $numItemsss)@endif
                                <tr>
                                    <td><input type="text" value="{{ $l }}" class="form-control form-control-sm" style="border: 1px solid #000;" readonly></td>
                                    <td><input type="text" name="itemsss[' + countrowtwo + '][destination]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $tat_item->destination }}" readonly></td>
                                    <td><input type="text" name="itemsss[' + countrowtwo + '][tourname]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $tat_item->tourname }}" readonly></td>
                                    <td><input type="text" name="itemsss[' + countrowtwo + '][description]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $tat_item->description }}" readonly></td>
                                    <td><input type="text" name="itemsss[' + countrowtwo + '][vendor]" class="form-control form-control-sm" style="border: 1px solid #000;" value="{{ $tat_item->vendor }}" readonly></td>
                                    <td><input type="text" name="itemsss[' + countrowtwo + '][tourcost]" class="form-control form-control-sm" style="border: 1px solid #000;" onkeypress="return /[0-9/.]/i.test(event.key)" value="{{ $tat_item->tourcost }}" readonly></td>
                                    <td><select name="itemsss[' + countrowtwo + '][status]" class="form-control form-control-sm" style="border: 1px solid #000;" disabled><option value="0" selected>--- Select ---</option><option value="1" {{ ($tat_item->status == 1) ? "selected" : "" }}>Hold Booked</option><option value="2" {{ ($tat_item->status == 2) ? "selected" : "" }}>Not Booked</option></select></td>
                                    {{-- <td class="text-center"><button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button></td> --}}
                                </tr>
                                @endforeach
                            </tbody>
							{{-- <tfoot>
								<tr >
									<td colspan="6"></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><!-- /.card-body -->
          </div>
          <!-- /.card -->
        </section>
        <!-- right col -->
      </div>
      <!-- /.row (main row) -->
    </div><!-- /.container-fluid -->
  </section>
@endsection