src/club/templates/club/membership_form.html

   1 {% extends request.session.from_app|yesno:"base/app.html,base/base.html" %}
   2
   3
   4 {% block titleextra %}Towarzystwo Wolnych Lektur{% endblock %}
   5
   6
   7 {% block body %}
   8
   9 <style>
  10   .payment-method.disabled {
  11   opacity: .5;
  12   filter: grayscale(100%);
  13   }
  14
  15   </style>
  16
  17
  18 <div class="white-box normal-text">
  19
  20         <h1>{% if membership %}Odnów swoje członkostwo w Towarzystwie Wolnych Lektur{% else %}Dołącz do Towarzystwa Wolnych Lektur{% endif %}</h1>
  21
  22 <form method="POST" action="" id="payment-form" class="wlform">
  23   {% csrf_token %}
  24
  25   <h2>Składka</h2>
  26
  27   <ul class="errorlist">
  28   {% for e in  form.non_field_errors %}
  29     <li>{{ e }}</li>
  30   {% endfor %}
  31     {% for e in  form.plan.errors %}
  32     <li>{{ e }}</li>
  33   {% endfor %}
  34     {% for e in  form.amount.errors %}
  35     <li>{{ e }}</li>
  36     {% endfor %}
  37   </ul>
  38
  39   {% for plan in form.plans %}
  40
  41   <div>
  42     <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 %}">
  43     <label for="plan{{ plan.id }}">
  44       <input
  45         name="amount-{{ plan.id }}"
  46         type="number"
  47         placeholder="min. {{ plan.min_amount|floatformat:0 }}"
  48         value="{{ plan.default_amount|floatformat:0 }}"
  49         min="{{ plan.min_amount|floatformat:0 }}"
  50         step="1"
  51         style="width: 5em;"
  52         > zł
  53       {{ plan.get_interval_display }}
  54     </label>
  55   </div>
  56
  57   {% endfor %}
  58
  59   <h2>Metoda płatności</h2>
  60
  61   <ul class="errorlist">
  62   {% for e in form.method.errors %}
  63   <li>{{ e }}</li>
  64   {% endfor %}
  65   </ul>
  66
  67   {% for payment_method in form.payment_methods %}
  68   <div class="payment-method" id="payment-method-{{ payment_method.slug }}">
  69     <input type="radio" id="method{{ payment_method.slug }}" name="method" value="{{ payment_method.slug }}">
  70     <label for="method{{ payment_method.slug }}" style="display:inline-block">
  71       {% include payment_method.template_name %}
  72     </label>
  73   </div>
  74   {% endfor %}
  75
  76   <p style="margin-top: 2em;">
  77     {{ form.email.label }}:
  78     {{ form.email }}</p>
  79   <button class="submit" type='submit'>Dołącz</button>
  80 </form>
  81
  82 </div>
  83
  84 {% endblock %}