src/club/templates/club/2022/donation_step3.html

   1 {% extends 'club/2022/donation_step_base.html' %}
   2
   3 {% load static %}
   4 {% load club %}
   5
   6
   7 {% block donation-jumbo-image %}{% static '2022/images/checkout-img-4.jpg' %}{% endblock %}
   8
   9
  10 {% block donation-step-content %}
  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 %}</h3>
  19         <img src="{% static '2022/images/checkout-img-3.jpg' %}" alt="">
  20       </div>
  21     </div>
  22     <div class="l-checkout__col">
  23       <div class="l-checkout__form">
  24         <div class="l-checkout__form__row full">
  25           <!-- h3>Wybierz bezpieczną płatność:</h3-->
  26           <div class="iframe">
  27             {% for method in schedule.get_payment_methods %}
  28               {% invite_payment method schedule %}
  29             {% endfor %}
  30           </div>
  31         </div>
  32         <div class="l-checkout__form__row full">
  33           <h3>Możesz też ustawić stały przelew na konto:</h3>
  34           <div class="l-checkout__info">
  35             <div class="l-checkout__info__item">
  36               <div>nazwa odbiorcy</div>
  37               <h3>Fundacja Wolne Lektury</h3>
  38               <button title="Kopiuj tekst" class="js-copy">
  39                 <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
  40               </button>
  41               <input type="text" value="Fundacja Wolne Lektury">
  42             </div>
  43             <div class="l-checkout__info__item">
  44               <div>adres odbiorcy</div>
  45               <h3>ul. Marszałkowska 84/92 lok. 125, 00-514 Warszawa</h3>
  46               <button title="Kopiuj tekst" class="js-copy">
  47                 <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
  48               </button>
  49               <input type="text" value="ul. Marszałkowska 84/92 lok. 125, 00-514 Warszawa">
  50             </div>
  51             <div class="l-checkout__info__item">
  52               <div>numer konta</div>
  53               <h3>75 1090 2851 0000 0001 4324 3317</h3>
  54               <button title="Kopiuj tekst" class="js-copy">
  55                 <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
  56               </button>
  57               <input type="text" value="75 1090 2851 0000 0001 4324 3317">
  58             </div>
  59             <div class="l-checkout__info__item">
  60               <div>tytuł przelewu</div>
  61               <h3>Darowizna na Wolne Lektury + twoja nazwa użytkownika lub e-mail</h3>
  62               <button title="Kopiuj tekst" class="js-copy">
  63                 <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
  64               </button>
  65               <input type="text" value="Darowizna na Wolne Lektury + twoja nazwa użytkownika lub e-mail">
  66             </div>
  67             <div class="l-checkout__info__item">
  68               <div>wpłaty w EUR</div>
  69               <h3>PL88 1090 2851 0000 0001 4324 3374</h3>
  70               <button title="Kopiuj tekst" class="js-copy">
  71                 <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
  72               </button>
  73               <input type="text" value="PL88 1090 2851 0000 0001 4324 3374">
  74             </div>
  75             <div class="l-checkout__info__item">
  76               <div>Wpłaty w USD</div>
  77               <h3>PL82 1090 2851 0000 0001 4324 3385</h3>
  78               <button title="Kopiuj tekst" class="js-copy">
  79                 <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
  80               </button>
  81               <input type="text" value="PL88 1090 2851 0000 0001 4324 3374">
  82             </div>
  83             <div class="l-checkout__info__item">
  84               <div>SWIFT</div>
  85               <h3>WBKPPLPP</h3>
  86               <button title="Kopiuj tekst" class="js-copy">
  87                 <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
  88               </button>
  89               <input type="text" value="WBKPPLPP">
  90             </div>
  91           </div>
  92         </div>
  93         <div class="l-checkout__form__row confirm">
  94           <a href="#">Powrót</a>
  95           <!-- div class="l-checkout__input">
  96             <a href="#">Dalej</a>
  97           </div-->
  98         </div>
  99       </div>
 100     </div>
 101   </div>
 102   <img src="{% static '2022/images/checkout-footer.png' %}" alt="Bezpieczne płatności zapewniają" class="l-checkout__footer__img">
 103 {% endblock %}