{% extends "members/base.html" %}

{% load bootstrap3 %}
{% load i18n %}

{% block content %}
<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>

<div>
    <h3>{% trans "Add payment" %}</h3>

    <div id="input_form">
        <form name="paymentForm" action="/members/submit_payment" method="post" class="form">{% csrf_token %}
            {% bootstrap_form form %}
            {% buttons %}
            <button type="submit" class="btn btn-primary">
                {% trans "Save" %}
            </button>
            {% endbuttons %}
        </form>
    </div>
</div>

{{ form.media }}

{% endblock content %}