</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"
<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>
</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">
<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>