src/club/templates/club/2022/donation_step1.html

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