{% extends "django_pymissive/base_preview.html" %}
{% load static i18n %}

{% block preview_stylesheet %}
<link rel="stylesheet" href="{% static 'django_pymissive/css/email_preview.css' %}">
{% endblock %}

{% block preview_content %}
<div class="email-preview">
    <div class="email-header">
        <p><strong>{% trans 'From' %}:</strong>
            {% if sender.name or sender.email %}
            {% if sender.name %}{{ sender.name }} {% endif %}{% if sender.email %}&lt;{{ sender.email }}&gt;{% else %}<span class="empty">&lt;{% trans "Not filled in" %}&gt;</span>{% endif %}
            {% else %}
            <span class="empty">{% trans "Not filled in" %}</span>
            {% endif %}
        </p>
        {% if reply_to %}
        <p><strong>{% trans 'Reply-To' %}:</strong>
            {% if reply_to.name or reply_to.email %}
            {% if reply_to.name %}{{ reply_to.name }} {% endif %}{% if reply_to.email %}&lt;{{ reply_to.email }}&gt;{% else %}<span class="empty">&lt;{% trans "Not filled in" %}&gt;</span>{% endif %}
            {% else %}
            <span class="empty">{% trans "Not filled in" %}</span>
            {% endif %}
        </p>
        {% endif %}
        <p><strong>{% trans 'To' %}:</strong>
            {% if to_recipients %}
            {% for r in to_recipients %}{% if not forloop.first %}, {% endif %}{% if r.name %}{{ r.name }} {% endif %}{% if r.email %}&lt;{{ r.email }}&gt;{% else %}<span class="empty">&lt;{% trans "Not filled in" %}&gt;</span>{% endif %}{% endfor %}
            {% else %}
            <span class="empty">{% trans "Not filled in" %}</span>
            {% endif %}
        </p>
        {% if cc_recipients %}
        <p><strong>{% trans 'Cc' %}:</strong>
            {% for r in cc_recipients %}{% if not forloop.first %}, {% endif %}{% if r.name %}{{ r.name }} {% endif %}{% if r.email %}&lt;{{ r.email }}&gt;{% else %}<span class="empty">&lt;{% trans "Not filled in" %}&gt;</span>{% endif %}{% endfor %}
        </p>
        {% endif %}
        {% if bcc_recipients %}
        <p><strong>{% trans 'Bcc' %}:</strong>
            {% for r in bcc_recipients %}{% if not forloop.first %}, {% endif %}{% if r.name %}{{ r.name }} {% endif %}{% if r.email %}&lt;{{ r.email }}&gt;{% else %}<span class="empty">&lt;{% trans "Not filled in" %}&gt;</span>{% endif %}{% endfor %}
        </p>
        {% endif %}
        <p><strong>{% trans 'Subject' %}:</strong> {% if missive.subject_compiled %}{{ missive.subject_compiled }}{% else %}<span class="empty">{% trans "Not filled in" %}</span>{% endif %}</p>
    </div>
    <div class="email-body">
        {% if missive.body_html_compiled %}
            <fieldset class="email-html">
                <legend>HTML Content</legend>
                {{ missive.body_html_compiled|safe }}
            </fieldset>
        {% endif %}
        {% if missive.body_text_compiled %}
            <details class="email-plaintext-collapsible">
                <summary>Plain Text Content</summary>
                <fieldset class="email-html">
                    <pre>{{ missive.body_text_compiled }}</pre>
                </fieldset>
            </details>
        {% endif %}
        {% if not missive.body_html_compiled and not missive.body_text_compiled %}
            <p class="empty">{% trans 'No content' %}</p>
        {% endif %}
    </div>
    {% if missive.attachments_physical %}
    <div class="attachments">
        {% for doc in missive.attachments_physical %}
        {% if doc.attachment_url %}
        <a href="{{ doc.attachment_url.url }}" target="_blank" rel="noopener">
            <span>&#128196;</span>
            <small>{{ doc.attachment_url.name|default:"unnamed" }}</small>
        </a>
        {% else %}
        <span class="empty"><span>&#128196;</span> <small>{% trans "Not filled in" %}</small></span>
        {% endif %}
        {% endfor %}
    </div>
    {% endif %}
</div>
{% endblock %}