{% extends "admin.html" %}

{% load url from future %}

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

{% block content %}

	<div class="row">
		<div class="col-lg-12">
			<ul class="breadcrumb">
				<li><a href="{% url 'admin' %}">Admin</a> </li>
				<li>Members</li>
				<li class="active">Current Members</li>
			</ul>
		</div>
	</div>
	
	
	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
    			<h1>Current Members  ({{ all_members.count }})</h1>
                <h3><a href="{% url 'add_member' %}" title="Add Member" class="btn btn-lg btn-success"><i class="glyphicon glyphicon-plus"></i> Add Member</a> <a href="{% url 'admin_members_download' %}" title="Download Members" class="btn btn-lg btn-primary"><i class="glyphicon glyphicon-download-alt"></i> Download Members</a></h3>
			</div>
		</div>
	</div>
	
	{% include "admin/members/partials/find-members.html" %}
	
	<div class="row">
		<div class="col-lg-12">
		    <h2>Recent Members</h2>
		    {% if latest_members %}
		    	<table class="table table-bordered table-striped">
		 			<thead>
		 				<tr>
		 					<th>Membership No</th>
                            <th>Name</th>
		 					<th>Email Address</th>
							<th>Type</th>
		 					<th>Created</th>
		 					<th>Membership Expires</th>
		 					<th colspan="4"></th>
		 				</tr>
		 			</thead>
		    		<tbody>
			    		{% for member in latest_members %}
			    			<tr>
			    				<td>{{ member.membership_number }}</td>
                                <td>{{ member }}</td>
			    				<td>{{ member.user.email }}</td>
								<td>{{ member.member_type }}</td>
			    				<td>{{ member.user.date_joined }}</td>
			    				<td>{% if member.expiry_date %}{{ member.expiry_date }}{% else %}No Date Set{% endif %}</td>
			    				<td><a href="{% url 'edit_member' member.id %}" class="btn btn-sm btn-primary" title="Edit"><i class="glyphicon glyphicon-pencil"></i></a></td>
			    				<td><a href="{% url 'view_member' member.id %}" class="btn btn-sm btn-primary" title="View"><i class="glyphicon glyphicon-eye-open"></i></a></td>
			    				<td><a href="{% url 'delete_member' member.id %}" class="btn btn-sm btn-danger" title="Delete" onclick="return confirm('Are you sure you want to delete this member?');"><i class="glyphicon glyphicon-trash"></i></a></td>
			    				<td><a href="{% url 'archive_member' member.id %}" class="btn btn-sm btn-danger" title="Archive" onclick="return confirm('Are you sure you want to archive this member?')"><i class="glyphicon glyphicon-remove"></i></a></td>
			    			</tr>
		    			{% endfor %}
					</tbody>
				</table>
		    {% else %}
		    	<p>No approved members.</p>
		    {% endif %}
            
            <h3><a href="{% url 'admin_members_direct_debits' %}" class="btn btn-default">Direct Debits <i class="glyphicon glyphicon-chevron-right"></i></a></h3>

		</div>
	</div>


{% endblock %}