2012-07-03 15:22:48 -07:00
{% extends "base.html" %}
2012-06-26 13:38:38 -07:00
2014-05-03 07:07:29 -07:00
{% block page-title %}Sign up for Snipt Pro{% endblock %}
2012-06-26 13:38:38 -07:00
2014-05-04 05:12:08 -07:00
{% block body-class %}{{ block.super }} static signup pro pro-signup{% endblock %}
2014-05-03 07:07:29 -07:00
{% block extra-scripts %}
< script type = "text/javascript" src = "https://js.stripe.com/v1/" > < / script >
{% endblock %}
{% block js %}
{{ block.super }}
{% if debug %}
Stripe.setPublishableKey('pk_test_cgknmaWRMQeJt2adEdvH3T9l');
{% else %}
Stripe.setPublishableKey('pk_live_gUO2nCl7dhx6j0posz6gnbhA');
{% endif %}
{% endblock %}
2012-06-26 13:38:38 -07:00
2012-07-11 23:03:46 -07:00
{% block breadcrumb %}
2014-05-02 14:36:51 -07:00
< li > < a href = "/pro/" > Snipt Pro< / a > < / li >
2012-07-11 23:03:46 -07:00
{% endblock %}
2012-06-26 13:38:38 -07:00
{% block content %}
2014-05-03 07:07:29 -07:00
{% if request.GET.declined %}
< div class = "alert alert-error" style = "margin: 30px;" >
2014-10-21 07:05:36 -07:00
< strong > {{ request.GET.declined }}< / strong > You have not been charged. Please try again.
2014-05-03 07:07:29 -07:00
< / div >
{% endif %}
2014-05-30 11:30:35 -07:00
< form class = "form-horizontal static-box" id = "pro-signup" method = "post" action = "/pro/complete/{% if 'plan' in request.GET %}?plan={{ request.GET.plan }}{% endif %}" >
2014-05-03 07:07:29 -07:00
< fieldset >
< div class = "info" >
2015-08-16 18:12:32 -07:00
Go < span class = "pro" > Pro< / span > for just < span > $5/month< / span > .
2014-05-03 07:07:29 -07:00
< p class = "sub" >
2015-08-25 09:01:48 -07:00
As a paid Snipt member you'll unlock the ability to post private snipts,
have unrestricted access to the app, < a href = "/api/" > API< / a > ,
2014-05-04 05:12:08 -07:00
custom-domain < a href = "/blogging/" > blogging< / a > , instant chat support, and more.
2014-05-03 07:07:29 -07:00
< / p >
2014-07-07 10:36:16 -07:00
< p class = "sub" style = "font-size: .6em; margin-top: 15px;" >
Group discounts available. Email < a href = "mailto:support@snipt.net" > support@snipt.net< / a > for details.
< / p >
2014-05-03 07:07:29 -07:00
< / div >
2015-10-03 09:27:54 -07:00
{% if not request.user.is_authenticated %}
< div class = "login-first" >
< span >
To go < span class = "pro" > Pro< / span > , < a href = "/signup/?next=/pro/" > sign up< / a > or < a href = "/login/?next=/pro/" > log in< / a > .
< / span >
2015-06-18 10:58:30 -07:00
< / div >
2015-10-18 18:07:01 -07:00
{% elif request.user.profile.has_pro %}
2015-10-03 09:27:54 -07:00
< div class = "login-first" >
< span >
2015-10-18 20:58:37 -07:00
{% if request.user.profile.is_pro %}
You're already a < span class = "pro" > Pro< / span > .
< a style = "display: block; margin-top: 15px;" href = "/account/billing/" > View details » < / a >
{% else %}
< p style = "line-height: 26px;" > You're a member of a team, and all team members automatically have < span class = "pro" > Pro< / span > access.< / p >
{% endif %}
2015-10-03 09:27:54 -07:00
< / span >
2014-05-03 07:07:29 -07:00
< / div >
2015-10-03 09:27:54 -07:00
{% else %}
2015-10-18 20:58:37 -07:00
< div class = "payment-form" >
< div class = "payment-loading" > < span > Please wait… < / span > < / div >
< div class = "payment-errors alert alert-error" > < / div >
< div class = "control-group" >
< label class = "control-label" for = "name" > Payment plan:< / label >
< div class = "controls" >
< select name = "plan" type = "text" class = "input-medium" id = "plan" >
< option value = "snipt-pro-monthly" > $5/month< / option >
< option value = "snipt-pro-yearly" > $60/year< / option >
< / select >
< / div >
2015-10-03 09:27:54 -07:00
< / div >
2015-10-18 20:58:37 -07:00
< div class = "control-group" >
< label class = "control-label" for = "number" > Card number:< / label >
< div class = "controls cards" >
< input type = "text" class = "input-xlarge" id = "number" / >
< img src = "{{ STATIC_URL }}img/card-visa.png" alt = "Visa" / >
< img src = "{{ STATIC_URL }}img/card-mastercard.png" alt = "MasterCard" / >
< img src = "{{ STATIC_URL }}img/card-discover.png" alt = "Discover" / >
< img src = "{{ STATIC_URL }}img/card-american-express.png" alt = "American Express" / >
< / div >
2015-10-03 09:27:54 -07:00
< / div >
2015-10-18 20:58:37 -07:00
< div class = "control-group" >
< label class = "control-label" for = "exp-month" > Expiration date:< / label >
< div class = "controls" >
< select id = "exp-month" class = "span2 exp-month" >
< option value = "" > ----< / option >
< option value = "01" > 01 - January< / option >
< option value = "02" > 02 - February< / option >
< option value = "03" > 03 - March< / option >
< option value = "04" > 04 - April< / option >
< option value = "05" > 05 - May< / option >
< option value = "06" > 06 - June< / option >
< option value = "07" > 07 - July< / option >
< option value = "08" > 08 - August< / option >
< option value = "09" > 09 - September< / option >
< option value = "10" > 10 - October< / option >
< option value = "11" > 11 - November< / option >
< option value = "12" > 12 - December< / option >
< / select >
< select id = "exp-year" class = "span2" >
< option value = "" > ----< / option >
< option value = "2015" > 2015< / option >
< option value = "2016" > 2016< / option >
< option value = "2017" > 2017< / option >
< option value = "2018" > 2018< / option >
< option value = "2019" > 2019< / option >
< option value = "2020" > 2020< / option >
< option value = "2021" > 2021< / option >
< option value = "2022" > 2022< / option >
< option value = "2023" > 2023< / option >
< option value = "2024" > 2024< / option >
< option value = "2025" > 2025< / option >
< / select >
< / div >
2015-10-03 09:27:54 -07:00
< / div >
2015-10-18 20:58:37 -07:00
< div class = "control-group" >
< label class = "control-label" for = "cvc" > Security code (CVC):< / label >
< div class = "controls" >
< input type = "text" class = "input-min span1" id = "cvc" >
< / div >
2015-10-03 09:27:54 -07:00
< / div >
2014-05-03 07:07:29 -07:00
< / div >
2015-10-03 09:27:54 -07:00
< div class = "form-actions" >
{% csrf_token %}
< button type = "submit" class = "btn btn-success" > Subscribe » < / button >
< div class = "security" >
< a href = "https://stripe.com/help/security" > Secure< / a > by default. Every Snipt page is secure.
< / div >
< div class = "stripe" >
Your credit card is stored securely with < a href = "https://stripe.com" > Stripe< / a > and we use < a href = "https://stripe.com/docs/stripe.js" > Stripe.js< / a > for maximum security.
< / div >
2014-05-03 07:07:29 -07:00
< / div >
2015-10-03 09:27:54 -07:00
< div class = "form-actions" style = "color: #A2A2A2;" >
Prefer to pay with PayPal? Email < a href = "mailto:support@snipt.net" > support@snipt.net< / a > .
< / div >
{% endif %}
2014-05-03 07:07:29 -07:00
< / fieldset >
< / form >
2012-06-26 13:38:38 -07:00
{% endblock %}
2015-07-17 10:46:02 -07:00
{% block analytics %}
{% if not debug %}
window.ll('tagScreen', 'Pro signup view');
{% endif %}
{% endblock %}