- {% endfor %}
-
- <h2>Metoda płatności</h2>
-
- <ul class="errorlist">
- {% for e in form.method.errors %}
- <li>{{ e }}</li>
- {% endfor %}
- </ul>
-
- {% for payment_method in form.payment_methods %}
- <div class="payment-method" id="payment-method-{{ payment_method.slug }}">
- <input type="radio" id="method{{ payment_method.slug }}" name="method" value="{{ payment_method.slug }}">
- <label for="method{{ payment_method.slug }}" style="display:inline-block">
- {% include payment_method.template_name %}
- </label>
+ <div class="white-box normal-text">
+
+ <h1>Wspieraj Wolne Lektury</h1>
+ <h2 style="margin-bottom:2em;">
+ {% if membership %}Dziękujemy za Twoje dotychczasowe zaangażowanie! Wesprzyj nas ponownie!{% else %}Dziękujemy, że chcesz razem z nami uwalniać książki!{% endif %}</h2>
+
+ {% with schedule=request.user|active_schedule %}
+ {% if schedule %}
+ <p><a href="{{ schedule.get_absolute_url }}">Zobacz swoje dotychczasowe wsparcie.</a></p>
+ {% endif %}
+ {% endwith %}
+
+ {% chunk 'club_form_top' %}
+ <div class='twocol'>
+
+ <form method="POST" action="" id="payment-form" class="wlform">
+ {% csrf_token %}
+ <h3>Zadeklaruj, jak często i jaką kwotą chcesz nas wspierać:</h3>
+
+ <ul class="errorlist">
+ {% for e in form.non_field_errors %}
+ <li>{{ e }}</li>
+ {% endfor %}
+ {% for e in form.plan.errors %}
+ <li>{{ e }}</li>
+ {% endfor %}
+ {% for e in form.amount.errors %}
+ <li>{{ e }}</li>
+ {% endfor %}
+ </ul>
+
+ {{ form.amount }}
+ {{ form.monthly }}
+ <div>
+ <span class="button plan-toggle" data-plan="plan-single" data-monthly="False">jednorazowo</span>
+ <span class="button plan-toggle active" data-plan="plan-monthly" data-monthly="True">miesięcznie</span>
+ </div>
+
+ <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">inna kwota</span>
+ <input type="number" min="{{ club.min_amount }}">
+ </span>
+ </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">inna kwota</span>
+ <input type="number" min="{{ club.min_amount }}">
+ </span>
+ </div>
+
+ <h3>
+ Podaj nam swój adres e-mail, żebyśmy mogli się z Tobą skontaktować:
+ </h3>
+
+ <p>
+ {{ form.email }}</p>
+ <button class="submit" type='submit'>Dołącz</button>
+ </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>