Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
119 lines (115 sloc) 5.22 KB
{% extends "saas/base_dashboard.html" %}
{% block saas_title %}{% trans organization=organization.printable_name %}Billing for {{organization}}{% endtrans %}{% endblock %}
{% block saas_lead_help %}{% trans %}Payments made on the platform.{% endtrans %}{% endblock %}
{% block saas_help %}
<p>
{% trans %}You can manage the Credit Card on file for your subscription. You can also see the list of all payments made here.{% endtrans %}
</p>
{% endblock %}
{% block saas_page_layout %}
<billing-statement inline-template id="billing-statement-container" class="row">
<div class="col-sm-12">
<div class="row"
data-trip data-trip-index="1"
data-trip-content="<h2>{% trans %}Billing{% endtrans %}</h2><p>{% trans %}All services you bought and the current balance due.{% endtrans %}</p><em>{% trans %}Use keyboard navigation or click 'Next' to move forward.{% endtrans %}</em>"
data-trip-position="screen-center">
<section id="balance" class="col-sm-6">
<h1 class="text-primary">{% trans %}Balance{% endtrans %}</h1>
<dl class="dl-horizontal">
<dt data-trip data-trip-index="2"
data-trip-content="<p>{% trans %}The amount you owe.{% endtrans %}</p>"
data-trip-position="s">
<i class="fa fa-refresh fa-spin"
v-if="!itemsLoaded"></i>
<span
v-if="itemsLoaded" v-cloak>[[humanizeBalance()]]</span>
</dt>
<dd>
{% trans %}Balance{% endtrans %}
<span v-if="!itemsLoaded || items.balance == 0">{% trans %}due{% endtrans %}</span>
<span
v-if="items.balance > 0" v-cloak>{% trans %}due{% endtrans %} (<a href="{{urls.organization.balance}}">{% trans %}pay now{% endtrans %}</a>)
</span>
<span v-if="items.balance < 0" v-cloak>{% trans %}credit{% endtrans %}</span>
</dd>
</dl>
</section>
<section class="col-sm-6">
<h1 class="text-primary">{% trans %}Credit Card{% endtrans %}
<a class="btn btn-link" href="{{urls.organization.update_card}}"
data-trip data-trip-index="3" data-trip-content="<p>{% trans %}Update your credit card on file so you always pay promptly.{% endtrans %}</p>" data-trip-position="s">{% trans %}Update{% endtrans %}</a></h1>
<dl class="dl-horizontal">
<dt>{% trans %}card{% endtrans %}</dt>
<dd class="last4">
<i class="fa fa-refresh fa-spin" v-if="!cardLoaded"></i>
<span v-if="cardLoaded" v-cloak>[[last4]]</span>
</dd>
</dl>
<dl class="dl-horizontal">
<dt>{% trans %}expires{% endtrans %}</dt>
<dd class="exp_date">
<i class="fa fa-refresh fa-spin"
v-if="!cardLoaded"></i>
<span
v-if="cardLoaded" v-cloak>[[exp_date]]</span>
</dd>
</dl>
</section>
{% if urls.organization.api_cancel_balance_due %}
<!-- modal dialog for cancelling balance due -->
<form id="cancel-balance" class="modal fade"
tabindex="-1" role="dialog" aria-labelledby="{% trans %}Cancel balance due{% endtrans %}"
aria-hidden="true" method="post" action=".">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">{% trans %}Cancel balance due{% endtrans %}</h4>
</div>
<div class="modal-body">
<p>
{% trans %}Are you sure you would like to cancel the whole balance of{% endtrans %} [[humanizeBalance()]] ?
</p>
</div>
<div class="modal-footer">
<button class="btn btn-secondary"
data-dismiss="modal">{% trans %}Cancel{% endtrans %}</button>
<button type="submit"
class="btn btn-primary"
data-dismiss="modal"
@click="cancelBalance">{% trans %}OK{% endtrans %}</button>
</div>
</div>
</div>
</form>
<!-- end of modal dialog -->
{% endif %}
</div>
<div class="btn-actions text-right">
{% if urls.organization.api_cancel_balance_due %}
<button id="cancel-balance-btn"
class="btn btn-danger btn-sm"
data-toggle="modal" data-target="#cancel-balance"
v-if="items.balance > 0" v-cloak>{% trans %}Cancel balance due{% endtrans %}</button>
{% endif %}
{% if urls.organization.vtcharge %}
<a id="one-time-charge"
class="btn btn-secondary btn-sm"
href="{{urls.organization.vtcharge}}">
<i class="fa fa-plus"></i> {% trans %}one-time charge ...{% endtrans %}
</a>
{% endif %}
<a id="download"
class="btn btn-secondary btn-sm" role="button"
:href="'{{download_url}}' + getQueryString(['page'])"><i class="fa fa-cloud-download"></i> {% trans %}CSV Download{% endtrans %}</a>
</div>
<div class="row">
<div class="col-12">
{% include "saas/_transactions.html" %}
</div>
</div>
</div>
</div>
</billing-statement>
{% endblock %}
You can’t perform that action at this time.