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

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

        <fieldset>
            <legend>
                {% translate "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 localized_rooms %}
                <h3>{% trans "room list" %}</h3>
                <ul>
                    {% for room in localized_rooms %}
                        <li><a href="{% url 'plugins:pretalx_broadcast_tools:lowerthirds' request.event.slug %}#{{ room }}">{{ room }}</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 %}