{% extends "admin.html" %}

{% 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">Pending</li>
			</ul>
		</div>
	</div>


	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
				<h1>Pending Members</h1>
                <h3><a href="{% url 'admin_members_pending_download' %}" class="btn btn-primary btn-lg"><i class="glyphicon glyphicon-save"></i> Download</a></h3>
			</div>
		</div>
	</div>

    <div class="row">
        <div class="col-lg-12">

            {% if pending_members %}
		    	<table class="table table-bordered table-striped">
		 			<thead>
		 				<tr>
		 					<th>Name</th>
                            <th>Member<br/>Number</th>
		 					<th>Email Address</th>
		 					<th>Registered</th>
		 					<th>Referring Member</td>
                            <th>Paid</th>
							<th>Payment Type</th>
		 					<th colspan="3"></th>
		 				</tr>
		 			</thead>
		    		<tbody>
			    		{% for member in pending_members %}
			    			<tr>
			    				<td>{{ member }}</td>
                                <td>{{ member.membership_number }}</td>
			    				<td>{{ member.user.email }}</td>
			    				<td>{{ member.user.date_joined|date:'d/m/y H:i' }}</td>
			    				<td>{% if member.referrer_email %}
                                        {{ member.referrer_email }}<br/>
                                        {% if member.referrer_approved %}Approved{% else %}Not Approved{% endif %}
                                    {% else %}
                                        No First Referrer
                                    {% endif %}
                                </td>
                                <td>{{ member.paid|yesno|title }} {% if not member.paid %}<a href="{% url 'admin_members_pending_mark_paid' member.id %}" class="btn btn-primary">Mark Paid</a>{% endif %}</td>
								<td>{% if member.payment_type %}{{ member.payment_type }}{% else %}Credit Card{% endif %}</td>
			    				<td><a href="{% url 'admin_members_pending_approve' member.id %}" class="btn btn-sm btn-success" title="Approve Member" onclick="return confirm('Are you sure you want to approve this member?');"><i class="glyphicon glyphicon-ok"></i></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>
			    			</tr>
		    			{% endfor %}
		    		</tbody>
				</table>
            {% else %}
                <p>There are no pending members.</p>
            {% endif %}
        </div>
	</div>


{% endblock %}