{% extends "base.html" %}
{% block title %}إدارة التقارير{% endblock %}
{% block content %}
<div class="max-w-7xl mx-auto px-4 py-12">
    <div class="flex items-center justify-between mb-8">
        <h1 class="text-2xl font-serif font-bold text-white">إدارة التقارير</h1>
        <a href="{{ url_for('admin.index') }}" class="text-sm text-slate-400 hover:text-gold-400">← لوحة الإدارة</a>
    </div>

    <div class="glass rounded-2xl overflow-hidden">
        <table class="w-full">
            <thead>
                <tr class="border-b border-white/5">
                    <th class="text-right text-xs font-mono text-slate-400 uppercase tracking-widest p-4">#</th>
                    <th class="text-right text-xs font-mono text-slate-400 uppercase tracking-widest p-4">المشروع</th>
                    <th class="text-right text-xs font-mono text-slate-400 uppercase tracking-widest p-4">المستخدم</th>
                    <th class="text-right text-xs font-mono text-slate-400 uppercase tracking-widest p-4">الحكم</th>
                    <th class="text-right text-xs font-mono text-slate-400 uppercase tracking-widest p-4">التاريخ</th>
                </tr>
            </thead>
            <tbody>
                {% for report in pagination.items %}
                <tr class="border-b border-white/5 hover:bg-white/5 transition">
                    <td class="p-4 text-slate-500 text-sm">{{ report.id }}</td>
                    <td class="p-4 text-white text-sm">{{ report.project_name[:50] }}</td>
                    <td class="p-4 text-slate-300 text-sm">{{ report.user.name if report.user else 'N/A' }}</td>
                    <td class="p-4">
                        <span class="text-xs px-2 py-1 rounded-full {% if report.verdict == 'GO' %}bg-emerald-500/20 text-emerald-400{% elif report.verdict == 'NO-GO' %}bg-red-500/20 text-red-400{% else %}bg-yellow-500/20 text-yellow-400{% endif %}">{{ report.verdict or 'Processing' }}</span>
                    </td>
                    <td class="p-4 text-slate-400 text-xs">{{ report.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    {% if pagination.pages > 1 %}
    <div class="flex justify-center gap-2 mt-6">
        {% for p in pagination.iter_pages() %}
            {% if p %}
                <a href="{{ url_for('admin.reports', page=p) }}" class="px-3 py-2 rounded-lg text-sm {% if p == pagination.page %}bg-gold-500 text-black font-bold{% else %}text-slate-400 hover:text-white bg-white/5{% endif %} transition">{{ p }}</a>
            {% else %}
                <span class="text-slate-600 px-2">...</span>
            {% endif %}
        {% endfor %}
    </div>
    {% endif %}
</div>
{% endblock %}