src/club/templates/club/2022/donation_step_base.html

   1 {% extends '2022/base.html' %}
   2 {% load club %}
   3 {% load static %}
   4
   5
   6 {% block content %}
   7   <div class="l-container">
   8     <div class="l-breadcrumb">
   9       <a href="#"><span>Strona główna</span></a>
  10       <a href="#"><span>Wesprzyj nas</span></a>
  11     </div>
  12   </div>
  13
  14
  15   <main class="l-main">
  16     <div class="l-checkout__support">
  17       <div class="l-checkout__support__bar">
  18         <span data-label="Jest nas {% club_count_recurring %}" style="width: calc({% club_count_recurring %}% / 10);"></span>
  19       </div>
  20       <div class="l-checkout__support__footer">
  21         <p>Dołącz do naszych stałych <strong>darczyńców</strong>!</p>
  22         <p>Minimalną stabilność uzyskamy przy <strong>1000</strong> regularnych darczyńców!</p>
  23       </div>
  24     </div>
  25
  26     <div class="l-checkout__box">
  27       <div class="l-checkout__box__header">
  28         <img src="{% block donation-jumbo-image %}{% static '2022/images/checkout-img-1.jpg' %}{% endblock %}" alt="Wspieraj Wolne Lektury">
  29         <div class="l-checkout__box__header__content">
  30           <h1>Wspieraj Wolne Lektury</h1>
  31           <p>Dziękujemy, że chcesz razem z nami uwalniać książki!</p>
  32           <p>Wspieraj Wolne Lektury stałą wpłatą – nawet niewielka ma wielką moc! Możesz też wesprzeć Wolne Lektury jednorazowo.</p>
  33         </div>
  34       </div>
  35       <div class="l-checkout__steps">
  36
  37         {% if view.step > 1 and view.step != 4 %}
  38           <a href="{% url 'donation_step1' schedule.key %}">
  39         {% endif %}
  40         <div class="{% if view.step == 1 %}is-current{% else %}is-completed{% endif %}">
  41           <span>1</span>
  42           <p>Rodzaj wsparcia</p>
  43         </div>
  44         {% if view.step > 1 and view.step != 4 %}
  45           </a>
  46         {% endif %}
  47
  48         {% if view.step != 2 and schedule and view.step != 4 %}
  49           <a href="{% url 'donation_step2' schedule.key %}">
  50         {% endif %}
  51         <div class="{% if view.step == 2 %}is-current{% elif not schedule %}is-inactive{% else %}is-completed{% endif %}">
  52           <span>2</span>
  53           <p>Dane</p>
  54         </div>
  55         {% if view.step != 2 and schedule and view.step != 4 %}
  56           </a>
  57         {% endif %}
  58
  59         {% if view.step != 3 and schedule.email and view.step != 4 %}
  60           <a href="{{ schedule.get_absolute_url }}">
  61         {% endif %}
  62         <div class="{% if view.step == 3 %}is-current{% elif not schedule or not schedule.method %}is-inactive{% else %}is-completed{% endif %}">
  63           <span>3</span>
  64           <p>Forma płatności</p>
  65         </div>
  66         {% if view.step != 3 and schedule.email and view.step != 4 %}
  67           </a>
  68         {% endif %}
  69
  70         <div class="{% if view.step == 4 %}is-completed{% else %}is-inactive{% endif %}">
  71           <span>4</span>
  72           <p>Gotowe</p>
  73         </div>
  74       </div>
  75
  76
  77       {% block donation-step-content %}{% endblock %}
  78
  79     </div>
  80
  81     <div class="l-checkout__footer">
  82       <div class="l-checkout__footer__content">
  83         <div class="l-checkout__footer__content__item">
  84           <h3>Transparentność jest dla nas bardzo ważna.</h3>
  85           <div>
  86             <div class="l-article__overlay" data-max-height="91">
  87               <p>
  88                 O tym, jak wydajemy pozyskane pieniądze, dowiesz się ze sprawozdań finansowych i merytorycznych, które znajdziesz na naszej stronie lub w bazie Narodowego Instytutu Wolności, wpisując nr KRS 0000070056.
  89               </p>
  90             </div>
  91           </div>
  92         </div>
  93         <div class="l-checkout__footer__content__item">
  94           <h3>Informacja o przetwarzaniu danych osobowych</h3>
  95           <div>
  96             <div class="l-article__overlay" data-max-height="91">
  97               <p>
  98                 W każdej chwili możesz zrezygnować z subskrypcji. <a href="#">Więcej informacji. Polityka prywatności.</a>
  99                 Administratorem Twoich danych osobowych jest Fundacja Nowoczesna Polska z siedzibą w Warszawie, przy ul. Marszałkowskiej 84/92 lok. 125, 00-514 Warszawa (dalej: Fundacja).
 100               </p>
 101               <p>
 102                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias consequatur deserunt doloribus facilis, ipsum nisi nulla quam rem totam!
 103                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias consequatur deserunt doloribus facilis, ipsum nisi nulla quam rem totam!
 104               </p>
 105               <p>
 106                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias consequatur deserunt doloribus facilis, ipsum nisi nulla quam rem totam!
 107                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias consequatur deserunt doloribus facilis, ipsum nisi nulla quam rem totam!
 108               </p>
 109             </div>
 110             <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Więcej" data-action="Mniej">Więcej</button>
 111           </div>
 112         </div>
 113         <div class="l-checkout__footer__content__item">
 114           <h3>FAQ</h3>
 115           <div>
 116             <div class="l-article__overlay" data-max-height="91">
 117               <p>
 118                 Chcesz zmienić wysokość darowizny, anulować przyszłe płatności lub masz inne pytania? Tu znajdziesz odpowiedzi na nie:
 119                 <a href="#">Pytania i odpowiedzi dotyczące płatności</a>.
 120               </p>
 121             </div>
 122           </div>
 123         </div>
 124       </div>
 125     </div>
 126   </main>
 127
 128
 129
 130 {% endblock %}