From 2acf8c60d36998169aba2a0a84bcb75327318460 Mon Sep 17 00:00:00 2001
From: Ben Sturmfels <ben@sturm.com.au>
Date: Wed, 23 Oct 2024 09:24:46 +1100
Subject: [PATCH] supporters: Add PayPal template

---
 .../supporters/sustainers_paypal.html         | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 conservancy/supporters/templates/supporters/sustainers_paypal.html

diff --git a/conservancy/supporters/templates/supporters/sustainers_paypal.html b/conservancy/supporters/templates/supporters/sustainers_paypal.html
new file mode 100644
index 00000000..6514f8c7
--- /dev/null
+++ b/conservancy/supporters/templates/supporters/sustainers_paypal.html
@@ -0,0 +1,37 @@
+{% 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 %}