Changeset View
Changeset View
Standalone View
Standalone View
subscriptions/templates/subscriptions/payment_method_change.html
| {% extends "settings/base.html" %} | {% extends "settings/base.html" %} | ||||
| {% load common_extras %} | {% load common_extras %} | ||||
| {% load pipeline %} | {% load pipeline %} | ||||
| {% block settings %} | {% block settings %} | ||||
| <p class="subtitle">Settings: Subscription</p> | <p class="subtitle">Settings: Subscription</p> | ||||
| <h1 class="mb-3">Change Payment Method</h1> | <h1 class="mb-3">Change Payment Method</h1> | ||||
| <div class="settings-billing"> | <div class="settings-billing"> | ||||
| <div> | <div> | ||||
| <p>{% include 'subscriptions/components/info.html' %}</p> | <p>{% include 'subscriptions/components/info.html' %}</p> | ||||
| <p> | <p> | ||||
| <strong>{{ current_payment_method.recognisable_name }}</strong> is used as payment method. | <strong>{{ current_payment_method.recognisable_name }}</strong> is used as payment method. | ||||
| Feel free to change it below. | Feel free to change it below. | ||||
| </p> | </p> | ||||
| </div> | </div> | ||||
| <div class="m-3"> | <div class="m-3"> | ||||
| <form id="payment-form" class="checkout-form" method="post" | <form id="payment-form" class="checkout-form" method="post" | ||||
| data-looper-payment-form="true" | data-looper-payment-form="true" | ||||
| data-braintree-client-token="{{ client_token }}">{% csrf_token %} | data-braintree-client-token="{{ client_token }}">{% csrf_token %} | ||||
| {% with form|add_form_classes as form %} | {% with form|add_form_classes as form %} | ||||
| <section class="checkout-form-fields pt-4"> | <section class="checkout-form-fields pt-4"> | ||||
| <fieldset class="checkout-form-billing-address-readonly"> | <fieldset class="checkout-form-billing-address-readonly"> | ||||
| {% include "subscriptions/components/billing_address_form_readonly.html" %} | {% include "subscriptions/components/billing_address_form_readonly.html" %} | ||||
| </fieldset> | </fieldset> | ||||
| <fieldset class="payment-form-payment-method"> | <fieldset class="payment-form-payment-method"> | ||||
| {% include "subscriptions/components/payment_form.html" %} | {% include "subscriptions/components/payment_form.html" %} | ||||
| </fieldset> | </fieldset> | ||||
| </section> | </section> | ||||
| <hr/> | <hr/> | ||||
| <div class="align-items-center pt-3"><a class="p-3" href="{% url 'user-settings-billing' %}">Cancel</a> | <div class="align-items-center pt-3"><a class="p-3" href="{% url 'user-settings-billing' %}">Cancel</a> | ||||
| <button id="submit-button" class="ml-auto btn btn-success form-submit px-5" | <button id="submit-button" class="ml-auto btn btn-success form-submit px-5" | ||||
| type="submit" | type="submit" | ||||
| aria-disabled="true" disabled | aria-disabled="true" disabled | ||||
| ><i class="fa fa-check"></i>Switch Payment method | ><i class="fa fa-check"></i>Switch Payment method | ||||
| </button> | </button> | ||||
| </div> | </div> | ||||
| {% endwith %} | {% endwith %} | ||||
| </form> | </form> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% endblock settings %} | {% endblock settings %} | ||||
| {% block scripts %} | {% block scripts %} | ||||
| {{ block.super }} | {{ block.super }} | ||||
| {% javascript "subscriptions" %} | {% javascript "subscriptions" %} | ||||
| {% include "looper/scripts.html" %} | {% include "looper/scripts.html" %} | ||||
| {% endblock scripts %} | {% endblock scripts %} | ||||