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

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

        <fieldset>
            <legend>
                {% translate "Set up lower thirds" %}
            </legend>
            {% bootstrap_field form.broadcast_tools_lower_thirds_no_talk_info layout='event' %}
            {% bootstrap_field form.broadcast_tools_lower_thirds_info_string layout='event' %}
            <p>
                The info line will be shown on the bottom right side of your
                lower third. If you set it to an empty string, it will automatically
                hide itself.
            </p>

            {% if request.event.rooms %}
                <h3>{% trans "room list" %}</h3>
                <ul>
                    {% for room in request.event.rooms.all %}
                        <li><a href="{% url 'plugins:pretalx_broadcast_tools:lowerthirds' request.event.slug %}#{{ room.name }}">{{ room.name }}</a></li>
                    {% endfor %}
                </ul>
            {% endif %}
        </fieldset>
        <fieldset>
            <legend>
                {% translate "PDF export" %}
            </legend>
            {% bootstrap_field form.broadcast_tools_pdf_show_internal_notes layout='event' %}
            {% bootstrap_field form.broadcast_tools_pdf_ignore_do_not_record layout='event' %}
            {% bootstrap_field form.broadcast_tools_pdf_questions_to_include layout='event' %}
            {% bootstrap_field form.broadcast_tools_pdf_additional_content layout='event' %}
        </fieldset>
        <fieldset>
    <p>
        pretalx will automatically replace some placeholders in your custom
        content:
    </p>
    <dl>
        <dt><code>{CODE}</code></dt>
        <dd>Use to embed the talk code (<code>MUX9U3</code> for example).</dd>

        <dt><code>{EVENT_SLUG}</code></dt>
        <dd>Use to embed the event slug.</dd>

        <dt><code>{TALK_SLUG}</code></dt>
        <dd>Use to embed the talk slug.</dd>
    </dl>
            <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>
                        {% trans "Save" %}
                    </button>
                </span>
            </div>
        </fieldset>
    </form>
{% endblock %}