billing: Move next payment info below card details.

This commit is contained in:
Aman Agrawal 2023-11-08 07:00:34 +00:00
parent 68a117d490
commit 3adddaa643
1 changed files with 22 additions and 22 deletions

View File

@ -82,6 +82,27 @@
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div>
<div id="payment-method">
<div id="cardchange-error" class="alert alert-danger"></div>
<div class="input-box billing-page-field no-validation">
<label for="customer-payment-method" class="inline-block label-title">Payment method</label>
<div id="customer-payment-method" class="">
{{ payment_method }}
</div>
{% if charge_automatically %}
<div class="user-stripe-card-update">
<button class="user-stripe-card-update-button">
<span class="billing-button-text">Update card</span>
<object class="loader billing-button-loader" type="image/svg+xml" data="{{ static('images/loading/loader-white.svg') }}"></object>
</button>
</div>
{% endif %}
</div>
<div id="cardchange-success" class="alert alert-success">
Redirecting to Stripe checkout page for updating Card details.
</div>
</div>
<div class="next-payment-info not-editable-realm-field"> <div class="next-payment-info not-editable-realm-field">
{% if renewal_amount %} {% if renewal_amount %}
{% if free_trial %} {% if free_trial %}
@ -104,27 +125,6 @@
Your plan ends on <strong>{{ renewal_date }}</strong>, and does not renew. Your plan ends on <strong>{{ renewal_date }}</strong>, and does not renew.
{% endif %} {% endif %}
</div> </div>
</div>
<div id="payment-method">
<div id="cardchange-error" class="alert alert-danger"></div>
<div class="input-box billing-page-field no-validation">
<label for="customer-payment-method" class="inline-block label-title">Payment method</label>
<div id="customer-payment-method" class="">
{{ payment_method }}
</div>
{% if charge_automatically %}
<div class="user-stripe-card-update">
<button class="user-stripe-card-update-button">
<span class="billing-button-text">Update card</span>
<object class="loader billing-button-loader" type="image/svg+xml" data="{{ static('images/loading/loader-white.svg') }}"></object>
</button>
</div>
{% endif %}
</div>
<div id="cardchange-success" class="alert alert-success">
Redirecting to Stripe checkout page for updating Card details.
</div>
</div>
<div id="settings"> <div id="settings">
<div id="planchange-error" class="alert alert-danger"></div> <div id="planchange-error" class="alert alert-danger"></div>