@extends('admin.master', ['menu' => 'booking-pages'])
@section('title', isset($title) ? $title : '')
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="breadcrumb__content">
                <div class="breadcrumb__content__left">
                    <div class="breadcrumb__title">
                        <h2>{{__('View Reasons')}}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="customers__area bg-style mb-30">
                <div class="view-activity-booking-box-1">
                    <div class="d-flex justify-content-between">
                        <div class="tit-1">Sewar-ayat</div>  
                        <div class="txt-1">2023-Sep-03</div>
                    </div>
                </div>
                <div class="box-info-1 mb-30">
                    <div class="tit-box d-flex align-items-center">
                        <label class="title-3 text-nowrap">Personal Information</label>
                        <span class="line-after-1"></span>
                    </div>
                    <table class="table table-striped mb-0 table-bordered activity-booking-updated-table">
                        <tbody class="border-top-0">
                            <tr class="border-top-0">
                              <td class="box-info-2">
                                  <div class="row">
                                      <div class="col-md-6">
                                          <div class="title-1">Email</div>
                                      </div>
                                      <div class="col-md-6">
                                          <div class="txt-2">sewar2@completechain.com</div>
                                      </div>
                                  </div>
                              </td>
                              <td class="box-info-2">
                                  <div class="row">
                                      <div class="col-md-6">
                                          <div class="title-1">Mobile</div>
                                      </div>
                                      <div class="col-md-6">
                                          <div class="txt-2">962+0796384452</div>
                                      </div>
                                  </div>
                              </td>
                            </tr>
                            <tr class="border-top-0">
                              <td class="box-info-2">
                                  <div class="row">
                                      <div class="col-md-6">
                                          <div class="title-1">Country</div>
                                      </div>
                                      <div class="col-md-6">
                                          <div class="txt-2">Jordan</div>
                                      </div>
                                  </div>
                              </td>
                              <td class="box-info-2">
                                  <div class="row">
                                      <div class="col-md-6">
                                          <div class="title-1">Nationality</div>
                                      </div>
                                      <div class="col-md-6">
                                          <div class="txt-2">Jordanian</div>
                                      </div>
                                  </div>
                              </td>
                            </tr>
                            <tr class="border-top-0">
                              <td class="box-info-2">
                                  <div class="row">
                                      <div class="col-md-6">
                                          <div class="title-1">Residency</div>
                                      </div>
                                      <div class="col-md-6">
                                          <div class="txt-2">Jordanian</div>
                                      </div>
                                  </div>
                              </td>
                              <td class="box-info-2"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="box-info-1 mb-30">
                    <div class="tit-box d-flex align-items-center">
                        <label class="title-3 text-nowrap">Request Information</label>
                        <span class="line-after-1"></span>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card reserve-card-1">
                                <div class="card-header text-center border-bottom-0">
                                    <div class="title">Dana Biosphere Reserve</div>
                                </div>
                                <div class="card-body p-0">
                                    <div class="reserve-inner-box">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <label class="tit-1 mb-2">Activity</label>
                                                <div class="txt-1">Lodging</div>
                                            </div>
                                            <div class="col-md-6">
                                                <label class="tit-1 mb-2">Date</label>
                                                <div class="txt-1">2023-Sep-05</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="reserve-inner-box">
                                        <div class="tit-1">Reason</div>
                                        <div class="txt-1 mb-2">The activity is not available on the designated date</div>
                                    </div>
                                    <div class="reserve-inner-box border-bottom-0">
                                        <div class="tit-1">Comment</div>
                                        <div class="txt-1 mb-2">I would like to book for july 28 and 29 at dana guesthouse four people</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card reserve-card-1">
                                <div class="card-header text-center border-bottom-0">
                                    <div class="title">Shaumari Wildlife Reserve</div>
                                </div>
                                <div class="card-body p-0">
                                    <div class="reserve-inner-box">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <label class="tit-1 mb-2">Activity</label>
                                                <div class="txt-1">Lodging</div>
                                            </div>
                                            <div class="col-md-6">
                                                <label class="tit-1 mb-2">Date</label>
                                                <div class="txt-1">2023-Sep-05</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="reserve-inner-box">
                                        <div class="tit-1">Reason</div>
                                        <div class="txt-1 mb-2">The activity is not available on the designated date</div>
                                    </div>
                                    <div class="reserve-inner-box border-bottom-0">
                                        <div class="tit-1">Comment</div>
                                        <div class="txt-1 mb-2">I would like to book for july 28 and 29 at dana guesthouse four people</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection