{% extends "base_site.html" %}
{% load staticfiles %}

{% block title %}Proceedings{% endblock %}

{% block extrastyle %}{{ block.super }}
    <link rel="stylesheet" href="{% static 'ietf/css/jquery-ui.css' %}">
    <link rel="stylesheet" href="{% static 'ietf/css/select2.css' %}">
{% endblock %}

{% block extrahead %}{{ block.super }}
    <script src="{% static 'ietf/js/jquery-ui.js' %}"></script>
    <script src="{% static 'ietf/js/select2.js' %}"></script>
    <script src="{% static 'secr/js/proceedings-recording.js' %}"></script>
{% endblock %}

{% block breadcrumbs %}{{ block.super }}
    {% if meeting.type_id == "interim" %}
        &raquo; <a href="{% url 'ietf.secr.proceedings.views.main' %}">Proceedings</a>
        &raquo; {{ meeting }}
    {% else %}
        &raquo; <a href="{% url 'ietf.secr.proceedings.views.main' %}">Proceedings</a>
        &raquo; <a href="{% url 'ietf.secr.proceedings.views.select' meeting_num=meeting.number %}">{{ meeting.number }}</a>
        &raquo; Recording
    {% endif %}
{% endblock %}

{% block content %}

    <div class="module interim-container">

        <h2>Recording Metadata</h2>
        <form id="recording-form" enctype="multipart/form-data" action="." method="post">{% csrf_token %}
            <table class="center" id="proceedings-upload-table">
                <tbody>
                <!-- [html-validate-disable-block element-required-attributes -- FIXME: as_table renders without scope] -->
                {{ form.as_table }}
                </tbody>
            </table>

            <div class="button-group">
                <ul>
                    <li><button type="submit" name="submit" value="Submit">Submit</button></li>
                    <li><button type="button" onclick="window.location='../'">Back</button></li>
                </ul>
            </div> <!-- button-group -->

        </form>

        <div class="inline-related">
            <h2>{{ meeting }} - Recordings</h2>
            <table class="center">
                <thead>
                    <tr>
                        <th scope="col">Group</th>
                        <th scope="col">Session</th>
                        <th scope="col">Name</th>
                        <th scope="col">URL</th>
                        <th scope="col">Edit</th>
                    </tr>
                </thead>
                {% if sessions %}
                    <tbody>

                        {% for session in sessions %}
                            {% if session.recordings %}
                                {% for recording in session.recordings %}
                                    <tr>
                                        <td>{{ session.group.acronym }}</td>
                                        <td>{{ session.official_timeslotassignment.timeslot.time|date:"m-d H:i" }}</td>
                                        <td class="document-name" >{{ recording.name }}</td>
                                        <td><a href="{{ recording.get_href }}">{{ recording.get_href }}</a></td>
                                        <td><a href="{% url 'ietf.secr.proceedings.views.recording_edit' meeting_num=meeting.number name=recording.name %}">Edit</a></td>
                                    </tr>
                                {% endfor %}
                            {% else %}
                                <tr>
                                    <td>{{ session.group.acronym }}</td>
                                    <td>{{ session.official_timeslotassignment.timeslot.time|date:"m-d H:i" }}</td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            {% endif %}

                        {% endfor %}

                    </tbody>
                {% endif %}
            </table>
        </div> <!-- inline-group -->

        {% if unmatched_recordings %}
            <div class="inline-related">
                <h2>Unmatched Recording Files</h2>
                <table class="center">
                    <thead>
                        <tr>
                            <th scope="col">Filename</th>
                        </tr>
                    </thead>
                    {% if unmatched_recordings %}
                        <tbody>
                            {% for file in unmatched_recordings %}
                                <tr>
                                    <td>{{ file }}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    {% endif %}
                </table>
            </div> <!-- inline-group -->
        {% endif %}

    </div> <!-- module -->


{% endblock %}

{% block footer-extras %}
    {% include "includes/upload_footer.html" %}
{% endblock %}