{% extends "admin.html" %}

{% load url from future %}

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

{% 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">Archived Members</li>
			</ul>
		</div>
	</div>
	
	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
        		<h1>Archived Members</h1>
            </div>
		</div>
	</div>
    
    <div class="row">
    	<div class="col-md-6">
    		<h2>Find Alphabetically By Surname</h2>

    		<ul class="pagination">
    			{% for letter_list in letters %}
    				{% if letter_list in final_letters %}
    					<li {% if letter_list == letter %}class="active"{% endif %}><a href="{% url 'admin_members_archived_alpha' letter_list %}">{{ letter_list }}</a></li>
    				{% else %}
    					<li class="disabled"><a href="{% url 'admin_member_list_alpha' letter_list %}">{{ letter_list }}</a></li>
    				{% endif %}
    			{% endfor %}
    		</ul>
    	</div>
    </div>
    
	<div class="row">
		<div class="col-lg-12">
            {% if members %}
        		<table class="table table-bordered table-striped">
        			<thead>
         				<tr>
         					<th>Name</th>
         					<th>Email Address</th>
        					<th>Type</th>
         					<th>Created</th>
         					<th colspan="4"></th>
         				</tr>
        			</thead>
        			<tbody>
        				{% for member in members %}
        	    			<tr>
        	    				<td>{{ member }}</td>
        	    				<td>{{ member.user.email }}</td>
        						<td>{{ member.member_type }}</td>
        	    				<td>{{ member.user.date_joined }}</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 'activate_member' member.id %}" class="btn btn-sm btn-success" title="Re-Activate Member" onclick="return confirm('Are you sure you want to re-activate this member?')"><i class="glyphicon glyphicon-ok"></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 %}