{% extends "base.html" %}

{% block content %}
<div class="container">
    <div style="margin-bottom: 2rem;">
        <a href="{{ url_for('mail_panel') }}" style="color:var(--text-muted);">&larr; Back to Inbox</a>
    </div>
    <div class="glass-panel" style="max-width: 800px;">
        <div style="display:flex; justify-content:space-between; align-items:center;">
            <h2 style="margin:0; color:var(--primary);">{{ msg.subject }}</h2>
            <div style="color:var(--text-muted); font-size:0.875rem;">{{ msg.timestamp.replace('T', ' ') }}</div>
        </div>
        <hr style="border:0; border-top:1px solid var(--border); margin:1.5rem 0;">
        <div style="margin-bottom: 1.5rem;">
            <div style="color:var(--text-muted); font-size:0.875rem;">From: <strong>{{ msg.from }}</strong></div>
            <div style="color:var(--text-muted); font-size:0.875rem;">To: {{ msg.to }}</div>
        </div>
        
        <div style="background:rgba(0,0,0,0.2); border-radius:8px; padding:1.5rem; line-height:1.6; white-space:pre-wrap;">{{ msg.body }}</div>
        
        <div style="margin-top: 2rem;">
            <form method="POST" action="{{ url_for('mail_delete', msg_id=msg.id) }}">
                <button type="submit" class="btn danger" style="width:auto;">Delete Message</button>
            </form>
        </div>
    </div>
</div>
{% endblock %}