{% extends "page_template.html" %}

{% block pagesubmenu %}
    <span class="breadcrumbs_nav">
        Exercises
    </span>
{% endblock pagesubmenu %}

{% block pagecontent %}
<div style="padding:0 23px;">
    <div>
        <p>
            <table width="100%">
                {% for exercise in exercises %}
                    {% if not forloop.counter0|mod:5 %}
                        {% if not forloop.first %}
                            </tr>
                        {% endif %}
                        <tr>
                    {% endif %}
                    <td>
                        <a href="/editexercise?name={{ exercise.name|escape }}" 
                            {% if exercise.live %}
                            style="color:#069;"
                            {% else %}
                            style="color:red;text-decoration:line-through;"
                            {% endif %}
                            title="{{ exercise.display_name|escape }}"><nobr>{{ exercise.display_name|truncatewords:4|escape }}</nobr></a>
                    </td>
                    {% if forloop.last %}
                        </tr>
                    {% endif %}
                {% endfor %} 
            </table>
        </p>
    </div>
    <div>
        <h3>Add a new exercise</h3>
        <form id="addexercise" action="/updateexercise" method="post">
            <input type="hidden" name="v_position" value="0" /><input type="hidden" name="h_position" value="0" />
            <p>
                <nobr>
                    <label for="name">
                        Name (file name without .html)
                    </label>
                    <input id="name" type="text" name="name" size="40" />
                    <span style="padding-left: 20px;">
                        <input id="summative" name="summative" type="checkbox" value="1" />
                        <label style="display:inline;" for="summative">Summative</label>
                    </span>
                    <span style="padding-left: 20px;">
                        <input type="submit" value="Add Exercise" />
                    </span>
                </nobr>
            </p>
        </form>
    </div>
</div>{% endblock pagecontent %}