@push('ch_header')
    <script>
        const stripeKey = {!! '"'.setting("stripe.pk").'"' !!};
    </script>
@endpush
<div class="stripe mb-4 mt-3" v-show="paymentMethod === '{{$id}}'">
    <label for="card-element" class="block text-sm font-medium text-text-main dark:text-white mb-3">
        @lang('checkout.Credit or debit card')
    </label>
    <div id="card-element" class="w-full px-4 py-3 bg-gray-50 dark:bg-background-dark border border-gray-200 dark:border-gray-700 rounded-lg">
        <!-- A Stripe Element will be inserted here. -->
    </div>

    <!-- Used to display form errors. -->
    <div id="card-errors" role="alert" class='alert alert-warning' style="display: none;"></div>
</div>
@push('ch_footer')
    <script src="//js.stripe.com/v3/"></script>
@endpush