checkout styles

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

diff --git a/src/club/templates/club/2022/donation_step1_form.html b/src/club/templates/club/2022/donation_step1_form.html
index bd45826..6b985ed 100644 (file)
--- a/src/club/templates/club/2022/donation_step1_form.html
+++ b/src/club/templates/club/2022/donation_step1_form.html
@@ -17,20 +17,18 @@
     </div>
   </div>
 
+  {% with amounts=club.get_amounts %}
   <div class="l-checkout__payments payments-once">
-    {% for amount in club.singleamount_set.all %}
-      <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 %}">
-        <div>
-          <h3>{{ amount.amount }} zł</h3>
-          <div class="l-checkout__payments__box__btn-wrp">
-            <button name="single_amount" value="{{ amount.amount }}">Wybierz</button>
-          </div>
-        </div>
-        {% if amount.description %}
-          <div>
+    {% for amount in amounts.single %}
+      <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 }}">
+
+        <h3>{{ amount.amount }} zł</h3>
+        <div class="l-checkout__payments__box__btn-wrp">
+          {% if amount.description %}
             <p>{{ amount.description|safe }}</p>
-          </div>
-        {% endif %}
+          {% endif %}
+          <button name="single_amount" value="{{ amount.amount }}">Wybierz</button>
+        </div>
       </div>
     {% endfor %}
     <input type="hidden"
@@ -41,11 +39,13 @@
 
 
   <div class="l-checkout__payments payments-recurring">
-    {% for amount in club.monthlyamount_set.all %}
-      <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 %}">
+    {% for amount in amounts.monthly %}
+      <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 }}">
         <h3>{{ amount.amount }} zł <span>/mies.</span></h3>
         <div class="l-checkout__payments__box__btn-wrp">
-          <p>{{ amount.description|safe }}</p>
+          {% if amount.description %}
+            <p>{{ amount.description|safe }}</p>
+          {% endif %}
           <button name="monthly_amount" value="{{ amount.amount }}">Wybierz</button>
         </div>
       </div>
@@ -63,9 +63,15 @@
     </div>
     <button>Dalej</button>
   </div>
+  {% endwith %}
 </form>
 
-<img src="{% static '2022/images/checkout-footer.png' %}" alt="Bezpieczne płatności zapewniają" class="l-checkout__footer__img">
+<div class="l-checkout__secure">
+<img src="{% static '2022/images/payments-padlock.png' %}" class="l-checkout__secure__padlock">
+Bezpieczne płatności zapewniają:
+<img src="{% static '2022/images/payments-2.png' %}" class="l-checkout__secure__img">
+</div>
+
 <div class="l-checkout__cols bt-w">
   <div class="l-checkout__col full">
     <div class="l-checkout__form">
@@ -74,11 +80,11 @@
         <div class="l-checkout__info">
           <div class="l-checkout__info__item">
             <div>nazwa odbiorcy</div>
-            <h3>Fundacja Nowoczesna Polska</h3>
+            <h3>Fundacja Wolne Lektury</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">
+            <input type="text" value="Fundacja Wolne Lektury">
           </div>
           <div class="l-checkout__info__item">
             <div>adres odbiorcy</div>