{% extends "admin.html" %}

{% load url from future %}

{% block headtitle %}Exam Applcations - {% 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 class="active">Exam Applications</li>
			</ul>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
    			<h1>Manage Exam Applications</h1>
                <h2><a href="{% url 'admin_add_exam_form' %}" class="btn btn-lg btn-success"><i class="glyphicon glyphicon-plus"></i> Add Exam Form</a></h2>
			</div>
		</div>
	</div>

	<div class="row">
    	<div class="col-lg-12">
	        <h2>Enabled Forms</h2>
		    {% if enabled_exam_forms %}
                <table class="table table-bordered table-striped">
		            <tr>
		                <th>Name</th>
		                <th>URL</th>
                        <th colspan="6"></th>
		            </tr>
		            {% for exam_form in enabled_exam_forms %}
			            <tr>
			                <td>{{ exam_form }}</td>
			                <td><a href="{% url 'exam_application' exam_form.slug %}" target="_blank">{% url 'exam_application' exam_form.slug %}</td>
                            <td><a href="{% url 'admin_exam_applicants' exam_form.id %}" class="btn btn-sm btn-default">Manage Applicants ({{ exam_form.get_applicants.count }})</a></td>
                            <td><a href="{% url 'admin_exam_forms_modalities' exam_form.id %}" class="btn btn-sm btn-default">Manage Modalities</a></td>
                            <td>
                                <div class="btn-group">
                                    <button class="btn btn-success btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
                                        <i class="glyphicon glyphicon-ok"></i> Enabled <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" role="menu">
                                        <li class="danger"><a href="{% url 'admin_disable_exam_form' exam_form.id %}" title="Disable {{ exam_form }}"><i class="glyphicon glyphicon-remove"></i> Disable</a>
                                    </ul>
                                </div>
                            </td>
			                <td><a href="{% url 'admin_duplicate_exam_form' exam_form.id %}" title="Duplicate" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-book"></i></a></td>
			                <td><a href="{% url 'admin_edit_exam_form' exam_form.id %}" title="Edit" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-pencil"></i></a></td>
			                <td><a href="{% url 'admin_delete_exam_form' exam_form.id %}" title="Delete" onclick="return confirm('Are you sure you want to delete this form?');" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-trash"></i></a></td>
			            </tr>
		       		{% endfor %}
		       	</table>
            {% else %}
                <p>There are no enabled Exam Forms.</p>
		    {% endif %}

		    {% if disabled_exam_forms %}
    	        <h2>Disabled Forms</h2>
                <table class="table table-bordered table-striped">
                    <tr>
		                <th>Name</th>
		                <th>URL</th>
                        <th colspan="6"></th>
		            </tr>
		            {% for exam_form in disabled_exam_forms %}
			            <tr>
			                <td>{{ exam_form }}</td>
			                <td></td>
                            <td><a href="{% url 'admin_exam_applicants' exam_form.id %}" class="btn btn-sm btn-default">Manage Applicants (0)</a></td>
                            <td><a href="{% url 'admin_exam_forms_modalities' exam_form.id %}" class="btn btn-sm btn-default">Manage Modalities</a></td>
                            <td>
                                <div class="btn-group">
                                    <button class="btn btn-danger btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
                                        <i class="glyphicon glyphicon-remove"></i> Disabled <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" role="menu">
                                        <li class="danger"><a href="{% url 'admin_enable_exam_form' exam_form.id %}" title="Enable {{ exam_form }}"><i class="glyphicon glyphicon-ok"></i> Enable</a>
                                    </ul>
                                </div>
                            </td>
			                <td><a href="{% url 'admin_duplicate_exam_form' exam_form.id %}" title="Duplicate" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-book"></i></a></td>
			                <td><a href="{% url 'admin_edit_exam_form' exam_form.id %}" title="Edit" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-pencil"></i></a></td>
			                <td><a href="{% url 'admin_delete_exam_form' exam_form.id %}" title="Delete" onclick="return confirm('Are you sure you want to delete this form?');" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-trash"></i></a></td>
			            </tr>
		       		{% endfor %}
		       	</table>
		    {% endif %}
		</div>
	</div>


{% endblock %}