@extends('front.layouts.master')
@section('title', isset($title) ? $title : 'Home')
@section('description', isset($description) ? $description : '')
@section('keywords', isset($keywords) ? $keywords : '')
@section('content')
  <!-- breadcrumb area start here  -->
  <div class="breadcrumb-area">
    <div class="container">
      <div class="breadcrumb-wrap text-center">
        <h2 class="page-title">{{ __('Checkout') }}</h2>
        <ul class="breadcrumb-pages">
          <li class="page-item"><a class="page-item-link" href="{{ route('front') }}">{{ __('Home') }}</a>
          </li>
          <li class="page-item">{{ __('Checkout') }}</li>
        </ul>
      </div>
    </div>
  </div>
  <!-- breadcrumb area end here  -->

  <!-- checkout page area start here  -->
  <section class="page-content section">
      <div class="checkout">
          <div class="container">
              <div class="row">
                  <div class="col-lg-6 col-md-6">
                      <div class="checkout-form">
                          <form method="post" action="{{ auth()->check() ? route('checkout.order', ['type' => 'shopOrder']) : route('guest.checkout.order', ['type' => 'shopOrder']) }}"
                              {{-- action="{{ route('checkout.order', ['type' => 'shopOrder']) }}"  --}}
                              id="paymentForm">
                              @csrf
                              <div class="row">
                                  @if (!auth()->check())
                                      <div class="col-lg-12">
                                          <div
                                              class="checkout-page-login-box d-flex justify-content-between align-items-center mb-30">
                                              <h2 class="mb-0 text-capitalize fw-bold">
                                                  {{ __('Returning buyer? Please login:') }}</h2>
                                              <button type="button" class="primary-btn" data-bs-toggle="modal"
                                                  data-bs-target="#loginModal">{{ __('Login') }}</button>
                                          </div>
                                      </div>
                                  @endif

                                  <div class="col-lg-12">
                                      <h2 class="checkout-title">{{ __('Billing Address') }}</h2>
                                  </div>
                                  <div class="col-lg-12">
                                      <div class="form-group">
                                          <input type="text" class="form-control" id="billing_name" name="billing_name"
                                              placeholder="{{ __('You Name Here') }}"
                                              value="{{ old('billing_name' ,isset($billing) ? $billing->Name ?? $billing->name : '') }}"
                                              required />
                                      </div>
                                  </div>
                                  <div class="col-lg-12">
                                      <div class="form-group">
                                          <input type="email" class="form-control" id="billing_email"
                                              name="billing_email" placeholder="{{ __('Email Address') }}"
                                              value="{{  old('billing_email', isset($billing) ? $billing->Email ?? $billing->email : '' ) }}"
                                              required />
                                      </div>
                                  </div>
                                  {{-- //to do later --}}
                                  <div class="col-md-6">
                                    <div class="form-group">
                                      <select  id="billing_PhoneNumber_country" name="billing_PhoneNumber_country" class="form-control">
                                        <option value="" disabled>{{ __('Select') }}</option>
                                        @foreach ($countries as $country)
                                          @if(!old('billing_PhoneNumber_country') && isset($billing) && $billing->country_code && $country->iso_code == $billing->country_code )
                                            <option selected
                                              data-country-code="{{ $country->country_code }}"
                                              value="{{ $country->iso_code }}">
                                              {{ langConverter($country->name_en, $country->name_ar) }}
                                            </option>
                                          @elseif (!old('billing_PhoneNumber_country') && isset($billing) && !$billing->country_code && $country->name_en == 'Jordan'
                                            || !old('billing_PhoneNumber_country') && !isset($billing) &&  $country->name_en == 'Jordan')
                                            <option selected
                                              data-country-code="{{ $country->country_code }}"
                                              value="{{ $country->iso_code }}">
                                              {{ langConverter($country->name_en, $country->name_ar) }}
                                            </option>
                                          @elseif (old('billing_PhoneNumber_country') == $country->iso_code)
                                            <option selected
                                              data-country-code="{{ $country->country_code }}"
                                              value="{{ $country->iso_code }}">
                                              {{ langConverter($country->name_en, $country->name_ar) }}
                                            </option>
                                          @else
                                            <option
                                              data-country-code="{{ $country->country_code }}"
                                              value="{{ $country->iso_code }}">
                                              {{ langConverter($country->name_en, $country->name_ar) }}
                                            </option>
                                          @endif
                                        @endforeach
                                      </select>
                                      @error('billing_PhoneNumber_country')
                                        <span class="text-danger">{{ $message }}</span>
                                      @enderror
                                    </div>
                                  </div>
                                  <div class="col-md-6">
                                    <div class="form-group d-flex border align-items-center">
                                      <span id="billing_txtPhone" class="px-3 small-txt">
                                      </span>
                                      <input id="billing_PhoneNumber" name="billing_PhoneNumber"  value="{{old('billing_PhoneNumber' ,isset($billing) ? $billing->PhoneNumber ?? $billing->PhoneNumber : '') }}" type="text" class="form-control" required>
                                    </div>
                                    @error('billing_PhoneNumber')
                                      <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                  </div>

                                  <div class="col-md-6">
                                      <div class="form-group">
                                          <input type="text" class="form-control" id="billing_street_address"
                                              name="billing_street_address" placeholder="{{ __('Street Address') }}"
                                              value="{{ old('billing_street_address',isset($billing) ? $billing->Street : '') }}" required />
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <div class="form-group">
                                          <input type="text" class="form-control" id="billing_state"
                                              name="billing_state" placeholder="{{ __('State') }}"
                                              value="{{ old('billing_state' ,isset($billing) ? $billing->State : '') }}" required />
                                      </div>
                                  </div>
                                  <div class="col-lg-6">
                                      <div class="form-group">
                                          <input type="text" class="form-control" id="billing_zipcode"
                                              name="billing_zipcode" placeholder="{{ __('Zip/Postal Code') }}"
                                              value="{{ old( 'billing_zipcode', isset($billing) ? $billing->Zipcode : '' )}}" required />
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <select class="form-select" id="billing_country" name="billing_country" required>
                                          <option  value="">{{ __('Governorates') }}</option>
                                          @foreach (config('app.governorates') as $cnt)
                                              <option value="{{ $cnt }}"
                                                  {{ old('billing_country') ? (old('billing_country') == $cnt  ? 'selected' : false ) : (isset($billing) && $billing->Country == $cnt ? 'selected' : '') }}>
                                                  {{ __($cnt) }}</option>
                                          @endforeach
                                      </select>
                                  </div>
                              </div>

                              <div class="pt-5"></div>
                              <div class="row">
                                  <div class="col-lg-12">
                                      <h2 class="checkout-title">{{ __('Shipping Address') }}</h2>
                                  </div>
                                  <div class="form-group form-check terms-agree position-relative mb-3 rscn-terms-agree">
                                      <input  @if(old('copy_address') )checked @endif name="copy_address" type="checkbox" class="form-check-input" id="copy_address" />
                                      <label class="form-check-label"
                                          for="copy_address">{{ __('Same as billing address') }}</label>
                                  </div>
                                  <div class="pt-2"></div>
                                  <div class="col-lg-12">
                                      <div class="form-group">
                                          <input type="text" class="form-control" id="shipping_name"
                                              name="shipping_name" placeholder="{{ __('You Name Here') }}"
                                              value="{{ old('shipping_name') }}" />
                                          @error('shipping_name')
                                              <span class="text-danger">{{ $message }}</span>
                                          @enderror
                                      </div>
                                  </div>
                                  <div class="col-lg-12">
                                      <div class="form-group">
                                          <input type="email" class="form-control" id="shipping_email"
                                              name="shipping_email" placeholder="{{ __('Email Address') }}"
                                              value="{{ old('shipping_email') }}" />
                                          @error('shipping_email')
                                              <span class="text-danger">{{ $message }}</span>
                                          @enderror
                                      </div>
                                  </div>
                                  {{-- //to do later --}}
                                  <div class="col-md-6">
                                    <div class="form-group">
                                      <select id="shipping_PhoneNumber_country" name="shipping_PhoneNumber_country" class="form-control">
                                        <option value="" disabled>{{ __('Select') }}</option>
                                        @foreach ($countries as $country)
                                          @if (!old('shipping_PhoneNumber_country') && $country->name_en == 'Jordan')
                                            <option selected
                                              data-country-code="{{ $country->country_code }}"
                                              value="{{ $country->iso_code }}">
                                              {{ langConverter($country->name_en, $country->name_ar) }}
                                            </option>
                                          @elseif (old('shipping_PhoneNumber_country') && old('shipping_PhoneNumber_country') == $country->iso_code)
                                            <option selected
                                              data-country-code="{{ $country->country_code }}"
                                              value="{{ $country->iso_code }}">
                                              {{ langConverter($country->name_en, $country->name_ar) }}
                                            </option>
                                          @else
                                            <option
                                              data-country-code="{{ $country->country_code }}"
                                              value="{{ $country->iso_code }}">
                                              {{ langConverter($country->name_en, $country->name_ar) }}
                                            </option>
                                          @endif
                                        @endforeach
                                      </select>
                                      @error('shipping_PhoneNumber_country')
                                        <span class="text-danger">{{ $message }}</span>
                                      @enderror
                                    </div>
                                  </div>
                                  <div class="col-md-6">
                                    <div class="form-group d-flex border align-items-center">
                                      <span id="shipping_txtPhone" class="px-3 small-txt"></span>
                                      <input value="{{ old('shipping_PhoneNumber') }}" id="shipping_PhoneNumber" name="shipping_PhoneNumber" type="text" class="form-control">
                                    </div>
                                    @error('shipping_PhoneNumber')
                                      <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                  </div>

                                  <div class="col-md-6">
                                      <div class="form-group">
                                          <input type="text" class="form-control" id="shipping_street_address"
                                              name="shipping_street_address" placeholder="{{ __('Street Address') }}"
                                              value="{{ old('shipping_street_address') }}" />
                                          @error('shipping_street_address')
                                              <span class="text-danger">{{ $message }}</span>
                                          @enderror
                                      </div>
                                  </div>
                                  <div class="col-lg-6">
                                      <div class="form-group">
                                          <input type="text" class="form-control" id="shipping_state"
                                              name="shipping_state" placeholder="{{ __('State') }}"
                                              value="{{ old('shipping_state') }}" />
                                          @error('shipping_state')
                                              <span class="text-danger">{{ $message }}</span>
                                          @enderror
                                      </div>
                                  </div>
                                  <div class="col-lg-6">
                                      <div class="form-group">
                                          <input type="text" class="form-control" id="shipping_zipcode"
                                              name="shipping_zipcode" placeholder="{{ __('Zip/Postal Code') }}"
                                              value="{{ old('shipping_zipcode') }}" />
                                          @error('shipping_zipcode')
                                              <span class="text-danger">{{ $message }}</span>
                                          @enderror
                                      </div>
                                  </div>
                                  <div class="col-lg-12">
                                      <select class="form-select" id="shipping_country" name="shipping_country">
                                          <option value="">{{ __('Governorates') }}</option>
                                          @foreach (config('app.governorates') as $cnt)
                                            @if(old('shipping_country') == $cnt)
                                              <option value="{{ $cnt }}" selected>
                                                  {{ __($cnt) }}
                                              </option>
                                            @else
                                              <option value="{{ $cnt }}">
                                                {{ __($cnt) }}
                                              </option>
                                            @endif
                                          @endforeach
                                      </select>
                                      @error('shipping_country')
                                          <span class="text-danger">{{ $message }}</span>
                                      @enderror
                                  </div>
                              </div>

                              <div class="modal fade common-modal" id="show-razor-thanks" data-bs-backdrop="static"
                                  data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel"
                                  aria-hidden="true">
                                  <div class="modal-dialog modal-dialog-centered">
                                      <div class="modal-content">
                                          <div class="modal-header">
                                              <h5 class="modal-title" id="staticBackdropLabel">
                                                  {{ __('Razorpay Confirmation') }}</h5>
                                          </div>
                                          <div class="modal-body">
                                              {{ __('Your payment is authorized. For capturing your order click') }}
                                              <b>{{ __('Place Order') }}</b>
                                              <div class="modal-btn-wrap text-end">
                                                  <button type="submit"
                                                      class="primary-btn">{{ __('Place Order') }}</button>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="payment-method">
                  <div class="row">
                      <div class="col-lg-12">
                          <h2 class="checkout-title">{{ __('Payment Method') }}</h2>
                      </div>
                      @if(auth()->user())
                      @php
                          $grandTotal = currencyConverter(\Cart::subtotal() + allsetting()['shipping_charge'] + tax_amount(\Cart::subtotal()) - Session::get('CouponAmount'))
                      @endphp
                      <input type="checkbox" class="by_points" name="by_points" value="true" hidden>
                      @if ((new \App\Helpers\LoyaltyPointHelper)->getRedeemAmount($grandTotal,auth()->user()->id)['points']  > 0)
                      <button type="button" class="pay-btn border-0" data-bs-toggle="collapse" data-bs-target="#pay-btn" aria-expanded="false" aria-controls="pay-btn">{{ __('Pay By Points') }}<span class="pay-btn-txt">({{ (new \App\Helpers\LoyaltyPointHelper)->moneyPerPoints(auth()->user()->id)['activePoints'] }} {{ __('Points') }})</span></button>
                      @endif
                      {{-- <button type="button" class="pay-btn border-0" data-bs-toggle="collapse" data-bs-target="#pay-btn" aria-expanded="false" aria-controls="pay-btn">Pay By Points<span class="pay-btn-txt">({{ (new \App\Helpers\LoyaltyPointHelper)->moneyPerPoints(auth()->user()->id)['activePoints'] }} Points)</span></button> --}}
                      <div class="collapse" id="pay-btn">
                          <div class="checkout-pay-box">
                              <div class="row align-items-center">
                                  <div class="col-md-6">
                                      <div class="row">
                                          <div class="col-md-5">
                                              <div class="checkout-payment-tit">{{ __('Points') }}/{{ __('Amount') }}</div>
                                          </div>
                                          <div class="col-md-7">
                                              <div class="checkout-payment-txt">
                                                <span class="number-points"></span> {{ __('points') }} / <span class="number-amount"></span> {{ __('JD') }}
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-md-6 text-end">
                                      <img src="{{ asset('frontend/assets/images/payment-card-1-.svg') }}" alt="payment card img">
                                  </div>
                              </div>
                          </div>
                          <div class="checkout-pay-box">
                              <div class="row align-items-center">
                                  <div class="col-md-6">
                                      <div class="row">
                                          <div class="col-md-5">
                                              <div class="checkout-payment-tit">{{ __('HyperPay') }}</div>
                                          </div>
                                          <div class="col-md-7">
                                              <div class="checkout-payment-txt"><span id="hyperpayAmount"></span> JD</div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-md-6 text-end">
                                      <img src="{{ asset('frontend/assets/images/paypal.png') }}" alt="payment card img">
                                  </div>
                              </div>
                          </div>




                      </div>
                      @endif
                      <div class="col-lg-12">
                          @foreach ($paymentPlatforms as $payment)
                              @if (session()->get('razorpay-tansaction') == true)
                                  <!--                                                     <div class="form-group">
                                                  <div class="form-check card-check">
                                                      <input class="form-check-input buy_now" type="radio"
                                                          name="payment" id="razorpay" value="razorpay" checked />
                                                      <label class="form-check-label"
                                                          for="razorpay">{{ $payment->name }}</label>
                                                      <div class="input-icon">
                                                          <img src="{{ asset(IMG_PAYMENT_GATEWAY . $payment->image) }}"
                                                              alt="razorpay" />
                                                      </div>
                                                  </div>
                                              </div> -->
                              @else
                                  @if ($payment->slug == 'stripe')
                                      <!--                                                         <div class="form-group">
                                                      <div class="form-check card-check">
                                                          <input class="form-check-input" type="radio"
                                                              name="payment" id="creditcard" value="creditcard" />
                                                          <label class="form-check-label" for="creditcard">
                                                              {{ $payment->name }}</label>
                                                          <div class="input-icon">
                                                              <img src="{{ asset(IMG_PAYMENT_GATEWAY . $payment->image) }}"
                                                                  alt="payment-method" />
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <input type="hidden" name="payment_platform"
                                                      id="payment_platform">
                                                  <div class="card-infor-box mb-3 d-none" id="stripe-area">
                                                      <div class="row">
                                                          <div class="col-lg-12">
                                                              <label class="mt-3" for="card-element">
                                                                  {{ __('Card details:') }}
                                                              </label>

                                                              <div id="cardElement"></div>

                                                              <small class="form-text text-muted" id="cardErrors"
                                                                  role="alert"></small>

                                                              <input type="hidden" name="payment_method"
                                                                  id="paymentMethod">
                                                          </div>
                                                      </div>
                                                  </div> -->
                                  @endif
                                  @if ($payment->slug == 'sslcommerz')
                                      <!--                                                         <div class="form-group">
                                                      <div class="form-check card-check">
                                                          <input class="form-check-input" type="radio"
                                                              name="payment" id="sslcommerz" value="sslcommerz" />
                                                          <label class="form-check-label"
                                                              for="sslcommerz">{{ $payment->name }}</label>
                                                          <div class="input-icon">
                                                              <img src="{{ asset(IMG_PAYMENT_GATEWAY . $payment->image) }}"
                                                                  alt="sslcommerz" />
                                                          </div>
                                                      </div>
                                                  </div> -->
                                  @endif
                                  <!--                                                     @if ($payment->slug == 'paypal')
<div class="form-group">
                                                      <div class="form-check card-check">
                                                          <input class="form-check-input" type="radio"
                                                              name="payment" id="paypal" value="paypal" />
                                                          <label class="form-check-label"
                                                              for="paypal">{{ $payment->name }}</label>
                                                          <div class="input-icon">
                                                              <img src="{{ asset(IMG_PAYMENT_GATEWAY . $payment->image) }}"
                                                                  alt="paypal" />
                                                          </div>
                                                      </div>
                                                  </div>
@endif -->
                                  <!--                                                     @if ($payment->slug == 'razorpay')
<div class="form-group">
                                                      <div class="form-check card-check">
                                                          <input class="form-check-input" type="radio"
                                                              name="payment" id="razorpay" value="razorpay" />
                                                          <label class="form-check-label"
                                                              for="razorpay">{{ $payment->name }}</label>
                                                          <div class="input-icon">
                                                              <img src="{{ asset(IMG_PAYMENT_GATEWAY . $payment->image) }}"
                                                                  alt="razorpay" />
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <input type="hidden" name="pay_to_razorpay" id="pay-to-razorpay"
                                                      value="{{ round(convertToINR(\Cart::subtotal() + allsetting()['shipping_charge'] + tax_amount(\Cart::subtotal()) - Session::get('CouponAmount'))) }}">
                                                  <input type="hidden" name="razorpay_key" id="razorpay-key"
                                                      value="{{ env('RAZORPAY_KEY') }}">
                                                  <input type="hidden" name="razorpay_payment_id"
                                                      id="razorpay-payment-id">
@endif -->
                                  <!--                                                     @if ($payment->slug == 'bank')
<div class="form-group">
                                                      <div class="form-check card-check">
                                                          <input class="form-check-input" type="radio"
                                                              name="payment" id="bank" value="bank" />
                                                          <label class="form-check-label" for="bank">
                                                              {{ $payment->name }}</label>
                                                          <div class="input-icon">
                                                              <img src="{{ asset(IMG_PAYMENT_GATEWAY . $payment->image) }}"
                                                                  alt="payment-method" />
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="card-infor-box mb-3 d-none" id="bank-area">
                                                      <div class="form-group">
                                                          <div class="row">
                                                              <div class="col-lg-12">
                                                                  <label class="mt-3" for="bank-trans-num">
                                                                      {{ __('Transaction Number:') }}
                                                                  </label>
                                                                  <input type="text"
                                                                      name="bank_transaction_number"
                                                                      id="bank-trans-num" class="form-control"
                                                                      placeholder="{{ __('Enter Your Transaction Number') }}" />
                                                              </div>
                                                              <div class="col-lg-12">
                                                                  <div class="mt-3">
                                                                      <b>{{ __('Bank Account Details:') }}</b> <br>
                                                                      {{ __('Bank Name:') }}
                                                                      {{ env('BANK_NAME') }}
                                                                      <br>
                                                                      {{ __('Account Number:') }}
                                                                      {{ env('BANK_ACCOUNT_NUMBER') }} <br>
                                                                      {{ __('Account Holder:') }}
                                                                      {{ env('BANK_ACCOUNT_HOLDER_NAME') }} <br>
                                                                      {{ __('Branch:') }}
                                                                      {{ env('BANK_ACCOUNT_BRANCH') }} <br>
                                                                      {{ __('Swift Code:') }}
                                                                      {{ env('BANK_SWIFT_CODE') }} <br>
                                                                      {{ __('Routing Number:') }}
                                                                      {{ env('BANK_ROUTING_NUMBER') }} <br>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
@endif -->
                              @endif
                          @endforeach
                          <div class="payment-way-form-container">
                             <div class="payment-way-form position-relative">
                            @if (env('COD_STATUS') == '1')
                                <div class="form-group mb-4">
                                    <div class="form-check card-check">
                                        <input class="form-check-input" type="radio" name="payment"
                                            id="COD" value="COD" />
                                        <label class="form-check-label" for="COD">
                                            {{ __(env('COD_NAME')) }} </label>
                                        <div class="input-icon">
                                            <img src="{{ asset(IMG_PAYMENT_GATEWAY . env('COD_IMAGE')) }}"
                                                alt="{{ env('COD_NAME') }}" />
                                        </div>
                                    </div>
                                </div>
                            @endif


                            @if (env('HYPERPAY_STATUS') == '1')
                                <div class="form-group">
                                    <div class="form-check card-check">
                                        <input class="form-check-input" type="radio" name="payment"
                                            id="HYPERPAY" value="HYPERPAY" />
                                        <label class="form-check-label"
                                            for="HYPERPAY">{{ __(env('HYPERPAY_NAME')) }}</label>
                                        <div class="input-icon">
                                            <img src="{{ asset(IMG_PAYMENT_GATEWAY . env('HYPERPAY_IMAGE')) }}"
                                                alt="{{ env('HYPERPAY_NAME') }}" />
                                        </div>
                                    </div>
                                    <input type="hidden" name="payment_method" id="paymentMethod">
                                </div>
                            @endif
                            @error('payment')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                            </div>
                          </div>
                          <div class="form-group form-check terms-agree position-relative mb-3">
                              <input type="checkbox" class="form-check-input" id="agree"
                                  required />
                              <label class="form-check-label"
                                  for="agree">{{ __('By clicking the button you agree to our') }}
                                  <a
                                      href="{{ route('terms.conditions') }}">{{ __('Terms & Conditions') }}</a></label>
                          </div>
                          {{-- @if (auth()->check()) --}}
                              <button type="submit" id="payButton"
                                  class="checkout-btn form-btn">{{ __('Place Order') }}</button>
                              <button type="button" id="payButtonN"
                                  class="checkout-btn form-btn d-none buy_now">{{ __('Place Order') }}</button>
                          {{-- @else
                              <button type="button" class="checkout-btn" data-bs-toggle="modal"
                                  data-bs-target="#loginModal">{{ __('Place Order') }}</button>
                          @endif --}}

                      </div>
                    </div>
                  </div>
                          </form>
                      </div>
                  </div>
                  <div class="col-lg-6 col-md-6">

                      <!-- Cart page bottom box -->
                      <div class="checkout-discount-box">
                          <h2 class="mb-3">{{ __('Discount Codes') }}</h2>
                          <form action="{{ route('apply.coupon') }}" method="post">
                              @csrf
                              <div class="input-group mb-2">
                                  <input type="text" class="form-control" name="coupon_code"
                                      placeholder="{{ __('Enter your coupon code') }}"
                                      value="{{ session('couponCode') }}"
                                  required/>
                                  <input hidden type="text" class="form-control" value="shopping"
                                      name="type" required />
                                  <button type="submit"
                                      class="border-0 px-4 apply-coupon-btn">{{ __('Apply Coupon') }}</button>
                              </div>
                              {{-- //to do later --}}
                              {{-- <div class="small-txt txt-orangish mt-4">{{__('Coupon discount valid on purchases above 40 JOD')}}</div> --}}
                          </form>
                      </div>

                      {{-- Cart Summary --}}
                      <div class="cart-summary">
                          <div class="summary-top d-flex">
                              <h2>{{ __('Cart Summary') }}</h2>
                              <a class="edite-btn" href="{{ route('cart.content') }}">{{ __('Edit') }}</a>
                          </div>
                          <div class="table-responsive">
                              <table class="table table-striped table-bordered rscnCart-table mb-5">
                                <thead>
                                  <tr>
                                    <th scope="col">{{ __('Item') }}</th>
                                    <th scope="col">#</th>
                                    <th scope="col">{{ __('Price') }}</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  @php
                                      $total = 0;
                                  @endphp
                                  @foreach ($content as $item)
                                      <tr>
                                          <td>
                                            {{ \Illuminate\Support\Str::limit(productLangConverter($item->id), 48, $end='...')  }}
                                          </td>
                                        <td>{{ $item->qty }}</td>
                                        <td>{{ currencyConverter($item->price * $item->qty) }}</td>
                                      </tr>
                                  @endforeach
                                </tbody>
                              </table>
                          </div>

                          {{-- <ul class="cart-product-list">
                              @php
                                  $total = 0;
                              @endphp
                              @foreach ($content as $item)
                                  <li class="single-cart-product d-flex justify-content-between">
                                      <div class="product-info">
                                          <h3>{{ $item->qty }} {{ productLangConverter($item->id) }}</h3> --}}
                                          {{-- <p>{{ __('Size:') }}
                                              {{ is_null($item->options->size) ? __('Free Size') : $item->options->size }}
                                          </p>
                                          <p class="checkout-page-color-show">{{ __('Color:') }} @if (is_null($item->options->color))
                                                  {{ __('Any Color') }}
                                              @else
                                                  <span style="background:{{ $item->options->color }};"></span>
                                              @endif
                                          </p> --}}
                                      {{-- </div>
                                      <div class="price-area">
                                          <h3 class="price">
                                              {{ currencyConverter($item->price * $item->qty) }}
                                          </h3>
                                      </div>
                                  </li>
                              @endforeach

                          </ul> --}}

                          <!-- <input type="text" name="userDiscount" id="userDiscount" value="15"> -->

                          <ul class="summary-list mt-0">
                              <li>{{ __('Subtotal') }}
                                  <span>{{ currencyConverter(\Cart::subtotal()) }}</span>
                              </li>
                              <li>{{ __('Shipping Cost') }} <span id="delivery-charge-curr"></span></li>
                              {{-- <li>{{ __('VAT/Tax') }} <span
                                      id="tax-show-curr">{{ currencyConverter(tax_amount(\Cart::subtotal())) }}</span>
                              </li> --}}

{{--
                              @if (auth()->user() )
                                <li>{{ __('Member discount') }}
                                  <span id="user-discount-ammount">
                                    {{ user_discount() . '%' }}
                                    </span>
                                </li>
                              @endif
                              @if (!empty(Session::get('CouponAmount')) )
                                  <li>{{ __('Coupon Discount (-)') }}
                                      <span>{{ Session::get('CouponAmount') . '%' }}</span>
                                  </li>
                              @endif --}}


                            @if (auth()->user() && user_discount() >= Session::get('CouponAmount'))
                              <li>{{ __('Member discount') }}
                                <span id="user-discount-ammount">
                                  {{ user_discount() . '%' }}
                                  </span>
                              </li>
                            @elseif(!empty(Session::get('CouponAmount')) )
                              <li>{{ __('Coupon Discount (-)') }}
                                <span>{{ Session::get('CouponAmount') . '%' }}</span>
                              </li>
                            @endif
                          </ul>
                          <div class="total-amount">
                              <h3 class="d-flex justify-content-between">
                                  <span>{{ __('Total Cost') }}</span>
                                  <span id="total-cost-curr">
                                      {{ currencyConverter(\Cart::subtotal() + allsetting()['shipping_charge'] + tax_amount(\Cart::subtotal()) - Session::get('CouponAmount')) }}
                                  </span>
                              </h3>
                          </div>
                          <div>{{ __('note : prices include tax') }}</div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </section>
  <div id="stripe-collapse" data-stripe="{{ route('stripe_collapse') }}"></div>
  <div id="stripe-key" data-key="{{ config('services.stripe.key') }}"></div>
  <div id="user-name" data-key="{{ auth()->check() ? auth()->user()->name : 'Guest User' }}"></div>
  <div id="user-email" data-key="{{ auth()->check() ? auth()->user()->email : 'guest@gmail.com' }}"></div>
  <div id="get-tax-amount" data-url="{{ route('checkout.get_tax_amount') }}"></div>
  <div id="get-user-discount" data-url="{{ route('checkout.get_user_discount') }}"></div>

  <!-- checkout page area end here  -->
  @push('post_script')
    <script src="https://js.stripe.com/v3/"></script>
    <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
    <script src="{{ asset('frontend/assets/js/pages/checkout.js') }}"></script>
    <script>
      $(document).ready(function() {
        console.log('coupon')
        $.ajax({
            type: "GET",
            dataType: "json",
            url: "{{ route('checkout.get_user_discount') }}",
            success: function(response) {
              if(response.success != false) {
                console.log(response)
                  // $('#total-cost-curr').text(response.total_cost_curr)
              }
            }
        });
      });
    </script>
    <script type="text/javascript">
      $(function() {
        let value = "962";
        $("#billing_txtPhone").text(value);
        let countryCode = $('#billing_PhoneNumber_country option:selected').data('country-code');
        if(countryCode) {
          $("#billing_txtPhone").text(countryCode);
        }
        $("#billing_PhoneNumber_country").change(function() {
          let countryCode = $(this).find('option:selected').data('country-code');
          $("#billing_txtPhone").text(countryCode);
        });
      })
    </script>
    <script type="text/javascript">
      $(function() {
        let value = "962";
        $("#shipping_txtPhone").text(value);
        let countryCode = $('#shipping_PhoneNumber_country option:selected').data('country-code');
        if(countryCode) {
          $("#shipping_txtPhone").text(countryCode);
        }
        $("#shipping_PhoneNumber_country").change(function() {
          let countryCode = $(this).find('option:selected').data('country-code');
          $("#shipping_txtPhone").text(countryCode);
        });
      })
    </script>
  @endpush
@endsection