{% extends "admin.html" %}

{% load url from future %}

{% block headtitle %}Viewing Delegate {{ delegate }} - {% 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><a href="{% url 'admin_members_non_members' %}">Non-Members</a></li>
				<li class="active">{{ member }}</li>
			</ul>
		</div>
	</div>
	
	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
                <h1>Viewing Delegate {{ member }} ({{ member.membership_number }})</h1>
    			<h3><a href="{% url 'admin_members_edit_delegate' member.id %}" title="Edit Delegate" class="btn btn-lg btn-primary"><i class="glyphicon glyphicon-pencil"></i> Update Details</a> <a href="{% url 'admin_members_make_delegate_member' member.id %}" class="btn btn-lg btn-primary" title="Make Delegate Member"><i class="glyphicon glyphicon-ok"></i> Make Member</a></h3>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-md-6">
			<h3>Account Details</h3>
			<table class="table table-bordered table-striped">
				<tr>
				    <th>Primary Email Address:</th>
		    		<td>{{ member.user.email }}</td>    
				</tr>
			</table>
			
			<h3>Personal Details</h3>
			<table class="table table-bordered table-striped">
				<tr>
				    <th>Title:</th>
		    		<td>{{ member.title }}</td>
				</tr>
				<tr>
				    <th>Given Name:</th>
		    		<td>{{ member.given_name }}</td>    
				</tr>
				<tr>
		    		<th>Surname:</th>
		    		<td>{{ member.surname }}</td>
		    	</tr>
                <tr>
	    	        <th>Address Line 1</th>
	    			<td>{{ member.address_1 }}</td>
	    		</tr>
				{% if member.address_2 %}
					<tr>
					    <th>Address Line 2</th>
	    				<td>{{ member.address_2 }}</td>
	    			</tr>
				{% endif %}
				<tr>
				    <th>Town</th>
	    			<td>{{ member.town }}</td>
	    		</tr>
                {% if member.county %}
                    <tr>
                        <th>County</th>
                        <td>{{ member.county }}</td>
                    </tr>
                {% endif %}
		    	<tr>
		    	    <th>Country</th>
		    		<td>{{ member.country }}</td>
				</tr>
			    <tr>
			        <th>Postcode</th>
	    			<td>{{ member.postcode }}</td>
	    		</tr>
                <tr>
                    <th>Personal Email Address</th>
                    <td>{{ member.personal_email }}</td>
                </tr>
                <tr>
                    
			</table>
			
		</div>
        <div class="col-md-6">
            {% if payments %}
		
				<h3>Payments</h3>
	
	            <table class="table table-bordered table-striped">
	        		<thead>
	        			<tr>
							<th>Type</th>
							<th>Created</th>
							<th>Status</th>
							<th>Price</th>
	        				<th></th>
	        			</tr>
	        		</thead>
	        		<tbody>
	        			{% for payment in payments %}
	        			<tr {% if payment.status = 'complete' %}class="success"{% endif %}{% if payment.status = 'pending' %}class="warning"{% endif %}{% if payment.status = 'rejected' %}class="error"{% endif %}> 
	        				<td>{% if payment.type = 'meeting-booking' %}{% if payment.meeting_booking %}{{ payment.meeting_booking.meeting }} Booking{% else %}Meeting Booking (Deleted){% endif %}{% else %}{% if payment.type = 'arrears' %}{{ payment.arrears.name }}{% else %}{{ payment.get_type_display }} {% endif %}{% endif %}</td>
							<td>{{ payment.created }}</td>
							<td>{{ payment.get_status_display }}</td>
							<td>{% if payment.amount %}&pound;{{ payment.amount }}{% endif %}</td>
	        				<td><a href="{% url 'admin_payments_payment' payment.id %}" title="View Payment" class="btn btn-xs btn-primary"><i class="glyphicon glyphicon-eye-open"></i></a></td>
	        			</tr>
	        			{% endfor %}
	        		</tbody>
	        	</table>
            {% endif %}
			
            <h3>Transactions</h3>
            <h3><a href="{% url 'admin_add_member_transaction' member.id %}" class="btn btn-sm btn-success"><i class="glyphicon glyphicon-plus"></i> Add New Transaction</a> {% if member_transactions %}<a href="{% url 'admin_download_member_transactions' member.id %}" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-arrow-down"></i> Download Transactions</a>{% endif %}</h3>
            {% if member_transactions %}
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Date</th>
                            <th>Amount</th>
                            <th colspan="3"></td>
                        </tr>
                    </thead>
                    <tbody>
                        {% for transaction in member_transactions %}
                            <tr>
                                <td>{{ transaction.name }}</td>
                                <td>{{ transaction.transaction_date }}</td>
                                <td>{{ transaction.amount }}</td>
                                <td><a href="{% url 'admin_view_member_transaction' member.id transaction.id %}" class="btn btn-xs btn-primary"><i class="glyphicon glyphicon-eye-open"></i></a></td>
                                <td><a href="{% url 'admin_edit_member_transaction' member.id transaction.id %}" class="btn btn-xs btn-primary"><i class="glyphicon glyphicon-pencil"></i></a></td>
                                <td><a href="{% url 'admin_delete_member_transaction' member.id transaction.id %}" class="btn btn-xs btn-danger" onclick="return confirm('Are you sure you want to delete this transaction?');"><i class="glyphicon glyphicon-trash"></i></a></td>
                            </tr>
                        {% endfor %}
                    </tbody> 
                </table>
            {% else %}
                <p>There are no transactions for this delegate</p>
            {% endif %}

            <h3>Events</h3>
            <h3><a href="{% url 'admin_add_member_event' member.id %}" class="btn btn-sm btn-success"><i class="glyphicon glyphicon-plus"></i> Add New Event</a> {% if member_events %}<a href="{% url 'admin_download_member_events' member.id %}" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-arrow-down"></i> Download Events</a>{% endif %}</h3>
            {% if member_events %}
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Date</th>
                            <th>Status</th>
                            <th colspan="3"></td>
                        </tr>
                    </thead>
                    <tbody>
                        {% for event in member_events %}
                            <tr>
                                <td>{{ event.event_name }}</td>
                                <td>{{ event.created }}</td>
                                <td>{{ event.get_status_display }}</td>
                                <td><a href="{% url 'admin_view_member_event' member.id event.id %}" class="btn btn-xs btn-primary"><i class="glyphicon glyphicon-eye-open"></i></a></td>
                                <td><a href="{% url 'admin_edit_member_event' member.id event.id %}" class="btn btn-xs btn-primary"><i class="glyphicon glyphicon-pencil"></i></a></td>
                                <td><a href="{% url 'admin_delete_member_event' member.id event.id %}" class="btn btn-xs btn-danger" onclick="return confirm('Are you sure you want to delete this event?');"><i class="glyphicon glyphicon-trash"></i></a></td>
                            </tr>
                        {% endfor %}
                    </tbody> 
                </table>
            {% else %}
                <p>There are no events for this delegate</p>
            {% endif %}
        </div>
	</div>
	
	<p><a href="{% url 'admin_members_non_members' %}" class="btn btn-default"><i class="glyphicon glyphicon-chevron-left"></i> Back to Delegates</a></p>
	
{% endblock %}