{% extends "base.html" %}
{% block title %}مراجعة السوق — لوحة الإدارة{% endblock %}
{% block content %}
<div class="max-w-6xl mx-auto px-4 py-8">
    <div class="flex items-center justify-between mb-8">
        <div>
            <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">ADMIN</div>
            <h1 class="text-2xl font-bold text-white">مراجعة سوق الدراسات</h1>
        </div>
        <a href="{{ url_for('admin.index') }}" class="text-sm text-slate-400 hover:text-gold-400 transition">&larr; لوحة الإدارة</a>
    </div>

    <!-- Stats -->
    <div class="grid grid-cols-3 gap-4 mb-8">
        <div class="bg-white/5 border border-white/10 rounded-xl p-4 text-center">
            <div class="text-2xl font-bold text-yellow-400">{{ pending_count }}</div>
            <div class="text-xs text-slate-500">بانتظار المراجعة</div>
        </div>
        <div class="bg-white/5 border border-white/10 rounded-xl p-4 text-center">
            <div class="text-2xl font-bold text-emerald-400">{{ total_sales }}</div>
            <div class="text-xs text-slate-500">عملية بيع</div>
        </div>
        <div class="bg-white/5 border border-white/10 rounded-xl p-4 text-center">
            <div class="text-2xl font-bold text-gold-400">{{ "%.2f"|format(total_revenue) }}</div>
            <div class="text-xs text-slate-500">إجمالي الإيرادات</div>
        </div>
    </div>

    <!-- Status Tabs -->
    <div class="flex gap-2 mb-6">
        {% for s, label in [('pending', 'بانتظار المراجعة'), ('approved', 'معتمدة'), ('rejected', 'مرفوضة'), ('', 'الكل')] %}
        <a href="{{ url_for('admin.marketplace_review', status=s) }}"
           class="px-4 py-1.5 rounded-full text-xs font-medium transition {{ 'bg-gold-500/20 text-gold-400 border border-gold-500/30' if status_filter == s else 'bg-white/5 text-slate-400 border border-white/10 hover:border-white/20' }}">
            {{ label }}
        </a>
        {% endfor %}
    </div>

    {% if listings %}
    <div class="space-y-4">
        {% for listing in listings %}
        <div class="bg-white/5 border border-white/10 rounded-xl p-5">
            <div class="flex items-start justify-between gap-4">
                <div class="flex-1 min-w-0">
                    <div class="flex items-center gap-2 mb-2">
                        <span class="px-2 py-0.5 rounded-full text-[10px] font-medium bg-{{ listing.goal_color }}-500/20 text-{{ listing.goal_color }}-400">{{ listing.goal_label }}</span>
                        {% if listing.approval_status == 'pending' %}
                        <span class="px-2 py-0.5 rounded-full text-[10px] font-medium bg-yellow-500/20 text-yellow-400">قيد المراجعة</span>
                        {% elif listing.approval_status == 'approved' %}
                        <span class="px-2 py-0.5 rounded-full text-[10px] font-medium bg-emerald-500/20 text-emerald-400">معتمدة</span>
                        {% elif listing.approval_status == 'rejected' %}
                        <span class="px-2 py-0.5 rounded-full text-[10px] font-medium bg-red-500/20 text-red-400">مرفوضة</span>
                        {% endif %}
                        {% if listing.featured %}
                        <span class="text-[10px] text-gold-400">⭐ مميزة</span>
                        {% endif %}
                        {% if listing.sector %}
                        <span class="text-[10px] text-slate-500">{{ listing.sector }}</span>
                        {% endif %}
                    </div>
                    <h3 class="text-white font-semibold">{{ listing.title or listing.report.project_name }}</h3>
                    <p class="text-slate-400 text-xs mt-1 line-clamp-2">{{ listing.description }}</p>
                    <div class="flex items-center gap-4 mt-2 text-xs text-slate-500">
                        <span>بواسطة: {{ listing.user.name }} ({{ listing.user.email }})</span>
                        <span>{{ listing.created_at.strftime('%Y-%m-%d') }}</span>
                        {% if listing.listing_goal in ('sell', 'license') %}
                        <span class="text-gold-400">{{ listing.price }} {{ listing.currency }}</span>
                        {% elif listing.listing_goal == 'find_investor' %}
                        <span class="text-emerald-400">استثمار: {{ listing.investment_needed }} {{ listing.currency }}</span>
                        {% endif %}
                        <span>👁 {{ listing.views }} | 🛒 {{ listing.purchases }}</span>
                    </div>
                </div>
                <div class="flex flex-col gap-2 shrink-0">
                    {% if listing.approval_status == 'pending' %}
                    <form method="POST" action="{{ url_for('admin.marketplace_approve', listing_id=listing.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-4 py-1.5 rounded-lg hover:bg-emerald-500/30 transition w-full">موافقة ✅</button>
                    </form>
                    <form method="POST" action="{{ url_for('admin.marketplace_reject', listing_id=listing.id) }}" class="inline">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                        <input name="admin_notes" placeholder="سبب الرفض..." class="w-full bg-white/5 border border-white/10 text-white rounded-lg px-2 py-1 text-[10px] mb-1">
                        <button type="submit" class="text-xs bg-red-500/20 text-red-400 px-4 py-1.5 rounded-lg hover:bg-red-500/30 transition w-full">رفض ❌</button>
                    </form>
                    {% endif %}
                    {% if listing.approval_status == 'approved' %}
                    <form method="POST" action="{{ url_for('admin.marketplace_feature', listing_id=listing.id) }}" class="inline">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                        <button type="submit" class="text-xs bg-gold-500/10 text-gold-400 px-4 py-1.5 rounded-lg hover:bg-gold-500/20 transition w-full">
                            {{ '⭐ إلغاء التمييز' if listing.featured else '⭐ تمييز' }}
                        </button>
                    </form>
                    {% endif %}
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
    {% else %}
    <div class="text-center py-16 text-slate-400">لا توجد دراسات في هذا التصنيف.</div>
    {% endif %}
</div>
{% endblock %}