mirror of https://github.com/zulip/zulip.git
68 lines
3.1 KiB
HTML
68 lines
3.1 KiB
HTML
{% extends "zerver/portico.html" %}
|
|
|
|
{% block customhead %}
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
{{ render_bundle('landing-page') }}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="app portico-page">
|
|
|
|
{% include 'zerver/billing_nav.html' %}
|
|
|
|
{{ render_bundle('translations') }}
|
|
|
|
<div class="portico-landing billing-upgrade-page">
|
|
<div class="hero small-hero"></div>
|
|
|
|
<div class="page-content">
|
|
<div class="main">
|
|
<h1>{% trans %}Upgrade to {{ plan }}{% endtrans %}</h1>
|
|
<form method="post">
|
|
{{ csrf_input }}
|
|
<input type="hidden" name="seat_count" value="{{ seat_count }}">
|
|
<div class="payment-schedule">
|
|
<h3>{{ _("Payment schedule") }}</h3>
|
|
<label>
|
|
<input type="radio" name="plan" value="{{ nickname_annual }}" checked />
|
|
<div class="box">
|
|
<div class="schedule-time">{{ _("Pay annually") }}</div>
|
|
<div class="schedule-amount">
|
|
$6.67/user/month
|
|
<div class="schedule-amount-2">
|
|
($80/user/year)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label>
|
|
<input type="radio" name="plan" value="{{ nickname_monthly }}" />
|
|
<div class="box">
|
|
<div class="schedule-time">{{ _("Pay monthly") }}</div>
|
|
<div class="schedule-amount">$8/user/month</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<p>You’ll initially be charged <b><span id="charged_amount">XXX</span></b> for <b>{{ seat_count }}</b> users. You’ll receive prorated charges and credits as users are added, deactivated, or become inactive.</p>
|
|
<script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
|
|
data-key="{{ publishable_key }}"
|
|
data-image="/static/images/logo/zulip-icon-128x128.png"
|
|
data-name="Zulip"
|
|
data-description="Zulip Cloud Premium"
|
|
data-locale="auto"
|
|
data-zip-code="true"
|
|
data-billing-address="true"
|
|
data-panel-label="Make payment"
|
|
data-email="{{ email }}"
|
|
data-label="{{ _('Add card') }}"
|
|
data-allow-remember-me="false"
|
|
>
|
|
</script>
|
|
</form>
|
|
<p>We can also bill by invoice for annual contracts over $2,000. Contact <a href="mailto:support@zulipchat.com">support@zulipchat.com</a> to pay by invoice or for any other billing questions.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|