src/club/templates/club/membership_form.html

   1 {% extends request.session.from_app|yesno:"base/app.html,base/base.html" %}
   2 {% load chunks %}
   3
   4
   5 {% block titleextra %}Towarzystwo Wolnych Lektur{% endblock %}
   6
   7
   8 {% block body %}
   9
  10 <style>
  11   .payment-method.disabled {
  12   opacity: .5;
  13   filter: grayscale(100%);
  14   }
  15
  16   </style>
  17
  18
  19 <div class="white-box normal-text">
  20
  21     <h1>{% if membership %}Odnów swoje członkostwo w Towarzystwie Przyjaciół Wolnych Lektur{% else %}Dołącz do Towarzystwa Przyjaciół Wolnych Lektur{% endif %}</h1>
  22
  23 {% chunk 'club_form_top' %}
  24
  25 <form method="POST" action="" id="payment-form" class="wlform">
  26   {% csrf_token %}
  27
  28   <h2>Zadeklaruj, jak często i jaką kwotą chcesz nas wspierać:</h2>
  29
  30   <ul class="errorlist">
  31   {% for e in  form.non_field_errors %}
  32     <li>{{ e }}</li>
  33   {% endfor %}
  34     {% for e in  form.plan.errors %}
  35     <li>{{ e }}</li>
  36   {% endfor %}
  37     {% for e in  form.amount.errors %}
  38     <li>{{ e }}</li>
  39     {% endfor %}
  40   </ul>
  41
  42   {% for plan in form.plans %}
  43
  44   <div>
  45     <input class="plan" type="radio" name="plan" value="{{ plan.id }}" id="plan{{ plan.id }}" data-methods="{% for m in plan.payment_methods %}{{ m.slug }} {% endfor %}">
  46     <label for="plan{{ plan.id }}">
  47       <input
  48         name="amount-{{ plan.id }}"
  49         type="number"
  50         placeholder="min. {{ plan.min_amount|floatformat:0 }}"
  51         value="{{ plan.default_amount|floatformat:0 }}"
  52         min="{{ plan.min_amount|floatformat:0 }}"
  53         step="1"
  54         style="width: 5em;"
  55         > zł
  56       {{ plan.get_interval_display }}
  57     </label>
  58   </div>
  59
  60   {% endfor %}
  61
  62   <h2>Wybierz metodę płatności:</h2>
  63
  64   <ul class="errorlist">
  65   {% for e in form.method.errors %}
  66   <li>{{ e }}</li>
  67   {% endfor %}
  68   </ul>
  69
  70   {% for payment_method in form.payment_methods %}
  71   <div class="payment-method" id="payment-method-{{ payment_method.slug }}">
  72     <input type="radio" id="method{{ payment_method.slug }}" name="method" value="{{ payment_method.slug }}">
  73     <label for="method{{ payment_method.slug }}">
  74       {% include payment_method.template_name %}
  75     </label>
  76   </div>
  77   {% endfor %}
  78
  79   <h2>
  80     Podaj nam swój adres e-mail, żebyśmy mogli się z Tobą skontaktować:
  81   </h2>
  82
  83   <p>
  84     {{ form.email }}</p>
  85   <button class="submit" type='submit'>Dołącz</button>
  86 </form>
  87
  88 {% chunk 'club_form_bottom' %}
  89
  90 </div>
  91
  92 {% endblock %}