{% extends "base.html" %}

{% block title %}管理后台 - 举报列表{% endblock %}

{% block content %}
<div class="card shadow-sm">
    <div class="card-header">
        <h2 class="mb-0">举报列表</h2>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover align-middle">
                <thead class="table-light">
                    <tr>
                        <th>#ID</th>
                        <th>被举报邮箱 / 站点</th>
                        <th>举报人</th>
                        <th>状态</th>
                        <th>提交时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    {% for report in reports.items %}
                    <tr>
                        <td>{{ report.id }}</td>
                        <td>
                            <div><strong>{{ report.reported_email }}</strong></div>
                            <small class="text-muted">{{ report.reported_pt_site }}</small>
                        </td>
                        <td>{{ report.reporter.username }}</td>
                        <td><span class="badge bg-info text-dark">{{ report.status | translate_status }}</span></td>
                        <td>{{ (report.created_at | to_beijing_time).strftime('%Y-%m-%d %H:%M') }}</td>
                        <td><a href="{{ url_for('main.report_detail', report_id=report.id) }}" class="btn btn-sm btn-outline-primary">查看详情</a></td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="6" class="text-center text-muted">目前没有举报记录。</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <div class="card-footer">
        {# 分页导航 #}
        <div class="pagination">
            {% if reports.has_prev %}
                <a href="{{ url_for('main.report_list', page=reports.prev_num) }}" class="btn btn-sm btn-outline-secondary">&laquo; 上一页</a>
            {% endif %}
            <span class="mx-2">Page {{ reports.page }} of {{ reports.pages }}.</span>
            {% if reports.has_next %}
                <a href="{{ url_for('main.report_list', page=reports.next_num) }}" class="btn btn-sm btn-outline-secondary">下一页 &raquo;</a>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}