65 lines
2.4 KiB
HTML
65 lines
2.4 KiB
HTML
<div class="billing-options-element">
|
|
<!-- Credit Card -->
|
|
<div class="panel">
|
|
<div class="panel-title">
|
|
Credit Card
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="quay-spinner" ng-show="!currentCard || changingCard"></div>
|
|
<div class="current-card" ng-show="currentCard && !changingCard">
|
|
<div class="alert alert-warning" ng-if="currentCard.last4 && isExpiringSoon(currentCard)">
|
|
Your current credit card is expiring soon!
|
|
</div>
|
|
|
|
<img ng-src="{{ '/static/img/creditcards/' + getCreditImage(currentCard) }}" ng-show="currentCard.last4">
|
|
<span class="no-card-outline" ng-show="!currentCard.last4"></span>
|
|
|
|
<span class="last4" ng-show="currentCard.last4">****-****-****-<b>{{ currentCard.last4 }}</b></span>
|
|
<span class="expires" ng-show="currentCard.last4">
|
|
{{ currentCard.exp_month }} / {{ currentCard.exp_year }}
|
|
</span>
|
|
|
|
<span class="not-found" ng-show="!currentCard.last4">No credit card found</span>
|
|
</div>
|
|
|
|
<button class="btn btn-primary" ng-show="currentCard && !changingCard" ng-click="changeCard()">
|
|
Change Credit Card
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Options -->
|
|
<div class="panel">
|
|
<div class="panel-title">
|
|
Billing Options
|
|
<div class="quay-spinner" ng-show="working"></div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="settings-option">
|
|
<input id="invoiceEmail" type="checkbox" ng-model="invoice_email">
|
|
<label for="invoiceEmail">Send Receipt Emails</label>
|
|
<div class="settings-description">
|
|
If checked, a receipt email will be sent to {{ obj.email }} on every successful charge
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal message dialog -->
|
|
<div class="modal fade" id="cannotchangecardModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title">Cannot change credit card</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
Your credit card could not be changed
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
</div>
|