{% extends 'layouts/authenticated.html.twig' %}

{% block page_title %}Inscriptions{% endblock %}

{% block content %}
<div class="mb-8">
    <h1 class="text-3xl font-bold text-gray-900">Demandes d'inscription</h1>
    <p class="mt-2 text-sm text-gray-700">
        Validez ou refusez les boutiques qui s'inscrivent depuis le site public.
        {% if pendingCount > 0 %}
            <span class="ml-1 inline-flex items-center rounded-full bg-yellow-100 px-2.5 py-0.5 text-xs font-medium text-yellow-800">{{ pendingCount }} en attente</span>
        {% endif %}
    </p>
</div>

{% if requests is empty %}
    <div class="rounded-lg border border-dashed border-gray-300 bg-white p-12 text-center text-gray-500">
        Aucune demande d'inscription pour le moment.
    </div>
{% else %}
    <div class="overflow-hidden rounded-lg bg-white shadow">
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200 text-sm">
                <thead class="bg-gray-50 text-left text-xs font-medium uppercase tracking-wider text-gray-500">
                    <tr>
                        <th class="px-6 py-3">Boutique</th>
                        <th class="px-6 py-3">Gérant</th>
                        <th class="px-6 py-3">Offre</th>
                        <th class="px-6 py-3">Parrainage</th>
                        <th class="px-6 py-3">Demandée le</th>
                        <th class="px-6 py-3">Statut</th>
                        <th class="px-6 py-3 text-right">Actions</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100">
                    {% for r in requests %}
                        {% set st = r.status %}
                        <tr>
                            <td class="px-6 py-4">
                                <div class="font-medium text-gray-900">{{ r.company.name }}</div>
                                <div class="text-xs text-gray-500">{{ r.company.city ?: '—' }}</div>
                            </td>
                            <td class="px-6 py-4">
                                <div class="text-gray-900">{{ r.user.firstName }} {{ r.user.lastName }}</div>
                                <div class="text-xs text-gray-500">{{ r.user.email }}{% if r.user.phone %} · {{ r.user.phone }}{% endif %}</div>
                            </td>
                            <td class="px-6 py-4">
                                {% set offerLabels = {'pos': 'App seule', 'ecommerce': 'App + Site', 'premium': 'Premium'} %}
                                {% set offerStyle = {'pos': 'bg-gray-100 text-gray-700', 'ecommerce': 'bg-teal-100 text-teal-800', 'premium': 'bg-indigo-100 text-indigo-800'} %}
                                <span class="rounded px-2 py-0.5 text-xs font-medium {{ offerStyle[r.offer] ?? 'bg-gray-100 text-gray-700' }}">{{ offerLabels[r.offer] ?? r.offer }}</span>
                            </td>
                            <td class="px-6 py-4 text-gray-600">
                                {{ r.referralCode ? r.referralCode.code : '—' }}
                            </td>
                            <td class="px-6 py-4 text-gray-600">{{ r.createdAt|date('d/m/Y H:i') }}</td>
                            <td class="px-6 py-4">
                                {% set badge = {
                                    'pending': 'bg-yellow-100 text-yellow-800',
                                    'approved': 'bg-green-100 text-green-800',
                                    'rejected': 'bg-red-100 text-red-800'
                                } %}
                                <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium {{ badge[st.value] }}">{{ st.label }}</span>
                            </td>
                            <td class="px-6 py-4 text-right">
                                {% if r.status.value == 'pending' %}
                                    <div class="flex justify-end gap-2">
                                        <form method="post" action="{{ path('admin_registrations_approve', {id: r.id}) }}" onsubmit="return confirm('Valider la boutique « {{ r.company.name|e('js') }} » et émettre sa licence ?');">
                                            <input type="hidden" name="_token" value="{{ csrf_token('approve_registration_' ~ r.id) }}">
                                            <button type="submit" class="rounded-lg bg-teal-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-teal-700">Valider</button>
                                        </form>
                                        <form method="post" action="{{ path('admin_registrations_reject', {id: r.id}) }}" onsubmit="return confirm('Refuser cette demande ?');">
                                            <input type="hidden" name="_token" value="{{ csrf_token('reject_registration_' ~ r.id) }}">
                                            <button type="submit" class="rounded-lg border border-red-300 px-3 py-1.5 text-xs font-semibold text-red-700 hover:bg-red-50">Refuser</button>
                                        </form>
                                    </div>
                                {% else %}
                                    <span class="text-xs text-gray-400">
                                        {{ r.reviewedAt ? r.reviewedAt|date('d/m/Y') : '' }}
                                    </span>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endif %}
{% endblock %}