
     
<script src="https://js.stripe.com/v3/"></script>



<input type='hidden' id='stripeKey' value='{{stripeKey}}'/>
<input type='hidden' id='clientSecret' value='{{clientSecret}}'/>

<section>
    <form id="payment-form" class='paymentForm'>
            <div id="link-authentication-element">
              <!-- Elements will create authentication element here -->
            </div>
            <div id="payment-element">
              <!-- Elements will create form elements here -->
            </div>
            <div class='center marginTop' style='margin-top:15px'>
                <button id="submit" class='btn btn-primary'>{{GetCode(Shop.PayNow)}}</button>
            </div>
            <div id="error-message" class="error">
              <!-- Display error message to your customers here -->
            </div>
    </form>
            
    
    
</section>

<script>
    
    document.addEventListener("DOMContentLoaded", function() {
        Plugin.Register("StripePlugin", "PaidPlugin");
       
        setTimeout(function(){
            StripePlugin.Init();
        }, 1000);
        
    });
    
</script>