{% extends "base.html" %}
{% block title %}{{ t('messages.sent_messages', 'Sent Messages') }} - {{ config.BBS_NAME }}{% endblock %}
{% block content %}
<div class="bbs-header">
    <h1><i class="bi bi-send"></i> {{ t('messages.sent_messages', 'Sent Messages') }}</h1>
</div>
<div class="d-flex justify-content-between mb-3">
    <a href="{{ url_for('pm.inbox') }}" class="btn btn-primary"><i class="bi bi-inbox"></i> {{ t('messages.inbox', 'Inbox') }}</a>
    <a href="{{ url_for('pm.compose') }}" class="btn btn-primary"><i class="bi bi-pencil"></i> {{ t('messages.compose', 'Compose') }}</a>
</div>
<div class="card">
    <div class="card-body p-0">
        <table class="table mb-0">
            <thead><tr><th>{{ t('messages.to', 'To') }}</th><th>{{ t('messages.subject', 'Subject') }}</th><th>{{ t('messages.date', 'Date') }}</th><th>{{ t('messages.read', 'Read') }}</th><th>{{ t('messages.actions', 'Actions') }}</th></tr></thead>
            <tbody>
                {% for msg in messages %}
                <tr>
                    <td>{{ msg.recipient.username }}</td>
                    <td><a href="{{ url_for('pm.read', message_id=msg.id) }}">{{ msg.subject }}</a></td>
                    <td>{{ msg.created_at|eastern('%Y-%m-%d %H:%M') }}</td>
                    <td>{% if msg.read_at %}<i class="bi bi-check-circle text-success"></i>{% else %}<i class="bi bi-clock"></i>{% endif %}</td>
                    <td>
                        <form method="post" action="{{ url_for('pm.delete', message_id=msg.id) }}" class="d-inline">
                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                            <button type="submit" class="btn btn-sm btn-danger" aria-label="{{ t('messages.delete', 'Delete') }}"><i class="bi bi-trash"></i></button>
                        </form>
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="5" class="text-center">{{ t('messages.sent_empty', 'No sent messages.') }}</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

{% if pagination and pagination.pages > 1 %}
<nav aria-label="{{ t('messages.sent_pages', 'Sent messages pages') }}" class="mt-3">
    <ul class="pagination justify-content-center">
        {% if pagination.has_prev %}
        <li class="page-item"><a class="page-link" href="{{ url_for('pm.sent', page=pagination.prev_num) }}">{{ t('messages.previous', '‹ Prev') }}</a></li>
        {% else %}
        <li class="page-item disabled"><span class="page-link">{{ t('messages.previous', '‹ Prev') }}</span></li>
        {% endif %}
        {% for p in pagination.iter_pages() %}
            {% if p %}
            <li class="page-item {{ 'active' if p == pagination.page else '' }}">
                <a class="page-link" href="{{ url_for('pm.sent', page=p) }}">{{ p }}</a>
            </li>
            {% else %}
            <li class="page-item disabled"><span class="page-link">…</span></li>
            {% endif %}
        {% endfor %}
        {% if pagination.has_next %}
        <li class="page-item"><a class="page-link" href="{{ url_for('pm.sent', page=pagination.next_num) }}">{{ t('messages.next', 'Next ›') }}</a></li>
        {% else %}
        <li class="page-item disabled"><span class="page-link">{{ t('messages.next', 'Next ›') }}</span></li>
        {% endif %}
    </ul>
    <p class="text-center text-muted small">{{ t('messages.page_summary', 'Page {page} of {pages} — {count} messages total', page=pagination.page, pages=pagination.pages, count=pagination.total) }}</p>
</nav>
{% endif %}
{% endblock %}