osb/spark/resources/views/settings/payment-method/update-payment-method-braintree.blade.php

60 lines
2.4 KiB
PHP
Raw Normal View History

2017-11-03 05:26:07 +00:00
<spark-update-payment-method-braintree :user="user" :team="team" :billable-type="billableType" inline-template>
<div class="panel panel-default">
<!-- Update Payment Method Heading -->
<div class="panel-heading">
<div class="pull-left">
Update Payment Method
</div>
<div class="pull-right">
<!-- Paypal Indicator -->
<span v-if="billable.paypal_email">
<i class="fa fa-btn fa-paypal"></i>
@{{ billable.paypal_email }}
</span>
<!-- Credit Card Indicator -->
<span v-if="billable.card_last_four">
<i class="['fa', 'fa-btn', cardIcon]"></i>
************@{{ billable.card_last_four }}
</span>
</div>
<div class="clearfix"></div>
</div>
<div class="panel-body">
<!-- Payment Method Update Success Message -->
<div class="alert alert-success" v-if="form.successful">
Your payment method has been updated.
</div>
<!-- Generic 500 Level Error Message / Braintree Threw Exception -->
<div class="alert alert-danger" v-if="form.errors.has('form')">
We had trouble updating your payment method. It's possible your payment provider is preventing
us from charging the payment method. Please contact your payment provider or customer support.
</div>
<form class="form-horizontal" role="form">
<!-- Braintree Container -->
<div id="braintree-payment-method-container" class="m-b-md"></div>
<!-- Update Button -->
<div class="form-group m-b-none p-b-none">
<div class="col-md-6">
<button type="submit" class="btn btn-primary" :disabled="form.busy">
<span v-if="form.busy">
<i class="fa fa-btn fa-spinner fa-spin"></i>Updating
</span>
<span v-else>
Update
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</spark-update-payment-method-braintree>