{{-- 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') }}</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">
        <div class="rscnInvoiceTxt">{{ __('Tax') }}</div>
        <div id="tax"></div>
      </div>
      <div class="rscnInvoiceBox d-flex justify-content-between align-items-start">
        <div class="rscnInvoiceTxt">{{ __('Discount') }}</div>
        <div id="discount">
        </div>
      </div>

      <div class="rscnInvoiceBox d-flex justify-content-between align-items-start">
        <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') }}</div>
        <div class="rscnInvoiceAmountTxt" id="total-amount"></div>
      </div>
    </div>
  </div>
  {{-- /Invoice Card --}}
  <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 class="rscnFindKeyBox rscnMt30 text-center">
    <div class="rscnFindKeyTxt">{{ __("Didn't find what you are looking for?") }}</div>
    <a href="#" id="myHref" class="rscnFindKeyLink">{{ __('click here') }}</a>
  </div>
</div>
{{-- /Sidebar --}}