{% extends "admin.html" %}




{% block headtitle %}Courses - Administration - {{ block.super }}{% endblock %}

{% block content %}
    {% if courses %}
        <div class="row">
            <div class="span12">
                <div class="page-header">
                    <h1>Courses</h1>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="span12">
                <div class="pull-left">
                    <ul class="breadcrumb">
                        <li><a href="{% url 'admin' %}">Home</a> <span class="divider">/</span></li>
                        <li class="active">Courses</li>
                    </ul>
                </div>
                <div class="pull-right">
                    <a class="btn btn-large btn-primary" href="{% url 'admin_courses_add' %}" title="Add Course">Add Course <i class="icon-white icon-chevron-right"></i></a>
                </div>
            </div>
        </div>

        <br />
        <table class="table table-striped table-bordered">
            <thead>
                <tr>
                    <th width="60">Enabled</th>
                    <th>Course Name</th>
                    <th>Pass Mark</th>
                    <th>Unit Code</th>
                    <th>Credits</th>
                    <th>Level</th>
                    <th>OTC Code</th>
                    <th width="100"></th>
                    <th width="100"></th>
                    <th width="80"></th>
                </tr>
            </thead>
            <tbody>
                {% for course in courses %}
                <tr>
                    <td>{{ course.enabled }}</td>
                    <td>{{ course }}</td>
                    <td>{{ course.exam_pass_percentage }}%</td>
                    <td>{{ course.unit_code }}</td>
                    <td>{{ course.credits }}</td>
                    <td>{{ course.level }}</td>
                    <td>{{ course.otc_code }}</td>
                    <td nowrap="nowrap"><a href="{% url 'admin_units' course.slug %}" class="btn">Tutorials ({{ course.get_units.count }})</a></td>
                    <td nowrap="nowrap"><a href="{% url 'admin_exam_questions' course.slug %}" class="btn {% if not course.get_exam_questions.count %}btn-danger{% endif %}">Exam Questions ({{ course.get_exam_questions.count }})</a></td>
                    <td>
                        <div class="btn-group">
                            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                            Manage
                            <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                {% if course.enabled %}
                                    <li><a href="{% url 'admin_courses_disable' course.slug %}" title="Disable" onclick="return confirm('Are you sure you want to disable {{ course }}?');" ><i class="icon-remove"></i> Disable</a></li>
                                {% else %}
                                    <li><a href="{% url 'admin_courses_enable' course.slug %}" title="Enable"><i class="icon-ok"></i> Enable</a></li>
                                {% endif %}
                                <li><a href="{% url 'admin_course_credit' course.slug %}">Pricing</a></li>
                                <li><a href="{% url 'admin_courses_edit' course.slug %}"><i class="icon-pencil"></i> Edit</a></li>
                                <li><a href="{% url 'admin_courses_delete' course.slug %}" onclick="return confirm('Are you sure you want to delete {{ course }}?');"><i class="icon-remove-sign"></i> Delete</a></li>
                            </ul>
                        </div>

                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    {% else %}
        <div class="hero-unit">
            <h1>Courses</h1>
            <p>You haven't created any courses yet</p>
            <p><a href="{% url 'admin_courses_add' %}" class="btn btn-primary btn-large">Add a Course <i class="icon-chevron-right icon-white"></i></a></p>
        </div>
    {% endif %}
{% endblock %}