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