src/club/templates/club/membership_form.html

   1 {% extends request.session.from_app|yesno:"base/app.html,base/base.html" %}
   2 {% load i18n %}
   3 {% load chunks %}
   4 {% load thumbnail %}
   5 {% load club %}
   6
   7 {% block titleextra %}{% trans "Join us in freeing the books!" %}{% endblock %}
   8 {% block metadescription %}{% trans "„Wolne Lektury należy wspierać, bo są” - Filip Springer" %}{% endblock %}
   9
  10
  11 {% block body %}
  12   <div class="white-box normal-text">
  13
  14     <h1>{% trans "Support Wolne Lektury" %}</h1>
  15     <h2 style="margin-bottom:2em;">
  16       {% if membership %}
  17         {# Displays to members. #}
  18         {% trans "Thank you for your support! Support us again!" %}
  19       {% else %}
  20         {# Displays to non-supporters. #}
  21         {% trans "Thank you for wanting to free the books with us!" %}
  22       {% endif %}</h2>
  23
  24       {% with schedule=request.user|active_schedule %}
  25         {% if schedule %}
  26           <p><a href="{{ schedule.get_absolute_url }}">{% trans "See your past support." %}</a></p>
  27         {% endif %}
  28       {% endwith %}
  29
  30       <div class='twocol'>
  31
  32       <form method="POST" action="" id="payment-form" class="wlform">
  33         {% csrf_token %}
  34
  35         {% chunk 'club_form_top' %}
  36
  37         {% club_monthly_since '2020-12-01' as supporters %}
  38         {% club_monthly_missing_since '2020-12-01' 100 as missing_supporters %}
  39         <p>
  40           {% blocktrans %}Help us get 100 new Friends by the end of the school semester.{% endblocktrans %}
  41           {% blocktrans count supporters=supporters %}
  42             So far <b style="color: #0d7e85">{{ supporters }}</b> reader has already supported us with a regular donation,
  43             {% plural %}
  44             So far <b style="color: #0d7e85">{{ supporters }}</b> readers have already supported us with a regular donation,
  45           {% endblocktrans %}
  46           {% blocktrans count missing_supporters=missing_supporters %}
  47             <b style="color: #0d7e85">{{ missing_supporters }}</b> is missing.
  48             {% plural %}
  49             <b style="color: #0d7e85">{{ missing_supporters }}</b> are missing.
  50           {% endblocktrans %}
  51         </p>
  52         <div class="funding" style="background: none;"><div class="description"><div class="progress" style="text-align: center; background-size: {{ supporters }}% 1px;"><span class="piece progress-collected">&nbsp;{{ supporters }}</span><span class="piece progress-target">{{ missing_supporters }}&nbsp;</span><div style="clear: both"></div></div></div></div>
  53
  54         {% include "club/payment_form.html" %}
  55
  56         {% chunk 'club_form_bottom' %}
  57
  58       </form>
  59
  60       <div class="club-form-info">
  61         {% if ambassador %}
  62         <div class="ambassador {% if ambassador.photo %}with-photo{% endif %}">
  63             <div>
  64               <em>
  65                 {{ ambassador.text }}
  66               </em>
  67               <div style="font-size: 1.2em">{{ ambassador.name }}</div>
  68             </div>
  69             {% if ambassador.photo %}
  70               <img src="{% thumbnail ambassador.photo "100x100" as thumb %}{{ thumb.url }}{% empty %}{{ ambassador.photo.url }}{% endthumbnail %}">
  71             {% endif %}
  72           </div>
  73         {% endif %}
  74
  75         {% include "club/payment_info.html" %}
  76 </div>
  77 </div>
  78
  79 </div>
  80
  81 {% endblock %}