<!-- Stripe -->
<div class="tab-pane" id="stripe">
    <div class="alert alert-info">
        <div class="icon">
            <i class="fa fa-info-circle fa-2x"></i>
        </div>
        <div class="text">
            To start using Stripe, you'll need to create an account at <a target="_blank" href="https://dashboard.stripe.com/">Stripe</a><br>
            Check the documentation for more help
        </div>
    </div>

    <form class="js_ajax-forms col-md-9 form-horizontal" data-url="/{$module_name}/updateStripeSettings">
        <input type="hidden" name="site_id" value="{$stripeConfiguration.SITE_ID}"/>
        <div class="form-group form-row">
            <label class="col-sm-3 control-label text-left">
                Stripe Enabled
            </label>
            <div class="col-sm-9">
                <label class="switch" for="stripe_enabled">
                    <input type="checkbox" name="stripe_enabled" id="stripe_enabled" {if $stripeConfiguration.STRIPE_ENABLED == '1'}checked="checked"{/if}>
                    <span class="slider round"></span>
                </label>
                <span class="help-block">
                    Enable payments via Credit Card
                </span>
            </div>
        </div>
        <div class="form-group form-row">
            <label class="col-sm-3 control-label text-left">
                Default
            </label>
            <div class="col-sm-9">
                <label class="switch" for="default_method_stripe">
                    <input type="checkbox" name="default_method_enabled" id="default_method_stripe" {if $stripeConfiguration.PAYMENT_METHOD_DEFAULT == 'stripe'}checked="checked"{/if}>
                    <span class="slider round"></span>
                </label>
                <span class="help-block">
                    Make it the default payment method of the site
                </span>
            </div>
        </div>
        <div class="form-group form-row">
            <label class="col-sm-3 control-label text-left">
                Stripe Mode
            </label>
            <div class="col-sm-9">
                <div class="radio radio-primary radio-inline">
                    <input type="radio" name="stripe_mode" id="stripe_live" {if $stripeConfiguration.STRIPE_MODE == 'live'}checked{/if} value="live">
                    <label for="stripe_live">Live</label>
                </div>
                <div class="radio radio-primary radio-inline">
                    <input type="radio" name="stripe_mode" id="stripe_test" {if $stripeConfiguration.STRIPE_MODE == 'test'}checked{/if} value="test">
                    <label for="stripe_test">Test</label>
                    </div>
            </div>
        </div>
        <div class="form-group form-row">
            <label class="col-sm-3 control-label text-left">
                Live Publishable Key
            </label>
            <div class="col-sm-9">
                <input class="form-control" type="text" name="stripe_live_key" id="stripe_live_key" maxlength="255" value="{$stripeConfiguration.STRIPE_LIVE_KEY}">
                <span class="help-block">
                    Stripe secret key that starts with pk_
                </span>
            </div>
        </div>
        <div class="form-group form-row">
            <label class="col-sm-3 control-label text-left">
                Test Publishable Key
            </label>
            <div class="col-sm-9">
                <input class="form-control" type="text" name="stripe_test_key" id="stripe_test_key" maxlength="255" value="{$stripeConfiguration.STRIPE_TEST_KEY}">
                <span class="help-block">
                    Stripe secret key that starts with pk_
                </span>
            </div>
        </div>
        <div class="form-group form-row">
            <label class="col-sm-3 control-label text-left">
                Live Secret Key
            </label>
            <div class="col-sm-9">
                <input class="form-control" type="text" name="stripe_live_secret" id="stripe_live_secret" maxlength="255" value="{$stripeConfiguration.STRIPE_LIVE_SECRET}">
                <span class="help-block">
                    Stripe secret key that starts with sk_
                </span>
            </div>
        </div>
        <div class="form-group form-row">
            <label class="col-sm-3 control-label text-left">
                Test Secret Key
            </label>
            <div class="col-sm-9">
                <input class="form-control" type="text" name="stripe_test_secret" id="stripe_test_secret" maxlength="255" value="{$stripeConfiguration.STRIPE_TEST_SECRET}">
                <span class="help-block">
                    Stripe secret key that starts with sk_
                </span>
            </div>
        </div>

        <div class="form-group form-row">
            <div class="col-sm-9 offset-sm-3">
                <!-- success -->
                <div class="alert alert-success mt10 x-hidden" role="alert"></div>
                <!-- success -->

                <!-- error -->
                <div class="alert alert-danger mt10 x-hidden" role="alert"></div>
                <!-- error -->

                <button type="submit" class="btn btn-info">Save Changes</button>
            </div>
        </div>
    </form>
</div>
<!-- Stripe -->