Allow disable paypal.
[wolnelektury.git] / src / club / templates / club / 2022 / donation_step1_form.html
1 {% load static %}
2
3 <form method="post" action="{% url 'club_join' %}">
4   {% csrf_token %}
5   {{ form.errors }}
6   <input type="radio" name="switch" id="switch-once" value="single" class="toggle-input" {% if schedule and not schedule.monthly %}checked{% endif %}>
7   <input type="radio" name="switch" id="switch-monthly" value="monthly" class="toggle-input" {% if not schedule or schedule.monthly %}checked{% endif %}>
8   <div class="l-switch__wrapper">
9     {% if user.is_staff %}
10       <span data-edit="club/club/{{ club.pk }}"></span>
11     {% endif %}
12
13     <div class="l-switch white">
14       <label class='toggle-for' for="switch-once">Jednorazowo</label>
15       <label class='toggle-for' for="switch-monthly">Miesięcznie</label>
16       <span class="toggle"></span>
17     </div>
18   </div>
19
20   {% with amounts=club.get_amounts %}
21   <div class="l-checkout__payments payments-once">
22     {% for amount in amounts.single %}
23       <div class="l-checkout__payments__box once{% if not schedule.monthly and schedule.amount == amount.amount or not schedule and club.default_single_amount == amount.amount %} is-active{% endif %}{% if amount.wide %} l-checkout__payments__box--special{% endif %} l-checkout__payments__box--{{ amount.box_variant }}">
24
25         <h3>{{ amount.amount }} zł</h3>
26         <div class="l-checkout__payments__box__btn-wrp">
27           {% if amount.description %}
28             <p>{{ amount.description|safe }}</p>
29           {% endif %}
30           <button name="single_amount" value="{{ amount.amount }}">Wybierz</button>
31         </div>
32       </div>
33     {% endfor %}
34     <input type="hidden"
35            name="single_amount_selected"
36            value="{% if schedule and not schedule.monthly %}{{ schedule.amount|floatformat }}{% else %}{{ club.default_single_amount }}{% endif %}">
37
38   </div>
39
40
41   <div class="l-checkout__payments payments-recurring">
42     {% for amount in amounts.monthly %}
43       <div class="l-checkout__payments__box{% if schedule.monthly and schedule.amount == amount.amount or not schedule and amount.amount == club.default_monthly_amount %} is-active{% endif %}{% if amount.wide %} l-checkout__payments__box--special{% endif %} l-checkout__payments__box--{{ amount.box_variant }}">
44         <h3>{{ amount.amount }} zł <span>/mies.</span></h3>
45         <div class="l-checkout__payments__box__btn-wrp">
46           {% if amount.description %}
47             <p>{{ amount.description|safe }}</p>
48           {% endif %}
49           <button name="monthly_amount" value="{{ amount.amount }}">Wybierz</button>
50         </div>
51       </div>
52     {% endfor %}
53     <input type="hidden"
54            name="monthly_amount_selected"
55            value="{% if schedule and schedule.monthly %}{{ schedule.amount|floatformat }}{% else %}{{ club.default_monthly_amount }}{% endif %}">
56   </div>
57
58   <div class="l-checkout__amount">
59     <div class="l-checkout__input">
60       <label for="kwota">Inna kwota</label>
61       <!-- input type="text" id="kwota" name="custom_amount" value="" -->
62       {{ form.custom_amount }}
63     </div>
64     <button>Dalej</button>
65   </div>
66   {% endwith %}
67 </form>
68
69 <div class="l-checkout__secure">
70   <img src="{% static '2022/images/payments-padlock.png' %}" class="l-checkout__secure__padlock">
71   Bezpieczne płatności zapewniają:
72   <img src="{% static '2022/images/payments-payu.png' %}" class="l-checkout__secure__img" alt="PayU Visa MasterCard">
73   {% if club.paypal_enabled %}
74     <img src="{% static '2022/images/payments-paypal.png' %}" class="l-checkout__secure__img" alt="PayPal">
75   {% endif %}
76 </div>
77
78 <div class="l-checkout__cols bt-w">
79   <div class="l-checkout__col full">
80     <div class="l-checkout__form">
81       <div class="l-checkout__form__row full">
82         <h3>Dane do przelewu tradycyjnego:</h3>
83         <div class="l-checkout__info">
84           <div class="l-checkout__info__item">
85             <div>nazwa odbiorcy</div>
86             <h3>Fundacja Wolne Lektury</h3>
87             <button title="Kopiuj tekst" class="js-copy">
88               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
89             </button>
90             <input type="text" value="Fundacja Wolne Lektury">
91           </div>
92           <div class="l-checkout__info__item">
93             <div>adres odbiorcy</div>
94             <h3>ul. Marszałkowska 84/92 lok. 125, 00-514 Warszawa</h3>
95             <button title="Kopiuj tekst" class="js-copy">
96               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
97             </button>
98             <input type="text" value="ul. Marszałkowska 84/92 lok. 125, 00-514 Warszawa">
99           </div>
100           <div class="l-checkout__info__item">
101             <div>numer konta</div>
102             <h3>75 1090 2851 0000 0001 4324 3317</h3>
103             <button title="Kopiuj tekst" class="js-copy">
104               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
105             </button>
106             <input type="text" value="75 1090 2851 0000 0001 4324 3317">
107           </div>
108           <div class="l-checkout__info__item">
109             <div>tytuł przelewu</div>
110             <h3>Darowizna na Wolne Lektury + twoja nazwa użytkownika lub e-mail</h3>
111             <button title="Kopiuj tekst" class="js-copy">
112               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
113             </button>
114             <input type="text" value="Darowizna na Wolne Lektury + twoja nazwa użytkownika lub e-mail">
115           </div>
116           <div class="l-checkout__info__item">
117             <div>wpłaty w EUR</div>
118             <h3>PL88 1090 2851 0000 0001 4324 3374</h3>
119             <button title="Kopiuj tekst" class="js-copy">
120               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
121             </button>
122             <input type="text" value="PL88 1090 2851 0000 0001 4324 3374">
123           </div>
124           <div class="l-checkout__info__item">
125             <div>Wpłaty w USD</div>
126             <h3>PL82 1090 2851 0000 0001 4324 3385</h3>
127             <button title="Kopiuj tekst" class="js-copy">
128               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
129             </button>
130             <input type="text" value="PL88 1090 2851 0000 0001 4324 3374">
131           </div>
132           <div class="l-checkout__info__item">
133             <div>SWIFT</div>
134             <h3>WBKPPLPP</h3>
135             <button title="Kopiuj tekst" class="js-copy">
136               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
137             </button>
138             <input type="text" value="WBKPPLPP">
139           </div>
140         </div>
141       </div>
142     </div>
143   </div>
144 </div>