{% extends "admin.html" %}

{% load url from future %}

{% block headtitle %}Manage Members {% endblock %}

{% block members_active %}class="active"{% endblock %}

{% block headscript_multi %}
    <script type="text/javascript">
    	$(document).ready(function() {
    	    $('#id_member').multiselect({
    	        buttonClass: 'btn btn-sm btn-default btn-dropdown',
    			enableFiltering: 1,
                enableCaseInsensitiveFiltering: true,
                numberDisplayed: 2000
    	    });
    	});
    </script>
{% endblock %}

{% block content %}

	<div class="row">
		<div class="col-lg-12">
			<ul class="breadcrumb">
				<li><a href="{% url 'admin' %}">Admin</a> </li>
				<li><a href="{% url 'admin_members' %}">Members</a> </li>
				<li><a href="{% url 'admin_members_direct_debits' %}">Direct Debits</a></li>
                <li>Add Direct Debit</li>
			</ul>
		</div>
	</div>
	
	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
        		<h1>Add Direct Debit</h1>
            </div>
		</div>
	</div>
    
	<div class="row">
		<div class="col-lg-12">
        	<form action="" method="post" enctype="multipart/form-data" class="form-horizontal">{% csrf_token %}
        		{% include "admin/partials/form.html" with form=direct_debit_form %}

				<div class="form-group form-actions">
					<div class="col-lg-offset-3 col-lg-4">
                        <a href="{% url 'admin_members_direct_debits' %}" title="Cancel" class="btn btn-default">Cancel</a>
        				<input type="submit" class="btn btn-primary" value="Save" />
                    </div>
    			</div>
        	</form>
        </div>
    </div>
	
	
{% endblock %}