2012-07-11 23:03:46 -07:00
{% extends "base.html" %}
{% block page-title %}Sign up for Snipt Pro{% endblock %}
2012-07-17 22:15:16 -07:00
{% block body-class %}{{ block.super }} static pro pro-signup{% endblock %}
{% block extra-scripts %}
< script type = "text/javascript" src = "https://js.stripe.com/v1/" > < / script >
{% endblock %}
{% block js %}
{{ block.super }}
2013-03-25 18:33:53 -07:00
{% if debug %}
Stripe.setPublishableKey('pk_test_cgknmaWRMQeJt2adEdvH3T9l');
{% else %}
Stripe.setPublishableKey('pk_live_gUO2nCl7dhx6j0posz6gnbhA');
{% endif %}
2012-07-17 22:15:16 -07:00
{% endblock %}
2012-07-11 23:03:46 -07:00
{% block breadcrumb %}
< li > < a href = "/pro/" > Snipt Pro< / a > < / li >
< li > < span class = "prompt" > /< / span > < a href = "/pro/signup/" > Sign up< / a > < / li >
{% endblock %}
{% block content %}
2013-01-21 21:00:23 -08:00
< div class = "pro-hero" >
snip< span > t< / span > < span class = "pro" > Pro< / span >
< / div >
2014-04-24 06:38:48 -07:00
{% if request.GET.declined %}
< div class = "alert alert-error" style = "margin: 30px;" >
< strong > Your card was declined.< / strong > You have not been charged. Please try again.
< / div >
{% endif %}
2012-07-11 23:03:46 -07:00
< div class = "static-box" >
2012-07-18 21:39:43 -07:00
< form class = "form-horizontal" id = "pro-signup" method = "post" action = "/pro/signup/complete/" >
2012-07-11 23:03:46 -07:00
< fieldset >
2012-07-18 21:39:43 -07:00
< div class = "payment-loading" > < span > Please wait… < / span > < / div >
2014-05-02 13:54:05 -07:00
< legend > $5 USD will be charged to your card monthly. Also, you rock. Tell yourself that every month, too.< / legend >
2012-07-18 21:39:43 -07:00
< div class = "payment-errors alert alert-error" > < / div >
2012-07-11 23:03:46 -07:00
< div class = "control-group" >
< label class = "control-label" for = "name" > Name on card:< / label >
< div class = "controls" >
2012-07-18 21:39:43 -07:00
< input type = "text" class = "input-xlarge" id = "name" / >
2012-07-11 23:03:46 -07:00
< / div >
< / div >
< div class = "control-group" >
< label class = "control-label" for = "number" > Card number:< / label >
< div class = "controls cards" >
2012-07-18 21:39:43 -07:00
< input type = "text" class = "input-xlarge" id = "number" / >
2013-02-21 18:30:03 -08:00
< img src = "/static/img/card-visa.png" alt = "Visa" / >
< img src = "/static/img/card-mastercard.png" alt = "MasterCard" / >
< img src = "/static/img/card-discover.png" alt = "Discover" / >
< img src = "/static/img/card-american-express.png" alt = "American Express" / >
2012-07-11 23:03:46 -07:00
< / div >
< / div >
< div class = "control-group" >
< label class = "control-label" for = "exp-month" > Expiration date:< / label >
< div class = "controls" >
2012-07-18 21:39:43 -07:00
< select id = "exp-month" class = "span2 exp-month" >
2012-07-17 22:15:16 -07:00
< 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 >
2012-07-11 23:03:46 -07:00
< / select >
2012-07-18 21:39:43 -07:00
< select id = "exp-year" class = "span1" >
2012-07-17 22:15:16 -07:00
< option value = "" > ----< / option >
2012-07-11 23:03:46 -07:00
< option value = "2012" > 2012< / option >
< option value = "2013" > 2013< / option >
< option value = "2014" > 2014< / 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 >
< / select >
< / div >
< / div >
< 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 >
< / div >
< div class = "form-actions" >
2012-07-18 21:39:43 -07:00
{% csrf_token %}
2012-07-11 23:03:46 -07:00
< button type = "submit" class = "btn btn-success" > Sign up< / button >
< div class = "security" >
2012-09-17 19:28:47 -07:00
< a href = "https://stripe.com/help/security" > Secure< / a > by default. Every Snipt page is secure.
2012-07-16 09:41:31 -07:00
< / div >
< div class = "stripe" >
2012-09-17 19:28:47 -07:00
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.
2012-07-11 23:03:46 -07:00
< / div >
< / div >
< / fieldset >
< / form >
< / div >
{% endblock %}