{% extends "symposion/reviews/base.html" %}

{% load i18n %}

{% block body_class %}{{ block.super }} review-results{% endblock %}

{% block extra_style %}

{{ block.super }}

    <style type="text/css">

        .table-striped tbody tr.selected td {

            background-color: #F7F4E6;

        }

    </style>

{% endblock %}

{% block body %}

    <ul class="nav nav-pills">

        <li{% if status == 'accepted' %} class="active"{% endif %}><a href="{% url "result_notification" section_slug 'accepted' %}">accepted</a>

        <li{% if status == 'rejected' %} class="active"{% endif %}><a href="{% url "result_notification" section_slug 'rejected' %}">rejected</a>

        <li{% if status == 'standby' %} class="active"{% endif %}><a href="{% url "result_notification" section_slug 'standby' %}">standby</a>

    </ul>

    <h1>Result Notification</h1>

        {% csrf_token %}

        <p>

            Select one or more proposals (<span class="action-counter">0</span> currently selected)

            <br/>

            then pick an email template

            <select name="notification_template">

                <option value="">[blank]</option>

                {% for template in notification_templates %}

                    <option value="{{ template.pk }}">{{ template.label }}</option>

                {% endfor %}

            </select>

            <br/>

            <button id="next-button" type="submit" class="btn btn-primary" disabled>Next <i class="fa fa-chevron-right"></i></button>

        </p>

        <table class="table table-striped table-bordered">

            <thead>

                <th><input type="checkbox" id="action-toggle"></th>

                <th>#</th>

                <th>{% trans "Speaker / Title" %}</th>

                <th>{% trans "Category" %}</th>

                <th>{% trans "Status" %}</th>

                <th>{% trans "Notified?" %}</th>

            </thead>

            <tbody>

                {% for proposal in proposals %}

                    <tr>

                        <td><input class="action-select" type="checkbox" name="_selected_action" value="{{ proposal.pk }}"></td>

                        <td>{{ proposal.number }}</td>

                        <td>

                            <a href="{% url "review_detail" proposal.pk %}">

                                <small><strong>{{ proposal.speaker }}</strong></small>

                                <br />

                                {{ proposal.title }}

                            </a>

                        </td>

                        <td>{{ proposal.track }}</td>

                        <td>

                            {% with proposal.result.status as status %}

                                <div class="{{ status }}">

                                    {% if status != "undecided" %}

                                        <span>{{ status }}</span>

                                    {% endif %}

                                </div>

                            {% endwith %}