{{--@dd($paymentMethods)--}}
<div class="modal-dialog modal-xl" role="document">
  <div class="modal-dialog modal-md modal-dialog-centered" role="document">
    <div class="modal-content p-2">
      <div class="modal-header p-3">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="form-title text-center">
          <h4>
             <i class="fa fa-"></i>
            {{ trans('theme.checkout_tender_fee') }}
          </h4>
        </div>

        <div class="d-flex flex-column">
          <ul class="list-group m4-3">
            <li class="list-group-item d-flex justify-content-between lh-sm">
              <div>
                <h6 class="my-0">{{ trans('theme.tender_fee') }}</h6>
              </div>
              <span class="text-muted">{!! get_formated_price($tender->subscription_price, config('system_settings.decimals', 2)) !!}</span>
            </li>
          </ul>

        </div>

{{--        /////////////////////////////--}}
        <h4 class="d-flex justify-content-between align-items-center mb-4">{{ trans('theme.payment_options') }}</h4>
        <div class="space20">
          @php
            $config_shop = vendor_get_paid_directly() ;

           // When admin get paid but still give option to vendors on/off a active payment method.--}}--}}--}}
           // $active_payment_methods = isset($shop) && !vendor_get_paid_directly() && vendor_can_on_off_payment_method() ? $shop->paymentMethods->pluck('id')->toArray() : [];
          @endphp

          @foreach ($paymentMethods as $paymentMethod)
            {{-- When admin get paid but still give option to vendors on/off a active payment method --}}
{{--            @continue(!vendor_get_paid_directly() && isset($shop) && vendor_can_on_off_payment_method() && !in_array($paymentMethod->id, $active_payment_methods))--}}

            @php
              $config = get_payment_config_info($paymentMethod->code , $config_shop);

              $suffix = '';
              if ($paymentMethod->code == 'zcart-wallet' && isset($config['config'])) {
                  $suffix = ' (' . get_formated_currency($config['config']) . ')';
              }

            @endphp

            {{-- Skip the payment option if not confirured --}}
            @continue(!$config || !is_array($config) || !$config['config'])

            {{-- @if ($paymentMethod->code !== 'pip' && $shop->config->pay_online) --}}
            @if ($customer && $paymentMethod->code == 'stripe' && $customer->hasBillingToken())
              <div class="form-group">
                <label>
                  <input name="payment_method" value="saved_card" class="i-radio-blue payment-option" type="radio" data-info="{{ $config['msg'] }}" data-type="{{ $paymentMethod->type }}" required="required" {{ old('payment_method') ? '' : 'checked' }} /> @lang('theme.card'): <i class="fab fa-cc-{{ strtolower($customer->pm_type) }}"></i> ************{{ $customer->pm_last_four }}
                </label>
              </div>
              {{-- @endif --}}
            @endif

            {{-- @if ($paymentMethod->code == 'pip' && $shop->config->pay_in_person) --}}
            <div class="form-group">
              <label>
                <input name="payment_method" value="{{ $paymentMethod->code }}" data-code="{{ $paymentMethod->code }}" class="i-radio-blue payment-option" type="radio" data-info="{{ $config['msg'] }}" data-type="{{ $paymentMethod->type }}" required="required" {{ old('payment_method') == $paymentMethod->code ? 'checked' : '' }} /> {{ $paymentMethod->code == 'stripe' ? trans('theme.credit_card') : $paymentMethod->name . $suffix }}
              </label>
            </div>
            {{-- @endif --}}
          @endforeach
        </div>

        {{-- authorize-net --}}
        @include('partials.authorizenet_card_form')

        {{-- Stripe --}}
        @include('partials.strip_card_form')

        {{-- Razorpay --}}
        @if (is_incevio_package_loaded('razorpay'))
          <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
          <input type="hidden" name="razorpay_payment_id" id="razorpay_payment_id">
          <input type="hidden" name="razorpay_signature" id="razorpay_signature">
        @endif

        {{-- JRF Pay --}}
        @if (is_incevio_package_loaded('jrfpay'))
          @include('jrfpay::jrfpay_payment_form')
        @endif

        {{-- M-Pesa Payment --}}
        @if (is_incevio_package_loaded('mpesa'))
          @include('mpesa::mpesa_payment_form')
        @endif



        <p id="payment-instructions" class="text-info small space30">
          <i class="fas fa-info-circle"></i>
          <span>@lang('theme.placeholder.select_payment_option')</span>
        </p>

        <div class="form-group mb-4">
          <div class="checkbox">
            <label>
              {!! Form::checkbox('agree', null, null, ['class' => 'i-check-blue', 'required']) !!} {!! trans('theme.input_label.i_agree_with_terms', ['url' => route('page.open', \App\Models\Page::PAGE_TNC_FOR_CUSTOMER)]) !!}
            </label>
          </div>
          <div class="help-block with-errors"></div>
        </div>

        <div id="submit-btn-block" class="clearfix space30" style="display: none;">
          <button id="pay-now-btn" class="btn btn-primary btn-lg btn-block" type="submit">
            <small>
              <i class="far fa-shield"></i> <span id="pay-now-btn-txt">@lang('theme.button.checkout')</span>
            </small>
          </button>

          <a href="javascript:void(0)" id="paypal-express-btn" class="hide" type="submit">
            <img src="{{ asset(sys_image_path('payment-methods') . 'paypal-express.png') }}" width="70%" alt="paypal express checkout" title="paypal-express" />
          </a>
        </div>

        {{--        /////////////////////////////--}}

      </div>
      <div class="modal-footer d-flex justify-content-center">
        <div class="signup-section">
{{--          @include(\Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))--}}
        </div>
      </div>
    </div>
  </div>
</div> <!-- /#contactSellerModal -->

<script src='https://www.google.com/recaptcha/api.js'></script>
<script>
  @include('scripts.checkout')
  @include('website.scripts.dynamic_checkout')

</script>

{{--<div class="modal-dialog modal-xl" role="document">--}}
{{--  <div class="modal-content flat">--}}
{{--    <a class="close" data-dismiss="modal" aria-hidden="true">&times;</a>--}}
{{--    <div class="modal-body sc-product-item">--}}
{{--      <div class="form-title text-center">--}}
{{--        <h4>--}}
{{--           <i class="fa fa-"></i>--}}
{{--          {{ trans('theme.checkout_tender_fee') }}--}}
{{--        </h4>--}}
{{--      </div>--}}

{{--      <div class="d-flex flex-column">--}}
{{--        <ul class="list-group m4-3">--}}
{{--          <li class="list-group-item d-flex justify-content-between lh-sm">--}}
{{--            <div>--}}
{{--              <h6 class="my-0">{{ trans('theme.tender_fee') }}</h6>--}}
{{--            </div>--}}
{{--            <span class="text-muted">{!! get_formated_price($tender->subscription_price, config('system_settings.decimals', 2)) !!}</span>--}}
{{--          </li>--}}
{{--        </ul>--}}

{{--      </div>--}}
{{--      <small class="help-block text-muted text-left mt-4">* {{ trans('theme.help.required_fields') }}</small>--}}
{{--    </div>--}}
{{--  </div><!-- /.modal-content -->--}}
{{--</div><!-- /.modal-dialog -->--}}