{% extends "orga/base.html" %}
{% load i18n %}

{% block content %}
    <form method="post">
        {% csrf_token %}

        <h2>{% translate "broadcasting tools" %}</h2>

        <table class="table table-hover">
            <thead class="thead-light">
                <tr>
                    <th scope="col">{% translate "room" %}</th>
                    <th scope="col" colspan="3">{% translate "Feature" %}</th>
                </tr>
            </thead>
            <tbody>
                {% for room in request.event.rooms.all %}
                    <tr>
                        <th scope="row">{{ room.name }}</th>
                        <td><a href="{% url 'plugins:pretalx_broadcast_tools:lowerthirds' request.event.slug %}#{{ room.uuid }}">{% translate "Lower Thirds" %}</a></td>
                        <td><a href="{% url 'plugins:pretalx_broadcast_tools:room_info' request.event.slug %}#{{ room.uuid }}">{% translate "Room Info" %}</a></td>
                        <td><a href="{% url 'plugins:pretalx_broadcast_tools:room_timer' request.event.slug %}#{{ room.uuid }}">{% translate "Room Timer" %}</a></td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
        <p><a href="{% url 'plugins:pretalx_broadcast_tools:lowerthirds_voctomix_download' request.event.slug %}">{% translate "Download voctomix-compatible lower thirds images" %}</a></p>

        <h2>{% translate "Placeholders" %}</h2>
        <p>{% translate "pretalx will automatically replace some placeholders in your custom content:" %}</p>
        <dl>
            <dt><code>{CODE}</code></dt>
            <dd>{% translate "talk code (<code>MUX9U3</code> for example) - most useful in combination with pretalx-proposal-redirects or something like that" %}</dd>

            <dt><code>{EVENT_SLUG}</code></dt>
            <dd>{% translate "The event slug" %} (<code>{{ request.event.slug }}</code>)</dd>

            <dt><code>{FEEDBACK_URL}</code></dt>
            <dd>{% translate "URL to the talk feedback page." %}</dd>

            <dt><code>{TALK_SLUG}</code></dt>
            <dd>{% translate "The talk slug" %} (<code>{{ request.event.slug }}-1-my-super-great-talk</code>)</dd>

            <dt><code>{TALK_URL}</code></dt>
            <dd>{% translate "URL to the talk detail page." %}</dd>

            <dt><code>{TRACK_NAME}</code> {% translate "or" %} <code>{TRACK_NAME_COLOURED}</code></dt>
            <dd>{% translate "Track name in plain text or coloured using the track colour." %}</dd>
        </dl>

        <h2>{% translate "Settings" %}</h2>
        <fieldset>
            <legend>
                {% translate "Lower thirds" %}
            </legend>
            {{ form.broadcast_tools_lower_thirds_no_talk_info.as_field_group }}
            {{ form.broadcast_tools_lower_thirds_info_string.as_field_group }}
            {{ form.broadcast_tools_lower_thirds_export_voctomix.as_field_group }}
        </fieldset>
        <fieldset>
            <legend>
                {% translate "Room info" %}
            </legend>
            {{ form.broadcast_tools_room_info_lower_content.as_field_group }}
            {{ form.broadcast_tools_room_info_show_next_talk.as_field_group }}
        </fieldset>
        <fieldset>
            <legend>
                {% translate "PDF export" %}
            </legend>
            {{ form.broadcast_tools_pdf_show_internal_notes.as_field_group }}
            {{ form.broadcast_tools_pdf_ignore_do_not_record.as_field_group }}
            {{ form.broadcast_tools_pdf_questions_to_include.as_field_group }}
            {{ form.broadcast_tools_pdf_additional_content.as_field_group }}
        </fieldset>
        <fieldset>
            <div class="submit-group panel">
                <span></span>
                <span class="d-flex flex-row-reverse">
                    <button
                        type="submit" class="btn btn-success btn-lg"
                        name="action" value="save"
                    >
                        <i class="fa fa-check"></i>
                        {% translate "Save" %}
                    </button>
                </span>
            </div>
        </fieldset>
    </form>
{% endblock %}