<div class="billing-options-element">
<!-- Credit Card -->
<div class="panel">
<div class="panel-title">
Credit Card
</div>
<div class="panel-body">
<i class="fa fa-spinner fa-spin fa-2x" ng-show="!currentCard || changingCard"></i>
<div class="current-card" ng-show="currentCard && !changingCard">
<img 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="not-found" ng-show="!currentCard.last4">No credit card found</span>
<button class="btn" ng-class="currentCard.last4 ? 'btn-default' : 'btn-primary'"
ng-show="currentCard && !changingCard" ng-click="changeCard()">
Change Credit Card
</button>
<!-- Options -->
Billing Options
<i class="fa fa-spinner fa-spin" ng-show="working"></i>
<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