{% 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 history_sidebar %}
{% load i18n %}
{% load static %}

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

{% block stylesheets %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'orga/css/forms/i18n.css' %}">
    <link rel="stylesheet" href="{% static 'orga/css/ui/history.css' %}">
{% endblock stylesheets %}

{% block scripts %}
    {{ block.super }}
    <script defer src="{% static 'common/js/ui/dialog.js' %}"></script>
    <script defer src="{% static 'common/js/ui/history-dialog.js' %}"></script>
{% endblock scripts %}

{% block mail_content %}
    <div class="form-history-container">
        <div class="form-container">
            {% if form.instance.sent %}
                <div class="alert alert-info">
                    {% blocktranslate trimmed with timestamp=form.instance.sent %}
                        This email was sent on {{ timestamp }}.
                    {% endblocktranslate %}
                </div>
            {% elif form.instance.has_error %}
                <div class="alert alert-danger">
                    <div>
                        {% translate "This email failed to send:" %}
                        {% if form.instance.error_data.smtp_code %}
                            SMTP {{ form.instance.error_data.smtp_code }}{% else %}{{ form.instance.error_data.type }}
                        {% endif %}
                        {% if form.instance.error_data.error %}({{ form.instance.error_data.error }}){% endif %}
                    </div>
                </div>
            {% endif %}
            <form method="post">
                {% csrf_token %}
                <h2>{% translate "Email editor" %}</h2>

                {% if not form.read_only %}
                    {{ form }}
                    {% for extra_form in extra_forms %}
                        <fieldset>
                            {% if extra_form.label %}<legend>{{ extra_form.label }}</legend>{% endif %}
                            {{ extra_form }}
                        </fieldset>
                    {% endfor %}
                    {% include "orga/includes/submit_row.html" %}
                {% else %}
                    <div class="d-flex flex-column">
                        <div class="row form-group">
                            <label class="col col-md-3 col-form-label">To</label>
                            <div class="col col-md-9 mt-2">{{ form.instance.to|default:"-" }}</div>
                        </div>

                        {% if form.to_users %}
                            <div class="row form-group">
                                <label class="col col-md-3 col-form-label">To Users</label>
                                <div class="col col-md-9 mt-2">
                                    {% for user in form.instance.to_users.all %}
                                        {% if user.speaker_code %}
                                            <a
                                                href="{% url 'orga:speakers.view' event=request.event.slug code=user.speaker_code %}"
                                            >{{ user.speaker_name|default:user }}</a>
                                        {% else %}
                                            {{ user.speaker_name|default:user }}{% endif %}{% if not forloop.last %},
                                        {% endif %}
                                    {% endfor %}
                                </div>
                            </div>
                        {% endif %}

                        <div class="row form-group">
                            <label class="col col-md-3 col-form-label">Reply-To</label>
                            <div class="col col-md-9 mt-2">{{ form.instance.reply_to|default:"-" }}</div>
                        </div>

                        <div class="row form-group">
                            <label class="col col-md-3 col-form-label">CC</label>
                            <div class="col col-md-9 mt-2">{{ form.instance.cc|default:"-" }}</div>
                        </div>

                        <div class="row form-group">
                            <label class="col col-md-3 col-form-label">BCC</label>
                            <div class="col col-md-9 mt-2">{{ form.instance.bcc|default:"-" }}</div>
                        </div>

                        <div class="row form-group">
                            <label class="col col-md-3 col-form-label">Subject</label>
                            <div class="col col-md-9 mt-2">{{ form.instance.subject }}</div>
                        </div>

                        <div class="row form-group">
                            <label class="col col-md-3 col-form-label">Text</label>
                            <div class="col col-md-9 mt-2">{{ form.instance.body_html }}</div>
                        </div>
                    </div>

                    {% for extra_form in extra_forms %}
                        <fieldset>
                            {% if extra_form.label %}<legend>{{ extra_form.label }}</legend>{% endif %}
                            {{ extra_form }}
                        </fieldset>
                    {% endfor %}
                {% endif %}
            </form>
            {% if copy_to_draft_url %}
                {% if copy_to_draft_method == "post" %}
                    <form method="post" action="{{ copy_to_draft_url }}" class="submit-group flex-row-reverse">
                        {% csrf_token %}
                        <span>
                            <button type="submit" class="btn btn-lg btn-success">
                                {% translate "Copy to draft" %}
                            </button>
                        </span>
                    </form>
                {% else %}
                    <div class="submit-group flex-row-reverse">
                        <span>
                            <a href="{{ copy_to_draft_url }}" class="btn btn-lg btn-success">
                                {% translate "Copy to draft" %}
                            </a>
                        </span>
                    </div>
                {% endif %}
            {% endif %}
        </div>
        <div class="sidebar-container mt-4 pt-4">
            {% history_sidebar form.instance %}
        </div>
    </div>
{% endblock mail_content %}