{% extends 'layout/app.html.twig' %}

{% block title %}Sourceurs - Portail{% endblock %}
{% block breadcrumb %}Sourceurs{% endblock %}

{% block app_content %}
    <div class="flex flex-wrap items-center justify-between gap-3">
        <div>
            <h1 class="font-display text-2xl text-pepite-ink">Sourceurs</h1>
            <p class="mt-1 font-structure text-sm text-pepite-ink/60">Les organisations partenaires qui reçoivent nos demandes. Chacune ne voit que ce qui lui est adressé.</p>
        </div>
        <a href="{{ path('app_admin_sourcer_new') }}" class="rounded-md bg-pepite-navy px-4 py-2 font-structure text-sm font-medium text-white hover:bg-pepite-navy-light">Nouveau sourceur</a>
    </div>

    {% if sourcers is empty %}
        <div class="mt-8 rounded-md border border-dashed border-gray-300 bg-white px-6 py-10 text-center text-sm text-pepite-ink/60">Aucun sourceur pour le moment.</div>
    {% else %}
        <div class="mt-6 overflow-x-auto rounded-md border border-gray-200 bg-white">
            <table class="min-w-full text-sm">
                <thead class="bg-pepite-soft font-structure text-xs uppercase tracking-wide text-pepite-ink/60">
                    <tr>
                        <th class="px-4 py-2 text-left">Organisation</th>
                        <th class="px-4 py-2 text-left">Pays</th>
                        <th class="px-4 py-2 text-left">Contact</th>
                        <th class="px-4 py-2 text-left">Langue</th>
                        <th class="px-4 py-2 text-left">État</th>
                        <th class="px-4 py-2"></th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100">
                    {% for sourcer in sourcers %}
                        {% set contact = sourcer.users|first %}
                        <tr class="{{ sourcer.active ? '' : 'text-pepite-ink/40' }}">
                            <td class="px-4 py-2 font-medium text-pepite-ink">{{ sourcer.name }}</td>
                            <td class="px-4 py-2">{{ sourcer.country ?? '—' }}</td>
                            <td class="px-4 py-2">{% if contact %}{{ contact.firstName }} {{ contact.lastName }} <span class="text-pepite-ink/50">· {{ contact.email }}</span>{% else %}—{% endif %}</td>
                            <td class="px-4 py-2">{{ contact ? ('lang.' ~ contact.locale)|trans : '—' }}</td>
                            <td class="px-4 py-2">
                                <span class="rounded-full px-2 py-0.5 font-structure text-xs font-semibold {{ sourcer.active ? 'bg-emerald-100 text-emerald-800' : 'bg-gray-200 text-gray-700' }}">{{ sourcer.active ? 'Actif' : 'Désactivé' }}</span>
                            </td>
                            <td class="px-4 py-2 text-right"><a href="{{ path('app_admin_sourcer_edit', { id: sourcer.id }) }}" class="text-pepite-navy hover:underline">Modifier</a></td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
{% endblock %}