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