{% extends "base.html" %}
{% block title %}White-Label — Admin{% endblock %}
{% block content %}
<div class="max-w-5xl mx-auto px-4 py-12">
    <div class="flex items-center justify-between mb-8">
        <div>
            <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">WHITE-LABEL MANAGEMENT</div>
            <h1 class="text-2xl font-bold text-white">إدارة العلامات البيضاء</h1>
        </div>
        <a href="{{ url_for('whitelabel.create') }}" class="bg-gold-500/20 border border-gold-500/30 text-gold-400 px-4 py-2 rounded-lg text-sm hover:bg-gold-500/30 transition">+ تكوين جديد</a>
    </div>
    <div class="space-y-3">
        {% for c in configs %}
        <div class="glass p-5 rounded-xl border border-white/10 flex items-center justify-between">
            <div class="flex items-center gap-4">
                <div class="w-10 h-10 rounded-lg flex items-center justify-center" style="background:{{ c.primary_color }}20; border: 1px solid {{ c.primary_color }}50">
                    <span style="color:{{ c.primary_color }}" class="text-lg font-bold">{{ c.org_name[0] }}</span>
                </div>
                <div>
                    <div class="text-white font-medium">{{ c.org_name }}</div>
                    <div class="text-xs text-slate-400">{{ c.domain or 'No domain' }}</div>
                </div>
            </div>
            <div class="flex items-center gap-3">
                <span class="text-xs px-2 py-0.5 rounded-full {{ 'bg-emerald-500/20 text-emerald-400' if c.is_active else 'bg-red-500/20 text-red-400' }}">{{ 'Active' if c.is_active else 'Inactive' }}</span>
                <form method="POST" action="{{ url_for('whitelabel.toggle', config_id=c.id) }}">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <button type="submit" class="text-xs text-slate-400 hover:text-white transition">{{ 'تعطيل' if c.is_active else 'تفعيل' }}</button>
                </form>
            </div>
        </div>
        {% else %}
        <div class="text-center py-16 text-slate-500">لا توجد تكوينات White-Label بعد</div>
        {% endfor %}
    </div>
</div>
{% endblock %}