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 %}