src/club/templates/club/donation_step2.html

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