<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <data>
        <template id="stripe_form">
            <input type="hidden" name="data_set" t-att-data-action-url="tx_url" data-remove-me=""/>
            <input type="hidden" name='stripe_image' t-att-value="acquirer.stripe_image_url"/>
            <input type="hidden" name='merchant' t-att-value='acquirer.company_id.name'/>
            <input type="hidden" name='amount' t-att-value="amount"/>
            <input type="hidden" name='return_url' t-att-value='returndata'/>
            <!--Order Information -->
            <input type="hidden" name='invoice_num' t-att-value='reference'/>
            <input type="hidden" name='currency' t-att-value='currency'/>
            <input type="hidden" name='currency_id' t-att-value='currency_id'/>
            <!-- Billing Information-->
            <input type="hidden" name='name' t-att-value='name'/>
            <input type="hidden" name='address_line1' t-att-value='address_line1'/>
            <input type="hidden" name='address_city' t-att-value='address_city'/>
            <input type="hidden" name='address_zip' t-att-value='address_zip'/>
            <input type="hidden" name='address_country' t-att-value='address_country'/>
            <input type="hidden" name='phone' t-att-value='phone'/>
            <input type="hidden" name='email' t-att-value='email'/>
            <input id="acquirer_stripe" type="hidden" name="acquirer" t-att-value="acquirer.id"/>
            <input type="hidden" name="stripe_key" t-att-value="acquirer.stripe_publishable_key"/>
            <script type="text/javascript" src="/payment_stripe/static/src/js/stripe.js"></script>
        </template>

        <template id="stripe_s2s_form">
            <input type="hidden" name="data_set" data-create-route="/payment/stripe/s2s/create_json_3ds"/>
            <div t-attf-class="row mt8 #{'' if bootstrap_formatting else 'o_card_brand_detail'}">
                <div t-att-class="'form-group col-lg-12' if bootstrap_formatting else 'form-group'">
                    <input type="tel" name="cc_number" id="cc_number" class="form-control" placeholder="Card number" data-is-required="true"/>
                    <div class="card_placeholder"></div>
                    <div class="visa"></div>
                    <input type="hidden" name="cc_brand" value=""/>
                </div>
                <div t-att-class="'form-group col-lg-5' if bootstrap_formatting else 'form-group'">
                    <input type="text" name="cc_holder_name" id="cc_holder_name" class="form-control" placeholder="Cardholder name" data-is-required="true"/>
                </div>
                <div t-att-class="'form-group col-lg-3' if bootstrap_formatting else 'form-group'">
                    <input type="text" name="cc_expiry" id="cc_expiry" class="form-control" maxlength="7" placeholder="Expires (MM / YY)" data-is-required="true"/>
                </div>
                <div t-att-class="'form-group col-lg-4' if bootstrap_formatting else 'form-group'">
                    <input type="text" name="cvc" id="cvc" class="form-control" maxlength="4" placeholder="CVC" data-is-required="true"/>
                </div>
                <input type="hidden" name="acquirer_id" t-att-value="id"/>
                <input t-if="return_url" type="hidden" name="return_url" t-att-value="return_url"/>
                <input t-if="partner_id" type="hidden" name="partner_id" t-att-value="partner_id"/>
                <input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
                <div class="clearfix"/>
            </div>
        </template>
    </data>
</odoo>
