{% extends "attendeereg/base.html" %}
{% block scripts %}
<script type="text/javascript">
function toggleTr(id) {
    var foo = document.getElementById(id);
    if (foo.style.display=="none") {
        foo.style.display="table-row";
    } else {
        foo.style.display="none";
    }
}
</script>
{% endblock %}
{% block styles %}
<style type="text/css">
.num {
    text-align: right;
}
.total {
    font-weight: bold;
}
.neg {
    color: #ff0000;
}
</style>
{% endblock %}
{% block content %}{% load humanize %}
<h1>{{ title|escape }}</h1>
{% if user.is_superuser %}
Click on the counts to expand/collapse.{% endif %}
<br/>
<br/>
<table>
    <thead><th></th><th colspan="2">Thursday</th><th colspan="2">Total</th></thead>
    {% for opt in rubric %}
    <tr>
        <td>{{ opt.0|escape }}</td>
        <td class="num">{% if user.is_superuser and opt.1.0.count %}
        <a href='javascript:toggleTr("option-1-{{ forloop.counter }}");'>{{ opt.1.0.count }}</a></td><td class="num"><i>({{ opt.1.1 }})</i>
            <table id="option-1-{{ forloop.counter }}" style="display: none; text-align: left;">
                <thead><th>Name</th><th>Email</th><th>Reg</th><th>Invoice</th></thead>
                {% for reg in opt.1.0 %}<tr><td>{{ reg.name|escape }}</td><td>{{ reg.email|escape }}</td>
                <td><a href="{{ reg.get_absolute_url }}">R{{reg.id}}</a></td>
                <td>{% if reg.invoice %}<a href="{{ reg.invoice.get_absolute_url }}">{{ reg.invoice }}</a>{% else %}(None){% endif %}</td></tr>
                {% endfor %}</table>
        {% else %}{{ opt.1.0.count }}</td><td class="num"><i>({{ opt.1.1 }})</i>{% endif %}</td>
        <td class="num">{% if user.is_superuser and opt.2.0.count %}
        <a href='javascript:toggleTr("option-2-{{ forloop.counter }}");'>{{ opt.2.0.count }}</a></td><td class="num"><i>({{ opt.2.1 }})</i>
            <table id="option-2-{{ forloop.counter }}" style="display: none; text-align: left;">
                <thead><th>Name</th><th>Email</th><th>Reg</th><th>Invoice</th></thead>
                {% for reg in opt.2.0 %}<tr><td>{{ reg.name|escape }}</td><td>{{ reg.email|escape }}</td>
                <td><a href="{{ reg.get_absolute_url }}">R{{reg.id}}</a></td>
                <td>{% if reg.invoice %}<a href="{{ reg.invoice.get_absolute_url }}">{{ reg.invoice }}</a>{% else %}(None){% endif %}</td></tr>
                {% endfor %}</table>
        {% else %}{{ opt.2.0.count }}</td><td class="num"><i>({{ opt.2.1 }})</i>{% endif %}</td>
    {% endfor %}
    <tr class="total"><td>{{ special.0|escape }}</td><td class="num">{{ special.1.0 }}</td><td class="num"><i>({{ special.1.1 }})</i></td><td class="num">{{ special.2.0 }}</td><td class="num"><i>({{ special.2.1 }})</i></td></tr>
    <tr ><td>{{ noopt.0|escape }}</td><td class="num">{{ noopt.1.0 }}</td><td class="num"><i>({{ noopt.1.1 }})</i></td><td class="num">{{ noopt.2.0 }}</td><td class="num"><i>({{ noopt.2.1 }})</i></td></tr>
    <tr class="total"><td>{{ totals.0|escape }}</td><td class="num">{{ totals.1 }}</td><td class="num"><i>(100.00%)</i></td><td class="num">{{ totals.2 }}</td><td class="num"><i>(100.00%)</i></td></tr>

</table>
{% endblock %}