{% extends "admin.html" %}

{% load url from future %}

{% block headtitle %}Applicants - {% endblock %}

{% block exam_applications_active %}
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_exam_forms' %}">Exam Applications</a></li>
                <li class="active">Applicants</li>
            </ul>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="page-header">
                <h1>Manage Applicants for <small>{{ exam_form }}</small></h1>
                <h2><a href="{% url 'admin_exam_download_applicants' exam_form.id %}" class="btn btn-primary btn-md"><i class="glyphicon glyphicon-download-alt"></i> Download Applicants</a></h2>
            </div>
        </div>
    </div>

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

            {% if unpaid_applicants %}
                <h2>Unpaid Applications</h2>
                <table class="table table-bordered table-striped">
                    <tr>
                        <th>Name</th>
                        <th>Email Address</th>
                        <th>Submitted</th>
                        <th>Status</th>
                        <th colspan="2">Payment Method</th>
                        <th colspan="2"></th>
                    </tr>
                    {% for applicant in unpaid_applicants %}
                        <tr>
                            <td>{% if applicant.first_name %}{{ applicant.first_name }} {{ applicant.surname }}{% else %}{{ applicant.member }}{% endif %}</td>
                            <td>{% if applicant.email_address %}{{ applicant.email_address }}{% else %}{{ applicant.member.user.email }}{% endif %}</td>
                            <td>{{ applicant.completed_time }}</td>
                            <td>Complete</td>
                            <td>{{ applicant.get_payment_type_display }}</td>
                            <td><a href="{% url 'admin_exam_mark_application_paid' exam_form.id applicant.id %}" class="btn btn-primary btn-sm" onclick="return confirm('Are you sure you want to mark this as paid?');">Mark Paid</a></td>
                            <td><a href="{% url 'admin_exam_view_application' exam_form.id applicant.id %}" class="btn btn-primary btn-sm"><i class="glyphicon glyphicon-eye-open"></i></a></td>
                            <td><a href="{% url 'admin_exam_delete_application' exam_form.id applicant.id %}" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to delete this application?');"><i class="glyphicon glyphicon-trash"></i></a></td>
                    {% endfor %}
                </table>
            {% endif %}

            {% if complete_applicants %}
                <h2>Complete Applications</h2>
                <table class="table table-bordered table-striped">
                    <tr>
                        <th>Name</th>
                        <th>Email Address</th>
                        <th>Submitted</th>
                        <th>Status</th>
                        <th colspan="2"></th>
                    </tr>
                    {% for applicant in complete_applicants %}
                        <tr>
                            <td>{% if applicant.first_name %}{{ applicant.first_name }} {{ applicant.surname }}{% else %}{{ applicant.member }}{% endif %}</td>
                            <td>{% if applicant.email_address %}{{ applicant.email_address }}{% else %}{{ applicant.member.user.email }}{% endif %}</td>
                            <td>{{ applicant.completed_time }}</td>
                            <td>Complete</td>
                            <td><a href="{% url 'admin_exam_view_application' exam_form.id applicant.id %}" class="btn btn-primary btn-sm"><i class="glyphicon glyphicon-eye-open"></i></a></td>
                            <td><a href="{% url 'admin_exam_delete_application' exam_form.id applicant.id %}" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to delete this application?');"><i class="glyphicon glyphicon-trash"></i></a></td>
                    {% endfor %}
                </table>
            {% endif %}

            {% if incomplete_applicants %}
                <h2>Incomplete Applications</h2>
                <table class="table table-bordered table-striped">
                    <tr>
                        <th>Name</th>
                        <th>Email Address</th>
                        <th>Submitted</th>
                        <th>Stage</th>
                        <th colspan="2"></th>
                    </tr>
                    {% for applicant in incomplete_applicants %}
                        <tr>
                            <td>{% if applicant.first_name %}{{ applicant.first_name }} {{ applicant.surname }}{% else %}{{ applicant.member }}{% endif %}</td>
                            <td>{% if applicant.email_address %}{{ applicant.email_address }}{% else %}{{ applicant.member.user.email }}{% endif %}</td>
                            <td>{{ applicant.completed_time }}</td>
                            <td>{{ applicant.get_status_display }}</td>
                            <td><a href="{% url 'admin_exam_view_application' exam_form.id applicant.id %}" class="btn btn-primary btn-sm"><i class="glyphicon glyphicon-eye-open"></i></a></td>
                            <td><a href="{% url 'admin_exam_delete_application' exam_form.id applicant.id %}" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to delete this application?');"><i class="glyphicon glyphicon-trash"></i></a></td>
                    {% endfor %}
                </table>
            {% endif %}

            {% if not complete_applicants and not incomplete_applicants and not unpaid_applicants %}
                <p>There are no applications.</p>
            {% endif %}

            <p><a href="{% url 'admin_exam_forms' %}" class="btn btn-default"><i class="glyphicon glyphicon-arrow-left"></i> Back to Forms</a></p>

        </div>
    </div>


{% endblock %}