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

{% load i18n %}

{% block extra_style %}

    <style type="text/css">

        .table-striped tbody tr.selected td {

            background-color: #F7F4E6;

        }

    </style>

{% endblock %}

{% block body %}

    <h1>Result Notification</h1>

    <form method="post" action="{% url result_notification_prepare section_slug status %}">

        {% 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 type="submit" class="btn btn-primary">Next <i class="icon icon-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>