{% extends "base.html" %}
{% block title %}草稿箱 - 邮件系统{% endblock %}
{% block content %}
<div class="main-layout">
    <div class="sidebar">
        <a href="{{ url_for('inbox') }}">📥 收件箱</a>
        <a href="{{ url_for('starred') }}">⭐ 星标邮件</a>
        <a href="{{ url_for('sent') }}">📤 已发送</a>
        <a href="{{ url_for('drafts') }}" class="active">📝 草稿箱</a>
        <a href="{{ url_for('contacts') }}">📇 通讯录</a>
        <a href="{{ url_for('compose') }}">✏️ 写邮件</a>
    </div>
    <div class="main-content">
        <div class="card">
            <h2 style="margin-bottom: 1rem;">草稿箱</h2>
            {% if emails %}
            {% for email in emails %}
            <div class="email-item" onclick="location.href='{{ url_for('compose', draft_id=email.id) }}'">
                <div class="email-subject">
                    <div>收件人: {{ email.recipient_address or '(未填写)' }}</div>
                    <div style="color: #6b7280;">{{ email.subject or '(无主题)' }}</div>
                </div>
                <div class="email-date">{{ email.created_at.strftime('%Y-%m-%d %H:%M') }}</div>
                <a href="{{ url_for('delete_draft', id=email.id) }}" class="btn btn-danger" style="margin-left: 1rem;"
                    onclick="event.stopPropagation();">删除</a>
            </div>
            {% endfor %}
            {% else %}
            <p style="color: #6b7280; text-align: center; padding: 2rem;">暂无草稿</p>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}