@extends('admin.layouts.contentLayoutMaster')

@section('title', $title)

@section('content')
  <section id="multiple-column-form">
    <div class="row match-height">
      <div class="col-12">
        <div class="card">
          <div class="card-content">
            <div class="card-body">
              <div class="form-body">
                  <div class="row">
{{--                      <div class="col-md-12">--}}
{{--                          <h3 class="mb-3">Booking Code</h3>--}}
{{--                      </div>--}}
{{--                      <div class="col-md-12">--}}
{{--                          <div class="form-group">--}}
{{--                              <label>Booking Code</label>--}}
{{--                              <div class="form-control" readonly>{{ $booking->booking_code }}</div>--}}
{{--                          </div>--}}
{{--                      </div>--}}
{{--                      <div class="col-md-12">--}}
{{--                          <hr />--}}
{{--                      </div>--}}

                      <div class="col-md-12">
                          <h3 class="mb-3">Order ID</h3>
                      </div>
                      <div class="col-md-12">
                          <div class="form-group">
                              <label>Order ID</label>
                              <div class="form-control" readonly>{{ $booking->transaction->order_id }}</div>
                          </div>
                      </div>
                      <div class="col-md-12">
                          <hr />
                      </div>

                      <div class="col-md-12">
                          <h3 class="mb-3">Location</h3>
                      </div>
                      <div class="col-md-12">
                          <div class="form-group">
                              <label>Location</label>
                              <div class="form-control" readonly>{{ $booking->location->name }}</div>
                          </div>
                      </div>
                      <div class="col-md-12">
                          <hr />
                      </div>

                      <div class="col-md-12">
                          <h3 class="mb-3">Order Detail</h3>
                      </div>
                      <div class="col-md-4">
                          <div class="form-group">
                              <label>Ticket</label>
                              <div class="form-control" readonly>{{ $booking->product->name }}</div>
                          </div>
                      </div>
                      <div class="col-md-4">
                          <div class="form-group">
                              <label>Date of Visit</label>
                              <div class="form-control" readonly>{{ Carbon::parse($booking->booking_date)->format("d - M - Y") }}</div>
                          </div>
                      </div>
                      <div class="col-md-4">
                          <div class="form-group">
                              <label>Time of Visit</label>
                              <div class="form-control" readonly>{{ $startTimeAndEndTime }}</div>
                          </div>
                      </div>

                      <div class="container">
                          <div class="row">
                              <div class="table-responsive">
                                  <table class="table">
                                      <thead>
                                      <tr>
                                          <th>Product Name</th>
                                          <th>Price</th>
                                          <th>Quantity</th>
                                          <th>Sub Total</th>
                                      </tr>
                                      </thead>
                                      <tbody>
                                      @foreach ($booking->bookingDetails as $key => $bookingDetail)
                                          <tr data-index="{{ $key }}">
                                              <td>
                                                  {{ $bookingDetail->product_name }}
                                              </td>
                                              <td>
                                                  {{ GeneralHelper::transformAmount($bookingDetail->unit_price) }}
                                              </td>
                                              <td>
                                                  {{ $bookingDetail->quantity }}
                                              </td>
                                              <td>
                                                  {{ GeneralHelper::transformAmount($bookingDetail->sub_total) }}
                                              </td>
                                          </tr>
                                      @endforeach
                                      </tbody>
                                  </table>
                              </div>
                          </div>
                      </div><br>
                      <div class="container">
                          <div class="row" >
                              <div align="right" class="col-md-8">
                                  <h4><strong>Sub Total:</strong></h4>
                              </div>
                              <div align="right" class="col-md-4">
                                  <h4>{{ GeneralHelper::transformAmount($booking->transaction->sub_total) }}</h4>
                              </div>
                          </div>
                          @if ($booking->transaction->payment_method == PaymentMethodEnum::getString(PaymentMethodEnum::BANK_TRANSFER))
                              <div class="row" >
                                  <div align="right" class="col-md-8">
                                      <h4><strong>Unique Code:</strong></h4>
                                  </div>
                                  <div align="right" class="col-md-4">
                                      <h4>{{ GeneralHelper::transformAmount($booking->transaction->unique_code) }}</h4>
                                  </div>
                              </div>
                          @endif
                          <div class="row" >
                              <div align="right" class="col-md-8">
                                  <h3><strong>Total:</strong></h3>
                              </div>
                              <div align="right" class="col-md-4">
                                  <h3>{{ GeneralHelper::transformAmount($booking->transaction->total) }}</h3>
                              </div>
                          </div>
                      </div>

                      <div class="col-md-12">
                          <hr />
                      </div>

                      <div class="col-md-12">
                          <h3 class="mb-3">Parent Information</h3>
                      </div>
                      <div class="col-md-3">
                          <div class="form-group">
                              <label>Title</label>
                              <div class="form-control" readonly>{{ ucwords($booking->bookingParentInformation->title) }}</div>
                          </div>
                      </div>
                      <div class="col-md-9">
                          <div class="form-group">
                              <label>Full Name</label>
                              <div class="form-control" readonly>{{ $booking->bookingParentInformation->name }}</div>
                          </div>
                      </div>
                        <div class="col-md-12 col-12">
                            <div class="form-group">
                                <label>Email</label>
                                <div class="form-control" readonly>{{ $booking->bookingParentInformation->email }}</div>
                            </div>
                            <div class="form-group">
                                <label>Phone Number</label>
                                <div class="form-control" readonly>{{ $booking->bookingParentInformation->phone_number }}</div>
                            </div>
                        </div>
                      <div class="col-md-12">
                          <hr />
                      </div>
                      <div class="col-md-12">
                          <h3 class="mb-3">Kids Information</h3>
                      </div>
                      @foreach ($booking->bookingParentInformation->bookingKidInformations as $bookingKidInformation)
                          <div class="col-md-6">
                            <div class="form-group">
                                <label>Full Name</label>
                                <div class="form-control" readonly>{{ $bookingKidInformation->name }}</div>
                            </div>
                          </div>
                          <div class="col-md-6">
                              <div class="form-group">
                                  <label>Age</label>
                                  <div class="form-control" readonly>{{ $bookingKidInformation->age }}</div>
                              </div>
                          </div>
                      @endforeach
                  </div>
                  <div class="col-12">
                      <div class="float-right">
                          <a href="{{ route("admin.booking.index") }}" class="btn btn-secondary mr-1 mb-1">Back</a>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection

@section('page-script')
    @include('admin.menu.booking.components.support-js.crud.update-submit-js')
@endsection