{% extends "base.html" %}

{% block page-title %}Snipt Pro{% endblock %}

{% block body-class %}{{ block.super }} static pro{% endblock %}

{% block breadcrumb %}
    <li><a href="/pro/">Snipt Pro</a></li>
{% endblock %}

{% block content %}
    <div class="static-box">
        <h2>Snipt <span class="pro">Pro</span> members</h2>
        <p>We're still building our <span class="pro">Pro</span> platform, but it already kicks ass. By becoming a Pro now, you'll also get access to future Pro features the moment they're released.</p>
        <h6>Current Pro features:</h6>
        <ul>
            <li>No advertisements (including Amazon books).</li>
            <li>&ldquo;Pro&rdquo; badge throughout the site.</li>
            <li>Custom domain for your <a href="https://blog.snipt.net/announcing-the-sniptnet-blogging-platform/">Snipt blog</a>. Contact <a href="mailto:support@snipt.net">support@snipt.net</a> to set up.</li>
            <li>You&rsquo;re <strong>supporting</strong> current and future development. This stuff takes time and money.</li>
        </ul>
        <h6>Planned Pro features (not in order):</h6>
        <ul>
            <li>Collaborative group editing of snipts.</li>
            <li>Site-wide setting for viewing snipts in different themes.</li>
            <li>Ability to theme your embedded snipts in a specific theme.</li>
            <li>Premium (Pro-only) themes for your <a href="https://blog.snipt.net/announcing-the-sniptnet-blogging-platform/">Snipt blog</a>.</li>
        </ul>
        {% if request.user.profile.is_pro %}
            <h3>You're already a Pro. You know that ;)</h3>
        {% else %}
            <h3>Pro accounts are just $4/month.</h3>
            <h4><a href="/pro/signup/" class="btn btn-large btn-success">Sign Up Now</a></h4>
        {% endif %}
    </div>
{% endblock %}