{{-- Sidebar --}}
<div class="col-lg-4 col-md-5">

  {{-- Login Card --}}
  @guest
    <form action="{{ route('user.sign.booking') }}" method="POST" id="handleAjax" class="d-none">
      @csrf
      <div class="card border-0 rscnLoginCard">
        <div class="card-header border-bottom-0 rscnLoginHeader">
          <div class="rscnLoginTit">{{ __('Login') }}</div>
        </div>
        <div class="card-body rscnLoginBody">
          <input type="email" name="email" class="form-control mb-20" placeholder="Email">
          <input type="password" name="password" class="form-control" placeholder="Password">
        </div>
        <div class="card-footer border-top-0 bg-transparent rscnLoginFooter">
          <button type="submit" class="btn rscnLoginBtn">{{ __('Login') }}</button>
        </div>
      </div>
    </form>
  @endguest
  {{-- /Login Card --}}
  <div class="col-lg-12 col-md-12">
    <div class="checkout-discount-box">
      <h2 class="mb-3">{{ __('Discount Codes') }}</h2>
      <div id="coupon_box">
        <form action="{{ route('apply.coupon') }}" method="post" id="couponAjax">
          @csrf
          <div class="input-group mb-2">
            <input type="text" class="form-control" name="coupon_code" id="coupon_code"
                   placeholder="{{ __('Enter your coupon code') }}" required />
            <input hidden type="text" class="form-control" value="booking" name="type"
                   required />
            <button type="submit" class="border-0 px-4 apply-coupon-btn">{{ __('Apply Coupon') }}</button>
          </div>
        </form>
        <div class="row coupon_box_details d-none">
          <div class="col-5">
            <label class="coupon-box-tit">Coupon</label>
            <div class="coupon-box-txt code"></div>
          </div>
          <div class="col-5">
            <label class="coupon-box-tit">Amount</label>
            <div class="coupon-box-txt amount"></div>
          </div>
          <div class="col-2">
            <button type="button" class="btn btn-coupon">
              <i class="far fa-2x fa-window-close"></i>
            </button>
          </div>
        </div>
        <label class="mt-1 text-danger small" id="coupon_error"></label>
      </div>
    </div>
  </div>
  {{-- Booking Card --}}
  <div class="card border-0 rscnLoginCard rscnMt30">
    <div class="card-body rscnLoginBody p-0">
      <table class="table table-bordered mb-0 rscnBookingTableCard" id="cartActivity">
        <thead>
        <tr>
          <th scope="col">{{ __('Booking') }}</th>
          <th scope="col">#</th>
          <th scope="col">{{ __('Price') }}</th>
        </tr>
        </thead>
        <tbody id="tbody" class="tbody">
        </tbody>
      </table>
    </div>
  </div>
  {{-- /Booking Card --}}

  {{-- Invoice Card --}}
  <div class="card border-0 rscnInvoiceCard rscnMt30">
    <div class="card-header border-bottom-0 rscnInvoiceHeader">
      <div class="rscnInvoiceTit">{{ __('Invoice') }}</div>
    </div>
    <div class="card-body rscnInvoiceBody">
      <div class="rscnInvoiceBox d-flex justify-content-between align-items-start">
        <div class="rscnInvoiceTxt">{{ __('Total activities price') }}</div>
        <div id="rscnInvoiceTotal" class="d-flex">0</div>
      </div>
{{--      <div class="rscnInvoiceBox d-flex justify-content-between align-items-start dinner">--}}
{{--        <div class="rscnInvoiceTxt">{{ __('Dinner') }}</div>--}}
{{--        <div id="TotalDinner" class="d-flex">0</div>--}}
{{--      </div>--}}
      {{-- <div class="rscnInvoiceBox d-flex justify-content-between align-items-start">
          <div class="rscnInvoiceTxt">{{ __('Entry Fees') }}</div>
          <div id="entry-fee"></div>
          <div id="entry-fee-hidden" hidden></div>
      </div> --}}
      <div class="rscnInvoiceBox d-flex justify-content-between align-items-start d-none">
        <div class="rscnInvoiceTxt">{{ __('Tax') }}</div>
        <div id="tax"></div>
      </div>
      <div class="rscnInvoiceBox d-flex justify-content-between align-items-start" id="couponDiscountLine">
        <div class="rscnInvoiceTxt">{{ __('Discount') }}</div>
        <div id="discount">
        </div>
      </div>

      <div class="rscnInvoiceBox d-flex justify-content-between align-items-start" id="userDiscountLine">
        <div class="rscnInvoiceTxt">{{ __('Member Discount') }}</div>
        <div id="member_discount">
          @if (auth()->user())
            {{ user_discount() . '%' }}
          @endif
        </div>
      </div>

      <div class="rscnInvoiceBox" hidden>
        <div class="rscnInvoiceTxt">{{ __('Total after discount') }}</div>
        <div id="rscnInvoiceTotalDiscount" class="d-flex">0</div>
      </div>
    </div>
    <div class="card-footer bg-transparent rscnInvoiceFooter">
      <div class="rscnInvoiceAmountBox d-flex justify-content-between align-items-start">
        <div class="rscnInvoiceAmountTit">{{ __('Total Amount (tax included)') }}</div>
        <div class="rscnInvoiceAmountTxt" id="total-amount"></div>
      </div>
    </div>
  </div>
  {{-- /Invoice Card --}}
  <button data-bs-toggle="modal" data-bs-target="#checkoutBookingModal" type="submit" class="btn rscnFormCheck rscnMt30">
    {{ __('Proceed to checkout') }}
  </button>
  <div class="rscnFindKeyBox rscnMt30 text-center">
    <div class="rscnFindKeyTxt">{{ __("Didn't find what you are looking for?") }}</div>
    <a href="{{ route('bookingInquery') }}" id="myHref" class="rscnFindKeyLink">{{ __('click here') }}</a>
  </div>
  {{-- <input type="submit" form="activityBooking" class="btn rscnFormCheck rscnMt30"
         value="{{ __('Proceed to checkout') }}"> --}}
  {{-- <input id="bookRoute" form="activityBooking" class="btn rscnFormCheck rscnMt30"
      value="{{ __('Proceed to checkout') }}"> --}}
  {{-- <button type="submit" id="bookRoute"
      class="btn rscnFormCheck rscnMt30">{{ __('Proceed to checkout') }}</button> --}}
</div>
{{-- /Sidebar --}}

{{-- checkoutBookingModal --}}
<div class="modal fade" id="checkoutBookingModal" tabindex="-1" aria-labelledby="checkoutBookingModalLabel"
  aria-hidden="true">
  <div class="modal-dialog benefitDialog">
    <div class="modal-content">
      <div class="modal-header border-bottom-0">
        <h5 class="modal-title" id="checkoutBookingModalLabel">
          {!! langConverter(
            isset($informativedata['booking_important_notes_title_en']) ? $informativedata['booking_important_notes_title_en'] : '',
            isset($informativedata['booking_important_notes_title_ar']) ? $informativedata['booking_important_notes_title_ar'] : '')
          !!}
        </h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body text-dark">
        <div class="container">
          <div class="emzHisDescription rscnListStyle">
            {!! langConverter(
              isset($informativedata['booking_important_notes_description_en']) ? $informativedata['booking_important_notes_description_en'] : '',
              isset($informativedata['booking_important_notes_description_ar']) ? $informativedata['booking_important_notes_description_ar'] : '')
            !!}
          </div>
        </div>
        <div class="form-check mt-3 ">
          <input class="form-check-input" type="checkbox" id="confirmBooking" required>
          <label class="form-check-label" for="confirmBooking">
            {{ __('I have read the important notes listed above') }}
          </label>
        </div>
        <div class="mt-3 px-2">
          <p class="text-muted">
            {{ __(' Please check the box above to confirm you have read the important notes. Once confirmed, you may proceed to checkout') }}.
           </p>
        </div>
      </div>
      <div class="modal-footer border-top-0 justify-content-start">
        <div>
          <input type="submit" form="activityBooking" id="checkoutButton" class="btn rscnFormCheck"
          value="{{ __('Proceed to checkout') }}" disabled>
        </div>
      </div>
    </div>
  </div>
</div>
{{-- /checkoutBookingModal --}}