{% extends "base.html" %}
{% block title %}مراجعة الحملات الإعلانية{% endblock %}
{% block content %}
<div class="max-w-6xl 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>
        <a href="{{ url_for('admin.index') }}" class="text-sm text-slate-400 hover:text-gold-400">&#8592; لوحة التحكم</a>
    </div>

    <!-- Status Filter Tabs -->
    <div class="flex flex-wrap gap-2 mb-6">
        {% for s, label in [('pending_approval','في انتظار المراجعة'),('approved','معتمدة'),('active','نشطة'),('paused','متوقفة'),('completed','مكتملة'),('rejected','مرفوضة'),('','الكل')] %}
        <a href="{{ url_for('admin.ad_review', status=s, q=q) }}"
           class="px-4 py-2 rounded-lg text-sm transition {% if status_filter == s %}bg-gold-500 text-black font-bold{% else %}bg-white/5 text-slate-400 hover:bg-white/10{% endif %}">
            {{ label }}
        </a>
        {% endfor %}
    </div>

    <!-- Search -->
    <form method="GET" class="mb-6">
        <input type="hidden" name="status" value="{{ status_filter }}">
        <div class="flex gap-2">
            <input type="text" name="q" value="{{ q }}" placeholder="بحث باسم الحملة..." class="flex-1 bg-black/20 border border-white/10 rounded-lg px-4 py-2 text-white text-sm">
            <button type="submit" class="bg-white/10 text-white px-4 py-2 rounded-lg text-sm hover:bg-white/20 transition">بحث</button>
        </div>
    </form>

    <!-- Campaigns List -->
    <div class="space-y-3">
        {% for camp in campaigns %}
        <div class="glass p-5 rounded-2xl hover:bg-white/5 transition">
            <div class="flex items-center justify-between">
                <a href="{{ url_for('admin.ad_review_detail', ad_campaign_id=camp.id) }}" class="flex-1">
                    <div class="flex items-center gap-4">
                        <div>
                            <h3 class="text-white font-bold">{{ camp.name }}</h3>
                            <div class="text-xs text-slate-400 mt-1">
                                {{ camp.user.name if camp.user else 'N/A' }} |
                                ${{ "%.2f"|format(camp.budget_amount) }} |
                                {{ camp.duration_days }} يوم |
                                {{ camp.created_at.strftime('%Y-%m-%d %H:%M') }}
                            </div>
                            <div class="flex gap-1 mt-2">
                                {% for p in camp.platforms_list %}
                                <span class="text-xs px-2 py-0.5 rounded bg-white/10 text-slate-300">{{ p }}</span>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </a>
                <div class="flex items-center gap-3">
                    <span class="text-xs px-3 py-1 rounded-full
                        {% if camp.status == 'pending_approval' %}bg-yellow-500/20 text-yellow-400
                        {% elif camp.status == 'approved' %}bg-blue-500/20 text-blue-400
                        {% elif camp.status == 'active' %}bg-emerald-500/20 text-emerald-400
                        {% elif camp.status == 'paused' %}bg-orange-500/20 text-orange-400
                        {% elif camp.status == 'completed' %}bg-slate-500/20 text-slate-400
                        {% elif camp.status == 'rejected' %}bg-red-500/20 text-red-400
                        {% else %}bg-slate-500/20 text-slate-400{% endif %}">
                        {% if camp.status == 'pending_approval' %}في انتظار المراجعة
                        {% elif camp.status == 'approved' %}معتمدة
                        {% elif camp.status == 'active' %}نشطة
                        {% elif camp.status == 'paused' %}متوقفة
                        {% elif camp.status == 'completed' %}مكتملة
                        {% elif camp.status == 'rejected' %}مرفوضة
                        {% else %}{{ camp.status }}{% endif %}
                    </span>

                    {% if camp.status == 'pending_approval' %}
                    <form method="POST" action="{{ url_for('admin.approve_ad_campaign', ad_campaign_id=camp.id) }}" class="inline">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                        <button type="submit" class="text-xs bg-emerald-500/20 text-emerald-400 px-3 py-1 rounded-lg hover:bg-emerald-500/30 transition">&#10003; اعتماد</button>
                    </form>
                    <form method="POST" action="{{ url_for('admin.reject_ad_campaign', ad_campaign_id=camp.id) }}" class="inline">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                        <input type="hidden" name="rejection_reason" value="مرفوض من المراجعة السريعة">
                        <button type="submit" class="text-xs bg-red-500/20 text-red-400 px-3 py-1 rounded-lg hover:bg-red-500/30 transition">&#10005; رفض</button>
                    </form>
                    {% elif camp.status == 'active' %}
                    <form method="POST" action="{{ url_for('admin.pause_ad_campaign', ad_campaign_id=camp.id) }}" class="inline">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                        <button type="submit" class="text-xs bg-orange-500/20 text-orange-400 px-3 py-1 rounded-lg hover:bg-orange-500/30 transition">&#9646;&#9646; إيقاف</button>
                    </form>
                    {% elif camp.status == 'paused' %}
                    <form method="POST" action="{{ url_for('admin.resume_ad_campaign', ad_campaign_id=camp.id) }}" class="inline">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                        <button type="submit" class="text-xs bg-emerald-500/20 text-emerald-400 px-3 py-1 rounded-lg hover:bg-emerald-500/30 transition">&#9654; استئناف</button>
                    </form>
                    {% endif %}

                    <a href="{{ url_for('admin.ad_review_detail', ad_campaign_id=camp.id) }}" class="text-slate-400 hover:text-gold-400">&#8594;</a>
                </div>
            </div>
        </div>
        {% else %}
        <div class="text-center py-16">
            <div class="text-6xl mb-4 opacity-20">&#128203;</div>
            <p class="text-slate-400">لا توجد حملات {% if status_filter == 'pending_approval' %}في انتظار المراجعة{% endif %}</p>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}