{% extends "admin.html" %}

{% load url from future %}

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

{% block members_active %}active{% 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 class="active">Direct Debits</li>
			</ul>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
        		<h1>Direct Debits</h1>
                <div class="pull-left">
                    <h2>
                        <a href="{% url 'admin_members_add_direct_debit' %}" class="btn btn-lg btn-success"><i class="glyphicon glyphicon-plus"></i> Add Direct Debit</a>
                        <a href="{% url 'admin_members_download_direct_debits' %}" class="btn btn-lg btn-primary"><i class="glyphicon glyphicon-arrow-down"></i> Download Direct Debits</a>
                        <a href="{% url 'admin_members_download_pending_direct_debits' %}" class="btn btn-lg btn-primary"><i class="glyphicon glyphicon-arrow-down"></i> Download Pending Direct Debits</a>
                        <a href="{% url 'admin_members_expiring_direct_debits' %}" class="btn btn-lg btn-primary"><i class="glyphicon glyphicon-eye-open"></i> View Expiring</a>
                        <a href="{% url 'admin_members_archived_direct_debits' %}" class="btn btn-lg btn-primary"><i class="glyphicon glyphicon-eye-open"></i> View Archived</a></h2>
                </div>
                {% comment %}<div class="pull-right">
                    <h2><a href="{% url 'admin_members_process_direct_debits' %}" onclick="return confirm('Are you sure you want to process all current Direct Debits for the current year?')" class="btn btn-lg btn-success"><i class="glyphicon glyphicon-ok"></i> Process Direct Debits</a></h2>
                </div>
				{% endcomment %}
                <div class="clearfix"></div>
            </div>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
            {% if pending_direct_debits %}

                <h2>Pending Direct Debits</h2>

        		<table class="table table-bordered table-striped">
        			<thead>
         				<tr>
                            <th>Number</th>
         					<th>Name</th>
         					<th>Email Address</th>
							<th>Expiry Date</th>
							<th style="width:20%;">Member Type</th>
         					<th>Created</th>
                            <th>Submission</th>
         					<th colspan="3"></th>
         				</tr>
        			</thead>
        			<tbody>
        				{% for request in pending_direct_debits %}
        	    			<tr>
                                <td>{{ request.member.membership_number }}</td>
        	    				<td>{{ request.member }}</td>
        	    				<td>{{ request.member.user.email }}</td>
								<td>{{ request.member.expiry_date }}</td>
								<td style="whitespace:no-wrap; overflow:hidden; max-width:20%;">{{ request.member.member_type }}</td>
        	    				<td>{{ request.created }}</td>
                                <td>{{ request.get_submission_display }}</td>
                                <td><a href="{% url 'admin_members_edit_direct_debit' request.id %}" class="btn btn-sm btn-primary" title="Edit Direct Debit"><i class="glyphicon glyphicon-pencil"></i></a></td>
                                <td><a href="{% url 'admin_members_view_direct_debit' request.id %}" class="btn btn-sm btn-primary" title="View Direct Debit"><i class="glyphicon glyphicon-eye-open"></i></a></td>
                                <td><a href="{% url 'view_member' request.member.id %}" class="btn btn-sm btn-primary" title="View Member"><i class="glyphicon glyphicon-eye-open"></i></a></td>
        	    			</tr>
        				{% endfor %}
        			</tbody>
        		</table>
        	{% endif %}

            {% if current_direct_debits %}
                <h2>Current Direct Debits ({{ current_direct_debits.count }})</h2>

        		<table class="table table-bordered table-striped">
        			<thead>
         				<tr>
							<th>Number</th>
         					<th>Name</th>
         					<th>Email Address</th>
							<th>Expiry Date</th>
							<th>Member Type</th>
         					<th>Created</th>
                            <th>Submission</th>
         					<th colspan="4"></th>
         				</tr>
        			</thead>
        			<tbody>
        				{% for request in current_direct_debits %}
        	    			<tr>
                                <td>{{ request.member.membership_number }}</td>
        	    				<td>{{ request.member }}</td>
        	    				<td>{{ request.member.user.email }}</td>
								<td>{{ request.member.expiry_date }}</td>
								<td style="overflow:hidden; width:25%;">{{ request.member.member_type }}</td>
        	    				<td>{{ request.created }}</td>
                                <td>{{ request.submission }} - {{ request.get_submission_display }}
                                    {% if request.submission = '01' %}<br/><a href="{% url 'admin_members_mark_existing_direct_debit' request.id %}" class="btn btn-default" onclick="return confirm('Are you sure you want to mark this as existing?');">Mark As Existing</a>{% endif %}
                                </td>
                                <td><a href="{% url 'admin_members_view_direct_debit' request.id %}" class="btn btn-sm btn-primary" title="View Direct Debit"><i class="glyphicon glyphicon-eye-open"></i></a></td>
                                <td>{% if request.member %}<a href="{% url 'view_member' request.member.id %}" class="btn btn-sm btn-primary" title="View Member"><i class="glyphicon glyphicon-eye-open"></i></a>{% else %}{% endif %}</td>
                                <td><a href="{% url 'admin_members_edit_direct_debit' request.id %}" class="btn btn-sm btn-primary" title="Edit Direct Debit"><i class="glyphicon glyphicon-pencil"></i></a></td>
                                <td><a href="{% url 'admin_members_archive_direct_debit' request.id %}" class="btn btn-sm btn-danger" title="Archive Direct Debit" onclick="return confirm('Are you sure you want to Archive this Direct Debit?';)"><i class="glyphicon glyphicon-trash"></i></a></td>
        	    			</tr>
        				{% endfor %}
        			</tbody>
        		</table>
            {% endif %}

        	<p><a href="{% url 'admin_members' %}" class="btn btn-default"><i class="glyphicon glyphicon-chevron-left"></i> Back to members list</a></p>
        </div>
    </div>


{% endblock %}