src/club/templates/club/donation_step_base.html

   1 {% extends 'base.html' %}
   2 {% load chunks %}
   3 {% load club %}
   4 {% load i18n static %}
   5
   6
   7 {% block global-content %}
   8   <div class="l-container">
   9     <div class="l-breadcrumb">
  10       <a href="/"><span>{% trans "Strona główna" %}</span></a>
  11       <span>{% trans "Wesprzyj nas" %}</span>
  12     </div>
  13   </div>
  14
  15
  16   <main class="l-main">
  17     {% comment %}
  18     <!-- TODO: hide when crisis banner on -->
  19     <div class="l-checkout__support">
  20       <div class="l-checkout__support__bar">
  21         <span data-label="{% club_count_recurring as c %}{% blocktrans %}Jest nas {{ c }}{% endblocktrans %}" style="width: calc({{ c }}% / 5);"></span>
  22       </div>
  23       <div class="l-checkout__support__footer">
  24         <p>{% blocktrans %}Dołącz do naszych stałych <strong>darczyńców</strong>!{% endblocktrans %}</p>
  25         <p>{% blocktrans with c=500 %}Potrzebujemy <strong>{{ c }}</strong> regularnych darczyńców, by Wolne Lektury mogły działać!{% endblocktrans %}</p>
  26       </div>
  27     </div>
  28     {% endcomment %}
  29
  30     <div class="l-checkout__box">
  31       <div class="l-checkout__box__header">
  32         <img src="{% block donation-jumbo-image %}{% static '2022/images/checkout-img-1.jpg' %}{% endblock %}" alt="Wspieraj Wolne Lektury">
  33         <div class="l-checkout__box__header__content">
  34           <h1>{% trans "Wspieraj Wolne Lektury" %}</h1>
  35           <p>{% trans "Dziękujemy, że chcesz razem z nami uwalniać książki!" %}</p>
  36           <p>{% trans "Wspieraj Wolne Lektury stałą wpłatą – nawet niewielka ma wielką moc! Możesz też wesprzeć Wolne Lektury jednorazowo." %}</p>
  37         </div>
  38       </div>
  39       <div class="l-checkout__steps">
  40
  41         {% if view.step > 1 and view.step != 4 %}
  42           <a href="{% url 'donation_step1' schedule.key %}">
  43         {% endif %}
  44         <div class="{% if view.step == 1 %}is-current{% else %}is-completed{% endif %}">
  45           <span>1</span>
  46           <p>{% trans "Rodzaj wsparcia" %}</p>
  47         </div>
  48         {% if view.step > 1 and view.step != 4 %}
  49           </a>
  50         {% endif %}
  51
  52         {% if view.step != 2 and schedule and view.step != 4 %}
  53           <a href="{% url 'donation_step2' schedule.key %}">
  54         {% endif %}
  55         <div class="{% if view.step == 2 %}is-current{% elif not schedule %}is-inactive{% else %}is-completed{% endif %}">
  56           <span>2</span>
  57           <p>{% trans "Dane" %}</p>
  58         </div>
  59         {% if view.step != 2 and schedule and view.step != 4 %}
  60           </a>
  61         {% endif %}
  62
  63         {% if view.step != 3 and schedule.email and view.step != 4 %}
  64           <a href="{{ schedule.get_absolute_url }}">
  65         {% endif %}
  66         <div class="{% if view.step == 3 %}is-current{% elif not schedule or not schedule.method %}is-inactive{% else %}is-completed{% endif %}">
  67           <span>3</span>
  68           <p>{% trans "Forma płatności" %}</p>
  69         </div>
  70         {% if view.step != 3 and schedule.email and view.step != 4 %}
  71           </a>
  72         {% endif %}
  73
  74         <div class="{% if view.step == 4 %}is-completed{% else %}is-inactive{% endif %}">
  75           <span>4</span>
  76           <p>{% trans "Gotowe" %}</p>
  77         </div>
  78       </div>
  79
  80
  81       {% block donation-step-content %}{% endblock %}
  82
  83     </div>
  84
  85     <div class="l-checkout__footer">
  86       <div class="l-checkout__footer__content">
  87         <div class="l-checkout__footer__content__item">
  88           <h3>{% trans "Transparentność jest dla nas bardzo ważna." %}</h3>
  89           <div>
  90             <div class="l-article__overlay" data-max-height="91">
  91               {% chunk 'donation-transparency' %}
  92             </div>
  93             <button class="l-article__read-more" aria-label="{% trans 'Kliknij aby rozwinąć' %}" data-label="{% trans 'Więcej' %}" data-action="{% trans 'Mniej' %}">{% trans 'Więcej' %}</button>
  94           </div>
  95         </div>
  96         <div class="l-checkout__footer__content__item">
  97           <h3>{% trans "Informacja o przetwarzaniu danych osobowych" %}</h3>
  98           <div>
  99             <div class="l-article__overlay" data-max-height="91">
 100               {% chunk 'donation-data-processing' %}
 101             </div>
 102             <button class="l-article__read-more" aria-label="{% trans 'Kliknij aby rozwinąć' %}" data-label="{% trans 'Więcej' %}" data-action="{% trans 'Mniej' %}">{% trans 'Więcej' %}</button>
 103           </div>
 104         </div>
 105         <div class="l-checkout__footer__content__item">
 106           <h3>{% trans "FAQ" %}</h3>
 107           <div>
 108             <div class="l-article__overlay" data-max-height="91">
 109               {% chunk 'donation-faq' %}
 110             </div>
 111             <button class="l-article__read-more" aria-label="{% trans 'Kliknij aby rozwinąć' %}" data-label="{% trans 'Więcej' %}" data-action="{% trans 'Mniej' %}">{% trans 'Więcej' %}</button>
 112           </div>
 113         </div>
 114         <div class="l-checkout__footer__content__item">
 115           <h3>{% trans "Regulamin darowizn" %}</h3>
 116           <div>
 117             <div class="l-article__overlay" data-max-height="91">
 118               {% chunk 'donation-regulamin' %}
 119             </div>
 120             <button class="l-article__read-more" aria-label="{% trans 'Kliknij aby rozwinąć' %}" data-label="{% trans 'Więcej' %}" data-action="{% trans 'Mniej' %}">{% trans 'Więcej' %}</button>
 121           </div>
 122         </div>
 123       </div>
 124     </div>
 125   </main>
 126
 127
 128
 129 {% endblock %}