</div>
</div>
- <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>
+ {% with amounts=club.get_amounts %}
+ <div class="l-checkout__payments payments-once wide-spot-{{ amounts.single_wide_spot }}">
+ {% 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>
+ {% endif %}
<button name="single_amount" value="{{ amount.amount }}">Wybierz</button>
</div>
</div>
- {% if amount.description %}
- <div>
- <p>{{ amount.description|safe }}</p>
- </div>
- {% endif %}
- </div>
- {% endfor %}
- <input type="hidden"
- name="single_amount_selected"
- value="{% if schedule and not schedule.monthly %}{{ schedule.amount|floatformat }}{% else %}{{ club.default_single_amount }}{% endif %}">
+ {% endfor %}
+ <input type="hidden"
+ name="single_amount_selected"
+ value="{% if schedule and not schedule.monthly %}{{ schedule.amount|floatformat }}{% else %}{{ club.default_single_amount }}{% endif %}">
- </div>
+ </div>
- <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 %}">
+ <div class="l-checkout__payments payments-recurring wide-spot-{{ amounts.monthly_wide_spot }}">
+ {% 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-payu.png' %}" class="l-checkout__secure__img" alt="PayU Visa MasterCard">
+ {% if club.paypal_enabled %}
+ <img src="{% static '2022/images/payments-paypal.png' %}" class="l-checkout__secure__img" alt="PayPal">
+ {% endif %}
+</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>