{% extends 'layout.twig' %}

{% block header %}
    <div class="action-links">
        <a href="/inbox/{{ address }}">← Return to inbox</a>
        <a href="/inbox/{{ address }}/{{ uid }}/delete">Delete Email</a>
        <a href="/inbox/{{ address }}/{{ uid }}/raw" target="_blank">View Raw</a>
        {% if lockEnabled and isLocked and hasAccess %}
            <a href="/lock/logout">Logout</a>
        {% else %}
            <a href="/logout">Logout</a>
        {% endif %}
    </div>
{% endblock %}

{% block body %}
    <div class="mail-container">
        <div class="mail-header">
            <h1 class="mail-subject">{{ mail.subject }}</h1>
            <div class="mail-meta">
                <div class="mail-from">From: {{ mail.from.text }}</div>
                <div class="mail-date">{{ mail.date | date }}</div>
            </div>
        </div>

        <div class="mail-content">
            {% if mail.html %}
                <div class="mail-html-content">
                    <iframe sandbox="allow-popups allow-popups-to-escape-sandbox" csp="script-src 'none'" srcdoc='{{ mail.html }}'></iframe>
                </div>
            {% elseif mail.textAsHtml %}
                <div class="mail-text-content">
                    {{ mail.textAsHtml|raw }}
                </div>
            {% else %}
                <div class="mail-empty-content">
                    <p>No content available</p>
                </div>
            {% endif %}
        </div>

        {% if mail.attachments %}
            <div class="mail-attachments">
                <h4>Attachments</h4>
                <div class="attachments-list">
                    {% for attachment in mail.attachments %}
                        <a href="/inbox/{{ address }}/{{ uid }}/{{ attachment.checksum }}" class="attachment-link">
                            📎 {{ attachment.filename }}
                        </a>
                    {% endfor %}
                </div>
            </div>
        {% endif %}
    </div>

{% endblock %}