New layout pages.

[wolnelektury.git] / src / club / templates / club / 2022 / donation_step3.html

diff --git a/src/club/templates/club/2022/donation_step3.html b/src/club/templates/club/2022/donation_step3.html
new file mode 100644 (file)
index 0000000..4da3456
--- /dev/null
+++ b/src/club/templates/club/2022/donation_step3.html
@@ -0,0 +1,103 @@
+{% extends 'club/2022/donation_step_base.html' %}
+
+{% load static %}
+{% load club %}
+
+
+{% block donation-jumbo-image %}{% static '2022/images/checkout-img-4.jpg' %}{% endblock %}
+
+
+{% block donation-step-content %}
+  <div class="l-checkout__cols">
+    <div class="l-checkout__col">
+      <div class="l-checkout__payments__box is-active">
+        <h3>
+          {{ schedule.amount|floatformat }} zł
+          {% if schedule.monthly %}
+            <span>/mies.</span>
+        {% endif %}</h3>
+        <img src="{% static '2022/images/checkout-img-3.jpg' %}" alt="">
+      </div>
+    </div>
+    <div class="l-checkout__col">
+      <div class="l-checkout__form">
+        <div class="l-checkout__form__row full">
+          <!-- h3>Wybierz bezpieczną płatność:</h3-->
+          <div class="iframe">
+            {% for method in schedule.get_payment_methods %}
+              {% invite_payment method schedule %}
+            {% endfor %}
+          </div>
+        </div>
+        <div class="l-checkout__form__row full">
+          <h3>Możesz też ustawić stały przelew na konto:</h3>
+          <div class="l-checkout__info">
+            <div class="l-checkout__info__item">
+              <div>nazwa odbiorcy</div>
+              <h3>Fundacja Nowoczesna Polska</h3>
+              <button title="Kopiuj tekst" class="js-copy">
+                <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
+              </button>
+              <input type="text" value="Fundacja Nowoczesna Polska">
+            </div>
+            <div class="l-checkout__info__item">
+              <div>adres odbiorcy</div>
+              <h3>ul. Marszałkowska 84/92 lok. 125, 00-514 Warszawa</h3>
+              <button title="Kopiuj tekst" class="js-copy">
+                <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
+              </button>
+              <input type="text" value="ul. Marszałkowska 84/92 lok. 125, 00-514 Warszawa">
+            </div>
+            <div class="l-checkout__info__item">
+              <div>numer konta</div>
+              <h3>75 1090 2851 0000 0001 4324 3317</h3>
+              <button title="Kopiuj tekst" class="js-copy">
+                <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
+              </button>
+              <input type="text" value="75 1090 2851 0000 0001 4324 3317">
+            </div>
+            <div class="l-checkout__info__item">
+              <div>tytuł przelewu</div>
+              <h3>Darowizna na Wolne Lektury + twoja nazwa użytkownika lub e-mail</h3>
+              <button title="Kopiuj tekst" class="js-copy">
+                <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
+              </button>
+              <input type="text" value="Darowizna na Wolne Lektury + twoja nazwa użytkownika lub e-mail">
+            </div>
+            <div class="l-checkout__info__item">
+              <div>wpłaty w EUR</div>
+              <h3>PL88 1090 2851 0000 0001 4324 3374</h3>
+              <button title="Kopiuj tekst" class="js-copy">
+                <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
+              </button>
+              <input type="text" value="PL88 1090 2851 0000 0001 4324 3374">
+            </div>
+            <div class="l-checkout__info__item">
+              <div>Wpłaty w USD</div>
+              <h3>PL82 1090 2851 0000 0001 4324 3385</h3>
+              <button title="Kopiuj tekst" class="js-copy">
+                <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
+              </button>
+              <input type="text" value="PL88 1090 2851 0000 0001 4324 3374">
+            </div>
+            <div class="l-checkout__info__item">
+              <div>SWIFT</div>
+              <h3>WBKPPLPP</h3>
+              <button title="Kopiuj tekst" class="js-copy">
+                <img src="{% static '2022/images/copy.svg' %}" alt="Kopiuj">
+              </button>
+              <input type="text" value="WBKPPLPP">
+            </div>
+          </div>
+        </div>
+        <div class="l-checkout__form__row confirm">
+          <a href="#">Powrót</a>
+          <!-- div class="l-checkout__input">
+            <a href="#">Dalej</a>
+          </div-->
+        </div>
+      </div>
+    </div>
+  </div>
+  <img src="{% static '2022/images/checkout-footer.png' %}" alt="Bezpieczne płatności zapewniają" class="l-checkout__footer__img">
+{% endblock %}