{% extends "base_conservancy.html" %}
{% load static %}
{% block subtitle %}Support Conservancy - {% endblock %}
{% block category %}sustainer{% endblock %}

{% block head %}
<script src="{% static 'js/supporter-page.js' %}" defer></script>
<link href="{% static 'css/forms.css' %}" rel="stylesheet" type="text/css"/>
<style>
  .hidden { display: none; }
</style>
{% endblock %}

{% block content %}
<h1 class="lh-title tc mt4">Become a Sustainer by PayPal</h1>

<div class="content-with-donate-sidebar" id="formStart">

{% if partial_amount > 0 %}
  {% include "supporters/form_partial.html" with form_id="annual" min_amt=minimum_amount partial_amt=partial_amount article="an" only %}
{% else %}
  <div class="supporter-type-selector">
    <a id="annualSelector" href="#annual">Annual</a>
    | <a id="monthlySelector" href="#monthly">Monthly</a>
    | <a id="renewalSelector" href="#renewal">Annual Renew</a>
  </div>

  {% include "supporters/form_partial.html" with form_id="annual" min_amt=120 default_amt=128 article="an" only %}

  {% include "supporters/form_partial.html" with form_id="monthly" min_amt=10 default_amt=12 only %}

  <a name="renew" class="hidden"></a>
  {% include "supporters/form_partial.html" with form_id="renewal" min_amt=120 default_amt=128 verb="renew" article="an" supptype="annual" only %}
{% endif %}

<span id="form-correction-needed" class="form-error">Please ensure all form data above is correct.</span>
{% endblock %}