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