@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-12">
                          <div class="float-right">
                              <a href="{{ route("admin.booking-reschedule-request.index") }}" class="btn btn-secondary mr-1 mb-1">Back</a>
                          </div>
                      </div>


{{--                      <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-6 p-0">
                            <div class="col-md-12">
                                <h3 class="mb-3">Previous Schedule</h3>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Ticket</label>
                                    <div class="form-control" readonly>{{ $booking->product->name }}</div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Date of Visit</label>
                                    <div class="form-control" readonly>{{ Carbon::parse($booking->transaction->booking_date)->format("d - M - Y") }}</div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Time of Visit</label>
                                    <div class="form-control" readonly>{{ $startTimeAndEndTime }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 p-0">
                            <div class="col-md-12">
                                <h3 class="mb-3">Requested Schedule</h3>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Ticket</label>
                                    <div class="form-control" readonly>{{ $bookingRescheduleRequest->product->name }}</div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Date of Visit</label>
                                    <div class="form-control" readonly>{{ Carbon::parse($bookingRescheduleRequest->requested_date)->format("d - M - Y") }}</div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Time of Visit</label>
                                    <div class="form-control" readonly>{{ $requestedStartTimeAndEndTime }}</div>
                                </div>
                            </div>
                        </div>
                      @if ($bookingRescheduleRequest->status == BookingRescheduleRequestStatusEnum::getString(BookingRescheduleRequestStatusEnum::PENDING))
                          <div class="col-md-12">
                              <hr>
                          </div>
                          <div class="col-md-12">
                                  <a href="#" class="btn float-right btn-danger btn-md m-1" data-id="{{ $bookingRescheduleRequest->id }}" data-toggle="modal" data-target="#modalReject" data-backdrop="static" data-keyboard="false"><i class="fa fa-times"></i> Reject</a>
                                  <a href="#" class="btn float-right btn-success btn-md m-1" data-id="{{ $bookingRescheduleRequest->id }}" data-toggle="modal" data-target="#modalApprove" data-backdrop="static" data-keyboard="false"><i class="fa fa-check"></i> Approve</a>
                          </div>
                      @endif
                      <div class="col-md-12">
                          <hr>
                      </div>

                      <div class="col-md-12 pt-5 mt-5">
                          <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>

  <!-- Modal Approve -->
  <div id="modalApprove" class="modal fade">
      <div class="modal-dialog modal-md">
          <div class="modal-content" >
              <div class="modal-header">
                  <h5 class="font-weight-bold">Update Status</h5>
              </div>
              <form action="{{ URL('admin/booking-reschedule-request/status-approve/') }}" data-url="{{ URL('admin/booking-reschedule-request/status-approve/') }}" method="post" id="approveForm">
                  @csrf
                  <div class="modal-body" >
                      <h5>This Reschedule Request will be change into Approve </h5>
                  </div>

                  <div class="modal-footer justify-content-right" >
                      <button type="button" class="btn btn-danger btn-md" data-dismiss="modal" >
                          <i class="fa fa-remove"></i> Cancel</button>
                      <button type="submit" class="btn btn-success btn-md">
                          <i class="fa fa-refresh"></i> Update</button>
                  </div>
              </form>
          </div>
      </div>
  </div>

  <!-- Modal Reject -->
  <div id="modalReject" class="modal fade">
      <div class="modal-dialog modal-md">
          <div class="modal-content" >
              <div class="modal-header">
                  <h5 class="font-weight-bold">Update Status</h5>
              </div>
              <form action="{{ URL('admin/booking-reschedule-request/status-reject/') }}" data-url="{{ URL('admin/booking-reschedule-request/status-reject/') }}" method="post" id="rejectForm">
                  @csrf
                  <div class="modal-body" >
                      <h5>This Reschedule Request will be change into Reject </h5>
                  </div>

                  <div class="modal-footer justify-content-right" >
                      <button type="button" class="btn btn-danger btn-md" data-dismiss="modal" >
                          <i class="fa fa-remove"></i> Cancel</button>
                      <button type="submit" class="btn btn-success btn-md">
                          <i class="fa fa-refresh"></i> Update</button>
                  </div>
              </form>
          </div>
      </div>
  </div>
@endsection

@section('page-script')
    <script>
        $('#modalApprove').on('shown.bs.modal', function(event) {
            var $button = $(event.relatedTarget);
            var id = $($button).data('id');
            var url = $('#approveForm').data('url');

            $('#approveForm').attr('action',url + '/' + id);
        });

        $('#modalReject').on('shown.bs.modal', function(event) {
            var $button = $(event.relatedTarget);
            var id = $($button).data('id');
            var url = $('#rejectForm').data('url');

            $('#rejectForm').attr('action',url + '/' + id);
        });
    </script>
    @include('admin.menu.booking.components.support-js.crud.update-submit-js')
@endsection