src/club/templates/club/2022/donation_step1_form.html

   1 {% load static %}
   2
   3 <form method="post" action="{% url 'club_join' %}">
   4   {% csrf_token %}
   5   {{ form.errors }}
   6   <input type="radio" name="switch" id="switch-once" value="single" class="toggle-input" {% if schedule and not schedule.monthly %}checked{% endif %}>
   7   <input type="radio" name="switch" id="switch-monthly" value="monthly" class="toggle-input" {% if not schedule or schedule.monthly %}checked{% endif %}>
   8   <div class="l-switch__wrapper">
   9     {% if user.is_staff %}
  10       <span data-edit="club/club/{{ club.pk }}"></span>
  11     {% endif %}
  12
  13     <div class="l-switch white">
  14       <label class='toggle-for' for="switch-once">Jednorazowo</label>
  15       <label class='toggle-for' for="switch-monthly">Miesięcznie</label>
  16       <span class="toggle"></span>
  17     </div>
  18   </div>
  19
  20   {% with amounts=club.get_amounts %}
  21   <div class="l-checkout__payments payments-once">
  22     {% for amount in amounts.single %}
  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 amount.narrow_wide %} narrow-wide{% endif %}{% if amount.wide %} l-checkout__payments__box--special{% if not amount.wide_not_wide %} l-checkout__payments__box--xl{% endif %}{% 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 amounts.monthly %}
  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 %}{% if amount.narrow_wide %} narrow-wide{% endif %}{% if amount.wide and not amount.wide_not_wide %} l-checkout__payments__box--xl{% 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   {% endwith %}
  68 </form>
  69
  70 <div class="l-checkout__secure">
  71 <img src="{% static '2022/images/payments-padlock.png' %}" class="l-checkout__secure__padlock">
  72 Bezpieczne płatności zapewniają:
  73 <img src="{% static '2022/images/payments-2.png' %}" class="l-checkout__secure__img">
  74 </div>
  75
  76 <div class="l-checkout__cols bt-w">
  77   <div class="l-checkout__col full">
  78     <div class="l-checkout__form">
  79       <div class="l-checkout__form__row full">
  80         <h3>Dane do przelewu tradycyjnego:</h3>
  81         <div class="l-checkout__info">
  82           <div class="l-checkout__info__item">
  83             <div>nazwa odbiorcy</div>
  84             <h3>Fundacja Nowoczesna Polska</h3>
  85             <button title="Kopiuj tekst" class="js-copy">
  86               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
  87             </button>
  88             <input type="text" value="Fundacja Nowoczesna Polska">
  89           </div>
  90           <div class="l-checkout__info__item">
  91             <div>adres odbiorcy</div>
  92             <h3>ul. Marszałkowska 84/92 lok. 125, 00-514 Warszawa</h3>
  93             <button title="Kopiuj tekst" class="js-copy">
  94               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
  95             </button>
  96             <input type="text" value="ul. Marszałkowska 84/92 lok. 125, 00-514 Warszawa">
  97           </div>
  98           <div class="l-checkout__info__item">
  99             <div>numer konta</div>
 100             <h3>75 1090 2851 0000 0001 4324 3317</h3>
 101             <button title="Kopiuj tekst" class="js-copy">
 102               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
 103             </button>
 104             <input type="text" value="75 1090 2851 0000 0001 4324 3317">
 105           </div>
 106           <div class="l-checkout__info__item">
 107             <div>tytuł przelewu</div>
 108             <h3>Darowizna na Wolne Lektury + twoja nazwa użytkownika lub e-mail</h3>
 109             <button title="Kopiuj tekst" class="js-copy">
 110               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
 111             </button>
 112             <input type="text" value="Darowizna na Wolne Lektury + twoja nazwa użytkownika lub e-mail">
 113           </div>
 114           <div class="l-checkout__info__item">
 115             <div>wpłaty w EUR</div>
 116             <h3>PL88 1090 2851 0000 0001 4324 3374</h3>
 117             <button title="Kopiuj tekst" class="js-copy">
 118               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
 119             </button>
 120             <input type="text" value="PL88 1090 2851 0000 0001 4324 3374">
 121           </div>
 122           <div class="l-checkout__info__item">
 123             <div>Wpłaty w USD</div>
 124             <h3>PL82 1090 2851 0000 0001 4324 3385</h3>
 125             <button title="Kopiuj tekst" class="js-copy">
 126               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
 127             </button>
 128             <input type="text" value="PL88 1090 2851 0000 0001 4324 3374">
 129           </div>
 130           <div class="l-checkout__info__item">
 131             <div>SWIFT</div>
 132             <h3>WBKPPLPP</h3>
 133             <button title="Kopiuj tekst" class="js-copy">
 134               <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
 135             </button>
 136             <input type="text" value="WBKPPLPP">
 137           </div>
 138         </div>
 139       </div>
 140     </div>
 141   </div>
 142 </div>