{% extends "orga/mails/base.html" %}
{% comment %}
SPDX-FileCopyrightText: 2017-present Tobias Kunze
SPDX-License-Identifier: AGPL-3.0-only WITH LicenseRef-Pretalx-AGPL-3.0-Terms
{% endcomment %}

{% load i18n %}
{% load static %}

{% block extra_title %}{% translate "Email editor" %} ::
{% endblock extra_title %}

{% block mail_content %}
    <form method="post" class="form-with-placeholder">
        {% csrf_token %}
        <div class="mb-2">
            <h2 class="d-inline">
                {% block email_editor_title %}
                    {% translate "Email editor" %}
                {% endblock email_editor_title %}
            </h2>
            <h3 class="d-inline ml-1">
                <small class="text-muted">
                    {% block email_editor_title_detail %}{% endblock email_editor_title_detail %}
                </small>
            </h3>
            {% include "common/forms/errors.html" %}
        </div>
        <div id="placeholder-neighbour">
            <div role="tablist">
                <input
                    role="tab"
                    type="radio"
                    id="tab-recipients"
                    name="tablist"
                    aria-controls="tabpanel-recipients"
                    aria-selected="true"
                    checked
                >
                <label for="tab-recipients">{% translate "Recipients" %}</label>

                <input
                    role="tab"
                    type="radio"
                    id="tab-content"
                    name="tablist"
                    aria-controls="tabpanel-content"
                    aria-selected="false"
                >
                <label for="tab-content">{% translate "Content" %}</label>
            </div>

            <section
                id="tabpanel-recipients"
                role="tabpanel"
                aria-labelledby="tab-recipients"
                tabindex="0"
                aria-hidden="false"
            >
                <fieldset>
                    {% block recipient_form %}{% endblock recipient_form %}
                    <details class="card">
                        <summary class="card-header">{% translate "Advanced settings" %}</summary>
                        <div class="card-body">
                            {% block advanced_recipient_form %}
                                {{ form.reply_to.as_field_group }}
                                {{ form.bcc.as_field_group }}
                            {% endblock advanced_recipient_form %}
                        </div>
                    </details>
                </fieldset>
            </section>

            <section id="tabpanel-content" role="tabpanel" aria-labelledby="tab-content" aria-hidden="true">
                <fieldset>
                    {{ form.subject.as_field_group }}
                    {{ form.text.as_field_group }}
                </fieldset>
            </section>
            <div class="col col-md-2" id="placeholder-column">
                <legend>{% translate "Placeholders" %}</legend>

                {% include "orga/mails/_placeholder_group.html" with placeholders=form.grouped_placeholders.submission tag="submission" %}
                {% include "orga/mails/_placeholder_group.html" with placeholders=form.grouped_placeholders.slot tag="slot" %}
                {% include "orga/mails/_placeholder_group.html" with placeholders=form.grouped_placeholders.user tag="user" %}
                {% include "orga/mails/_placeholder_group.html" with placeholders=form.grouped_placeholders.event tag="event" %}
                {% include "orga/mails/_placeholder_group.html" with placeholders=form.grouped_placeholders.other tag="other" %}
            </div>
        </div>

        {% block email_editor_preview %}
            {% if output %}
                <fieldset class="mt-4">
                    <legend id="preview">{% translate "Email preview" %}</legend>
                    <div class="alert alert-info">
                        {% blocktranslate trimmed with count=mail_count %}
                            Roughly {{ count }} emails will be generated.
                        {% endblocktranslate %}
                    </div>
                    {% if form.warnings %}
                        <div class="alert alert-warning">
                            <span>
                                {% blocktranslate trimmed %}
                                    You have placeholders in your email that are either not valid or not valid for every
                                    email!
                                {% endblocktranslate %}
                                <ul>
                                    {# &#123; is the HTML entity for {, which would break django template syntax #}
                                    {% for w in form.warnings %}<li>&#123;{{ w }}}</li>{% endfor %}
                                </ul>
                                {% blocktranslate trimmed %}
                                    Emails where placeholders are invalid will <strong>not</strong> be created! For
                                    example, if you are using {session_room}, but some proposals don’t have a room
                                    yet, only emails for proposals with a scheduled room will be created.
                                {% endblocktranslate %}
                            </span>
                        </div>
                    {% endif %}
                    <div class="tab-pane mail-preview-group i18n-form-group">
                        {% for locale, out in output.items %}
                            <div {% if output|length > 1 %}lang="{{ locale }}"{% endif %} class="mail-preview">
                                <strong>{{ out.subject|safe }}</strong>
                                <br>
                                <br>
                                {{ out.html|safe }}
                            </div>
                        {% endfor %}
                    </div>
                </fieldset>
            {% endif %}
        {% endblock email_editor_preview %}

        {% block skip_queue %}
            {% if form.skip_queue and request.method == "POST" %}
                <hr>
                {{ form.skip_queue.as_field_group }}
            {% endif %}
        {% endblock skip_queue %}

        {% if confirm_skip_queue %}
            <div class="alert alert-danger">
                <span>
                    <strong>
                        {% blocktranslate trimmed count count=mail_count %}
                            You are about to immediately send {{ count }} email.
                        {% plural %}
                            You are about to immediately send {{ count }} emails.
                        {% endblocktranslate %}
                    </strong>
                    <br>
                    {% blocktranslate trimmed %}
                        These emails will be sent right now instead of being placed in the outbox. You will not be able
                        to review or recall them. Please confirm that you want to send them.
                    {% endblocktranslate %}
                </span>
            </div>
        {% endif %}

        {% include "orga/includes/submit_row.html" %}
    </form>
{% endblock mail_content %}