{% 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-3xl font-serif font-bold text-white flex items-center gap-3">
            <span class="text-gold-400">&#9670;</span> لوحة الإدارة
        </h1>
        <div class="flex gap-3">
            <a href="{{ url_for('admin.plans') }}" class="bg-emerald-500/10 text-emerald-400 px-4 py-2 rounded-lg text-sm hover:bg-emerald-500/20 transition">الخطط</a>
            <a href="{{ url_for('admin.video_providers') }}" class="bg-rose-500/10 text-rose-400 px-4 py-2 rounded-lg text-sm hover:bg-rose-500/20 transition">Video AI</a>
            <a href="{{ url_for('admin.ai_config') }}" class="bg-purple-500/10 text-purple-400 px-4 py-2 rounded-lg text-sm hover:bg-purple-500/20 transition">AI Models</a>
            <a href="{{ url_for('admin.notebooklm_settings') }}" class="bg-blue-500/10 text-blue-400 px-4 py-2 rounded-lg text-sm hover:bg-blue-500/20 transition">NotebookLM</a>
            <a href="{{ url_for('admin.prompts') }}" class="bg-indigo-500/10 text-indigo-400 px-4 py-2 rounded-lg text-sm hover:bg-indigo-500/20 transition">Prompts</a>
            <a href="{{ url_for('admin.analytics') }}" class="bg-gold-500/10 text-gold-400 px-4 py-2 rounded-lg text-sm hover:bg-gold-500/20 transition">Analytics</a>
            <a href="{{ url_for('admin.audit') }}" class="bg-white/5 text-slate-400 px-4 py-2 rounded-lg text-sm hover:bg-white/10 transition">Audit Log</a>
        </div>
    </div>

    <!-- Ad Campaign Management Cards -->
    <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-8">
        <a href="{{ url_for('admin.ad_accounts') }}" class="glass p-5 rounded-2xl hover:bg-white/5 transition group">
            <div class="text-2xl mb-2">&#128179;</div>
            <div class="text-white font-bold text-sm group-hover:text-gold-400 transition">حسابات الإعلانات</div>
            <div class="text-[10px] text-slate-500 mt-1">إدارة حسابات المنصات والمحفظة</div>
        </a>
        <a href="{{ url_for('admin.ad_budgets') }}" class="glass p-5 rounded-2xl hover:bg-white/5 transition group">
            <div class="text-2xl mb-2">&#128176;</div>
            <div class="text-white font-bold text-sm group-hover:text-gold-400 transition">ميزانيات المستخدمين</div>
            <div class="text-[10px] text-slate-500 mt-1">تخصيص ميزانيات إعلانية للمستخدمين</div>
        </a>
        <a href="{{ url_for('admin.ad_review') }}" class="glass p-5 rounded-2xl hover:bg-white/5 transition group">
            <div class="text-2xl mb-2">&#128203;</div>
            <div class="text-white font-bold text-sm group-hover:text-gold-400 transition">مراجعة الحملات</div>
            <div class="text-[10px] text-slate-500 mt-1">اعتماد أو رفض الحملات الإعلانية</div>
        </a>
        <a href="{{ url_for('admin.sponsor_accounts') }}" class="glass p-5 rounded-2xl hover:bg-white/5 transition group">
            <div class="text-2xl mb-2">&#127970;</div>
            <div class="text-white font-bold text-sm group-hover:text-gold-400 transition">حسابات الجهة الراعية</div>
            <div class="text-[10px] text-slate-500 mt-1">حسابات النشر المجاني للمستخدمين</div>
        </a>
        <a href="{{ url_for('admin.ad_analytics') }}" class="glass p-5 rounded-2xl hover:bg-white/5 transition group">
            <div class="text-2xl mb-2">&#128200;</div>
            <div class="text-white font-bold text-sm group-hover:text-gold-400 transition">إحصائيات الإعلانات</div>
            <div class="text-[10px] text-slate-500 mt-1">تحليلات شاملة لجميع الحملات</div>
        </a>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-10">
        <div class="glass p-6 rounded-2xl text-center">
            <div class="text-4xl font-bold text-gold-400 mb-2">{{ users_count }}</div>
            <div class="text-xs font-mono text-slate-400 uppercase tracking-widest">المستخدمون</div>
        </div>
        <div class="glass p-6 rounded-2xl text-center">
            <div class="text-4xl font-bold text-emerald-400 mb-2">{{ reports_count }}</div>
            <div class="text-xs font-mono text-slate-400 uppercase tracking-widest">التقارير</div>
        </div>
        <div class="glass p-6 rounded-2xl text-center">
            <div class="text-4xl font-bold text-blue-400 mb-2">{{ subs_count }}</div>
            <div class="text-xs font-mono text-slate-400 uppercase tracking-widest">الاشتراكات النشطة</div>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <div class="glass p-6 rounded-2xl">
            <div class="flex items-center justify-between mb-4">
                <h2 class="text-lg font-bold text-white">آخر المستخدمين</h2>
                <a href="{{ url_for('admin.users') }}" class="text-xs text-gold-400 hover:text-gold-300">عرض الكل →</a>
            </div>
            <div class="space-y-3">
                {% for user in recent_users %}
                <div class="flex items-center justify-between p-3 bg-black/20 rounded-xl">
                    <div>
                        <div class="text-white text-sm font-medium">{{ user.name }}</div>
                        <div class="text-xs text-slate-500">{{ user.email }}</div>
                    </div>
                    <div class="text-xs text-slate-400">{{ user.created_at.strftime('%m/%d') }}</div>
                </div>
                {% endfor %}
            </div>
        </div>
        <div class="glass p-6 rounded-2xl">
            <div class="flex items-center justify-between mb-4">
                <h2 class="text-lg font-bold text-white">آخر التقارير</h2>
                <a href="{{ url_for('admin.reports') }}" class="text-xs text-gold-400 hover:text-gold-300">عرض الكل →</a>
            </div>
            <div class="space-y-3">
                {% for report in recent_reports %}
                <div class="flex items-center justify-between p-3 bg-black/20 rounded-xl">
                    <div>
                        <div class="text-white text-sm font-medium">{{ report.project_name[:40] }}</div>
                        <div class="text-xs text-slate-500">{{ report.user.name if report.user else 'N/A' }}</div>
                    </div>
                    <div class="flex items-center gap-2">
                        <span class="text-xs px-2 py-0.5 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 'N/A' }}</span>
                        <span class="text-xs text-slate-400">{{ report.created_at.strftime('%m/%d') }}</span>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</div>
{% endblock %}