<div class="form-container">
    <div id="payment-form">
        <div class="form-header">
            <h1 class="Header-companyName">{$siteName}</h1>
            <h2 class="Header-purchaseDescription">{$title}</h2>
        </div>
        <div class="form-body">
            <button class="pay_btn tp_button" data-api_ref="{$paper.id}"
                data-email="{$user.email}" data-amount="{$amount}" data-currency="{$currency}">
                Pay {$price_formatted}
            </button>
            <button id="stripeJSPayButton" class="" type="submit"></button>
            <a class="back_to_order" href="/dashboard/paper/{$paper.id}/pay">Back to Order</a>
        </form>
    </form> 
</div> 

<script src="https://unpkg.com/intasend-inlinejs-sdk@2.0.7/build/intasend-inline.js"></script>
<script>
    let intasendPayment = window.IntaSend.setup({
        publicAPIKey: "{$intasend_public_key}",
        redirectURL: "{$success_url nofilter}&nodeId={$paper.id}",
        live: {if $intasend_mode == "live"} true {else} false {/if}
    })

    intasendPayment.run({
        api_ref: "{$paper.id}",
        amount: {$amount},
        email: "{$user.email}",
        currency: "{$currency}"
    })
</script>