4f43b84fbc4c1af584882daf2855dc05cda9639b
[wolnelektury.git] / src / club / templates / club / 2022 / donation_step2.html
1 {% extends 'club/2022/donation_step_base.html' %}
2
3 {% load static %}
4
5
6 {% block donation-jumbo-image %}{% static '2022/images/checkout-img-2.jpg' %}{% endblock %}
7
8
9 {% block donation-step-content %}
10
11   <div class="l-checkout__cols">
12     <div class="l-checkout__col">
13       <div class="l-checkout__payments__box is-active">
14         <h3>
15           {{ schedule.amount|floatformat }} zł
16           {% if schedule.monthly %}
17             <span>/mies.</span>
18           {% endif %}
19         </h3>
20         <img src="{% static '2022/images/checkout-img-3.jpg' %}" alt="">
21         <p>{{ schedule.get_description }}</p>
22       </div>
23     </div>
24     <div class="l-checkout__col">
25
26       <form method='post'>
27         {% csrf_token %}
28         {{ form.errors }}
29         {{ form.amount }}
30         {{ form.monthly }}
31         <div class="l-checkout__form">
32           <div class="l-checkout__form__row">
33             <div class="l-checkout__input">
34               <label for="imie"><span>*</span> Imię</label>
35               {{ form.first_name }}
36               {{ form.first_name.errors }}
37             </div>
38             <div class="l-checkout__input">
39               <label for="nazwisko"><span>*</span> Nazwisko</label>
40               {{ form.last_name }}
41               {{ form.last_name.errors }}
42             </div>
43           </div>
44           <div class="l-checkout__form__row">
45             <div class="l-checkout__input">
46               <label for="email"><span>*</span> E-mail</label>
47               {{ form.email }}
48               {{ form.email.errors }}
49             </div>
50             <div class="l-checkout__input">
51               <label for="telefon"><span>*</span> Telefon</label>
52               {{ form.phone }}
53               {{ form.phone.errors }}
54             </div>
55           </div>
56           <div class="l-checkout__form__row full">
57             <div class="l-checkout__input">
58               <label for="adres-pocztowy">Adres pocztowy</label>
59               {{ form.postal }}
60               {{ form.postal.errors }}
61             </div>
62           </div>
63           <div class="l-checkout__form__row">
64             <div class="l-checkout__input">
65               <label for="kod-pocztowy">Kod pocztowy</label>
66               {{ form.postal_code }}
67               {{ form.postal_code.errors }}
68             </div>
69             <div class="l-checkout__input">
70               <label for="miejscowosc">Miejscowość</label>
71               {{ form.postal_town }}
72               {{ form.postal_town.errors }}
73             </div>
74           </div>
75           <div class="l-checkout__form__row full">
76             <div class="l-checkout__input">
77               <label for="kod-pocztowy">Kraj</label>
78               {{ form.postal_country }}
79               {{ form.postal_country.errors }}
80             </div>
81           </div>
82           <div class="l-checkout__form__row full">
83             {% for consent, key, field in form.consent %}
84               {{ field.errors }}
85               <div class="c-checkbox">
86                 {{ field }}
87                 <label for="id_{{ key }}">
88                   <p>{% if field.field.required %}<span>*</span> {% endif %}{{ field.label }}</p>
89                 </label>
90               </div>
91             {% endfor %}
92             <div class="c-checkbox">
93               {{ form.agree_newsletter }}
94               <label for="id_agree_newsletter">
95                 <p>Zapisuję się na newsletter.</p>
96               </label>
97             </div>
98           </div>
99           <div class="l-checkout__form__row confirm">
100             <a href="{% url 'donation_step1' schedule.key %}">Powrót</a>
101             <div class="l-checkout__input">
102               <button>Dalej</button>
103             </div>
104           </div>
105         </div>
106       </form>
107     </div>
108   </div>
109   <div class="l-checkout__secure">
110     <img src="{% static '2022/images/payments-padlock.png' %}" class="l-checkout__secure__padlock">
111     Bezpieczne płatności zapewniają:
112     <img src="{% static '2022/images/payments-payu.png' %}" class="l-checkout__secure__img" alt="PayU Visa MasterCard">
113     {% if club.paypal_enabled %}
114       <img src="{% static '2022/images/payments-paypal.png' %}" class="l-checkout__secure__img" alt="PayPal">
115     {% endif %}
116   </div>
117 {% endblock %}