{% extends "admin.html" %}



{% block headtitle %}Pages - {{ unit }} - Administration - {{ block.super }}{% endblock %}

{% block content %}
    <div class="row">
        <div class="span12">
            <div class="page-header">
                <h1>Pages <small>{{ unit }}</small></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><a href="{% url 'admin_courses' %}">{{ unit.course }}</a> <span class="divider">/</span></li>
                    <li><a href="{% url 'admin_units' unit.course.slug %}">{{ unit }}</a> <span class="divider">/</span></li>
                    <li class="active">Pages</li>
                </ul>
            </div>
            <div class="pull-right">
                <a class="btn btn-large btn-primary" href="{% url 'admin_panoramas' unit.course.slug unit.slug %}" title="360s">360s</a>
                <a class="btn btn-large btn-primary" href="{% url 'admin_rate_activities' unit.course.slug unit.slug %}" title="Rate Activities">Rate Activities</a>
                <a class="btn btn-large btn-primary" href="{% url 'admin_pages_add' unit.course.slug unit.slug %}" title="Add Page">Add Page <i class="icon-white icon-chevron-right"></i></a>
            </div>
        </div>
    </div>

    {% if pages %}
    <br />
    <table class="table table-striped table-bordered">
        <thead>
            <tr>
                <th width="50">Order</th>
                <th width="60">Enabled</th>
                <th>Title</th>
                <th width="140"></th>
                <th width="130"></th>
                <th width="80"></th>
            </tr>
        </thead>
        <tbody>
            {% for page in pages %}
            <tr>
                <td>{{ page.order }}</td>
                <td>{{ page.enabled }}</td>
                <td>{{ page }}</td>

                {% with page_type=page.get_page_type %}
                    <td nowrap="nowrap">
                        {% if not page_type %}
                            <a href="{% url 'admin_select_page_type' page.slug %}" title="Page Type" class="btn btn-danger">Page Type - Not Set</a>
                        {% else %}
                            {% if page_type == 'Self Assessment' %}
                                <a href="{% url 'admin_self_assessments' page.slug %}" title="Edit {{ page_type }}" class="btn btn-info btn-block">{{ page_type|capfirst }} Page</a>
                            {% else %}
                                <a href="{% url 'admin_edit_page_type' page.slug page_type %}" title="Edit {{ page_type }}" class="btn btn-info btn-block">{{ page_type|capfirst }} Page</a>
                            {% endif %}
                        {% endif %}
                    </td>
                {% endwith %}

                <td nowrap="nowrap">
                {% with page_type=page.get_page_type content=page.get_content %}
                    {% if page_type == 'rate' %}
                        <a href="{% url 'admin_rate_questions' page.slug %}" title="Questions" class="btn ">Questions ({{ content.get_questions.count }})</a>
                    {% endif %}
                    {% if page_type == 'drag-drop' %}
                        <a href="{% url 'admin_drag_drop_draggables' page.unit.course.slug page.unit.slug page.slug %}" title="Draggables" class="btn ">Draggables ({{ content.get_draggables.count }})</a>
                        <a href="{% url 'admin_drag_drop_targets' page.unit.course.slug page.unit.slug page.slug %}" title="Targets" class="btn ">Targets ({{ content.get_targets.count }})</a>
                    {% endif %}
                    {% if page_type == 'drag-drop-columns' %}
                        <a href="{% url 'admin_drag_drop_columns' page.unit.course.slug page.unit.slug page.slug %}" title="Columns" class="btn ">Columns ({{ content.get_columns.count }})</a>
                    {% endif %}
                    {% if page_type == 'drag-drop-columns-evaluate' %}
                        <a href="{% url 'admin_drag_drop_columns_evaluate' page.unit.course.slug page.unit.slug page.slug %}" title="Columns" class="btn ">Columns ({{ content.get_columns.count }})</a>
                        <a href="{% url 'admin_drag_drop_columns_draggables_evaluate' page.unit.course.slug page.unit.slug page.slug %}" title="Draggables" class="btn">Draggables ({{ content.get_draggables.count }})</a>
                    {% endif %}
                {% endwith %}
                </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 page.enabled %}
                                <li><a href="{% url 'admin_pages_disable' page.unit.course.slug page.unit.slug page.slug %}" title="Disable" onclick="return confirm('Are you sure you want to disable {{ page }}?');" ><i class="icon-remove"></i> Disable</a></li>
                            {% else %}
                                <li><a href="{% url 'admin_pages_enable' page.unit.course.slug page.unit.slug page.slug %}" title="Enable"><i class="icon-ok"></i> Enable</a></li>
                            {% endif %}
                            <li><a href="{% url 'admin_pages_edit' page.unit.course.slug page.unit.slug page.slug %}"><i class="icon-pencil"></i> Edit</a></li>
                            <li><a href="{% url 'admin_pages_delete' page.unit.course.slug page.unit.slug page.slug %}" onclick="return confirm('Are you sure you want to delete {{ page }}?');"><i class="icon-remove-sign"></i> Delete</a></li>
                        </ul>
                    </div>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    {% endif %}
{% endblock %}