New layout pages.
[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       </div>
22     </div>
23     <div class="l-checkout__col">
24
25       <form method='post'>
26         {% csrf_token %}
27         {{ form.errors }}
28         {{ form.amount }}
29         {{ form.monthly }}
30         <div class="l-checkout__form">
31           <div class="l-checkout__form__row">
32             <div class="l-checkout__input">
33               <label for="imie"><span>*</span> Imię</label>
34               {{ form.first_name }}
35               {{ form.first_name.errors }}
36             </div>
37             <div class="l-checkout__input">
38               <label for="nazwisko"><span>*</span> Nazwisko</label>
39               {{ form.last_name }}
40               {{ form.last_name.errors }}
41             </div>
42           </div>
43           <div class="l-checkout__form__row">
44             <div class="l-checkout__input">
45               <label for="email"><span>*</span> E-mail</label>
46               {{ form.email }}
47               {{ form.email.errors }}
48             </div>
49             <div class="l-checkout__input">
50               <label for="telefon"><span>*</span> Telefon</label>
51               {{ form.phone }}
52               {{ form.phone.errors }}
53             </div>
54           </div>
55           <div class="l-checkout__form__row full">
56             <div class="l-checkout__input">
57               <label for="adres-pocztowy">Adres pocztowy</label>
58               {{ form.postal }}
59               {{ form.postal.errors }}
60             </div>
61           </div>
62           <div class="l-checkout__form__row">
63             <div class="l-checkout__input">
64               <label for="kod-pocztowy">Kod pocztowy</label>
65               {{ form.postal_code }}
66               {{ form.postal_code.errors }}
67             </div>
68             <div class="l-checkout__input">
69               <label for="miejscowosc">Miejscowość</label>
70               {{ form.postal_town }}
71               {{ form.postal_town.errors }}
72             </div>
73           </div>
74           <div class="l-checkout__form__row full">
75             <div class="l-checkout__input">
76               <label for="kod-pocztowy">Kraj</label>
77               {{ form.postal_country }}
78               {{ form.postal_country.errors }}
79             </div>
80           </div>
81           <div class="l-checkout__form__row full">
82             {% for consent, key, field in form.consent %}
83               {{ field.errors }}
84               <div class="c-checkbox">
85                 {{ field }}
86                 <label for="id_{{ key }}">
87                   <p>{% if field.field.required %}<span>*</span> {% endif %}{{ field.label }}</p>
88                 </label>
89               </div>
90             {% endfor %}
91             <div class="c-checkbox">
92               {{ form.agree_newsletter }}
93               <label for="id_agree_newsletter">
94                 <p>Zapisuję się na newsletter.</p>
95               </label>
96             </div>
97           </div>
98           <div class="l-checkout__form__row confirm">
99             <a href=".#{{ view.step1_hash }}">Powrót</a>
100             <div class="l-checkout__input">
101               <button>Dalej</button>
102             </div>
103           </div>
104         </div>
105       </form>
106     </div>
107   </div>
108   <img src="{% static '2022/images/checkout-footer.png' %}" alt="Bezpieczne płatności zapewniają" class="l-checkout__footer__img">
109 {% endblock %}