2019-11-04 00:37:21 -05:00
|
|
|
|
2019-12-15 21:59:58 -05:00
|
|
|
<div class="discourse-subscriptions-section-columns">
|
2019-12-17 16:47:01 -05:00
|
|
|
<div class="section-column discourse-subscriptions-confirmation-billing">
|
2019-11-04 00:37:21 -05:00
|
|
|
<h2>
|
|
|
|
{{model.product.name}}
|
|
|
|
</h2>
|
2019-12-17 05:14:13 -05:00
|
|
|
|
|
|
|
<hr>
|
|
|
|
|
2019-11-04 00:37:21 -05:00
|
|
|
<p>
|
2020-10-12 11:01:33 -04:00
|
|
|
{{html-safe model.product.description}}
|
2019-11-04 00:37:21 -05:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="section-column">
|
2019-11-28 04:11:48 -05:00
|
|
|
{{#unless model.product.subscribed}}
|
2019-11-28 23:08:51 -05:00
|
|
|
<h2>
|
2019-12-03 17:29:13 -05:00
|
|
|
{{i18n 'discourse_subscriptions.subscribe.card.title'}}
|
2019-11-28 23:08:51 -05:00
|
|
|
</h2>
|
2019-11-04 00:37:21 -05:00
|
|
|
|
2019-12-17 05:14:13 -05:00
|
|
|
<hr>
|
|
|
|
|
2019-12-12 18:41:14 -05:00
|
|
|
{{payment-options
|
|
|
|
plans=model.plans
|
2020-07-22 12:06:34 -04:00
|
|
|
selectedPlan=selectedPlan
|
2019-12-12 18:41:14 -05:00
|
|
|
}}
|
2019-12-05 21:52:03 -05:00
|
|
|
|
|
|
|
<hr>
|
|
|
|
|
2020-10-29 11:21:14 -04:00
|
|
|
{{subscribe-card cardElement=cardElement}}
|
|
|
|
|
2019-11-28 04:11:48 -05:00
|
|
|
{{#if loading}}
|
|
|
|
{{loading-spinner}}
|
2020-10-28 14:30:26 -04:00
|
|
|
{{else if isAnonymous}}
|
|
|
|
{{login-required}}
|
2019-11-28 23:08:51 -05:00
|
|
|
{{else}}
|
2021-01-07 16:25:44 -05:00
|
|
|
<div class='promo-code'>
|
|
|
|
{{input type="text" name="promo_code" placeholderKey="discourse_subscriptions.subscribe.promo_code" value=promoCode}}
|
|
|
|
</div>
|
2020-10-28 14:30:26 -04:00
|
|
|
|
2020-07-22 12:06:34 -04:00
|
|
|
{{d-button
|
2019-11-28 23:08:51 -05:00
|
|
|
disabled=loading
|
|
|
|
action="stripePaymentHandler"
|
2020-07-22 12:06:34 -04:00
|
|
|
class="btn btn-primary btn-payment"
|
|
|
|
label="discourse_subscriptions.plans.payment_button"
|
|
|
|
}}
|
2019-11-28 04:11:48 -05:00
|
|
|
{{/if}}
|
|
|
|
|
|
|
|
{{/unless}}
|
2019-11-04 00:37:21 -05:00
|
|
|
</div>
|
|
|
|
</div>
|