{% 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><a href="{% url 'admin_members' %}">Members</a></li>
				<li class="active">Non Members</li>
			</ul>
		</div>
	</div>
	
	
	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
    			<h1>Non Members</h1>
			</div>
		</div>
	</div>
	
	<div class="row">
		<div class="col-lg-12">
			<h3>Find Alphabetically By Surname</h3>

			<ul class="pagination">
				{% for letter in letters %}
					{% if letter in final_letters %}
						<li><a href="{% url 'admin_members_non_members_alpha' letter %}">{{ letter }}</a></li>
					{% else %}
						<li class="disabled"><a href="{% url 'admin_members_non_members_alpha' letter %}">{{ letter }}</a></li>
					{% endif %}
				{% endfor %}
				{% if other_members %}
					<li><a href="{% url 'admin_member_list_alpha' 'others' %}">Others</a></li>
				{% endif %}
			</ul>
		</div>
	</div>
	
	<div class="row">
		<div class="col-lg-12">
		    <h3>Recent Delegates</h3>
		    {% if latest_delegates %}
		    	<table class="table table-bordered table-striped">
		 			<thead>
		 				<tr>
		 					<th>Name</th>
                            <th>Member Num</th>
		 					<th>Email Address</th>
		 					<th>Created</th>
		 					<th colspan="4"></th>
		 				</tr>
		 			</thead>
		    		<tbody>
			    		{% for delegate in latest_delegates %}
			    			<tr>
			    				<td>{{ delegate }}</td>
                                <td>{{ delegate.membership_number }}</td>
			    				<td>{{ delegate.user.email }}</td>
			    				<td>{{ delegate.user.date_joined }}</td>
			    				<td><a href="{% url 'admin_members_make_delegate_member' delegate.id %}" class="btn btn-sm btn-primary" title="Make Delegate Member">Make Member</a></td>
                                <td><a href="{% url 'admin_members_edit_delegate' delegate.id %}" class="btn btn-sm btn-primary" title="Edit"><i class="glyphicon glyphicon-pencil"></i></a></td>
			    				<td><a href="{% url 'admin_members_view_delegate' delegate.id %}" class="btn btn-sm btn-primary" title="View"><i class="glyphicon glyphicon-eye-open"></i></a></td>
			    				<td><a href="{% url 'admin_members_delete_delegate' delegate.id %}" class="btn btn-sm btn-danger" title="Delete" onclick="return confirm('Are you sure you want to delete this delegate?');"><i class="glyphicon glyphicon-trash"></i></a></td>
			    				
			    			</tr>
		    			{% endfor %}
					</tbody>
				</table>
		    {% else %}
		    	<p>No Non-Members.</p>
		    {% endif %}

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

		</div>
	</div>


{% endblock %}