+ <h3>1. {% trans "Choose your type of support" %}</h3>
+
+ {{ form.amount }}
+ {{ form.monthly }}
+ <div class="plan-select">
+ <span class="button plan-toggle" data-plan="plan-single" data-monthly="False">{% trans "one-time" %}</span>
+ <span class="button plan-toggle active" data-plan="plan-monthly" data-monthly="True">{% trans "monthly" %}</span>
+ </div>
+
+ <h3>2. {% trans "Choose the amount" %}</h3>
+
+ <div class="plan" id="plan-single" style="display:none;" data-monthly="False" data-min-for-year="{{ club.min_for_year }}" data-amount="{{ club.default_single_amount }}">
+ {% for amount in club.proposed_single_amounts %}
+ <span class="button kwota{% if amount == club.default_single_amount %} active{% endif %}{% if amount >= club.min_for_year %} yearly{% endif %}">{{ amount }}</span>
+ {% endfor %}
+
+ <span class="inna">
+ <span class="button">{% trans "different amount" %}</span>
+ <input type="number" min="{{ club.min_amount }}">
+ </span>
+ <div class="methods">{% include 'club/payment/payu.html' %}</div>
+ </div>
+
+
+ <div class="plan" id="plan-monthly" data-monthly="True" data-amount="{{ club.default_monthly_amount }}">
+ {% for amount in club.proposed_monthly_amounts %}
+ <span class="button kwota{% if amount == club.default_monthly_amount %} active{% endif %}">{{ amount }}</span>
+ {% endfor %}
+
+ <span class="inna">
+ <span class="button">{% trans "different amount" %}</span>
+ <input type="number" min="{{ club.min_amount }}">
+ </span>
+ <div class="methods">{% include 'club/payment/payu-re.html' %}</div>
+ </div>
+
+ <h3>3. {% trans "Provide an e-mail address" %}</h3>
+
+ <p>{{ form.email }}</p>
+
+ <p>
+ {{ form.agree_newsletter }}
+ <label for="id_agree_newsletter">
+ {% trans "I'd like to receive informations about new publications." %}
+ </label>
+ </p>
+
+ <p>{% trans 'You can unsubscribe at any point. More in the <a target="_blank" href="https://nowoczesnapolska.org.pl/prywatnosc/">privacy policy</a>.' %}</p>
+
+ <div><button class="submit" type='submit'>{% trans "Donate" %}</button></div>
+
+ {% chunk 'club_form_bottom' %}
+
+ </form>
+
+ <div class="club-form-info">
+ {% if ambassador %}
+ <div class="ambassador {% if ambassador.photo %}with-photo{% endif %}">
+ <div>
+ <em>
+ {{ ambassador.text }}
+ </em>
+ <div style="font-size: 1.2em">{{ ambassador.name }}</div>
+ </div>
+ {% if ambassador.photo %}
+ <img src="{% thumbnail ambassador.photo "100x100" as thumb %}{{ thumb.url }}{% empty %}{{ ambassador.photo.url }}{% endthumbnail %}">
+ {% endif %}
+ </div>
+ {% endif %}
+ <div class="chunk-alt">
+ <div class="chunk chunk-monthly">
+ {% chunk 'club-form-info-monthly' %}
+ </div>
+ <div class="chunk chunk-single" style="display: none;">
+ {% chunk 'club-form-info-single' %}
+ </div>
+ <div class="chunk chunk-single-year" style="display: none;">
+ {% chunk 'club-form-info-single-year' %}
+ </div>
+ </div>
+</div>
+</div>