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

{% block title %}{{ sourcer.name }} - Sourceurs - Portail{% endblock %}
{% block breadcrumb %}<a href="{{ path('app_admin_sourcers') }}" class="hover:underline">Sourceurs</a> / {{ sourcer.name }}{% endblock %}

{% block app_content %}
    <div class="flex flex-wrap items-center gap-3">
        <h1 class="font-display text-2xl text-pepite-ink">{{ sourcer.name }}</h1>
        <span class="rounded-full px-2.5 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>
    </div>
    <p class="mt-1 font-mono text-[11px] text-pepite-ink/30">créé le {{ sourcer.createdAt|date('d/m/Y') }} · modifié le {{ sourcer.updatedAt|date('d/m/Y H:i') }}</p>

    <form method="post" action="{{ path('app_admin_sourcer_edit', { id: sourcer.id }) }}" class="mt-6 max-w-3xl">
        <input type="hidden" name="_csrf_token" value="{{ csrf_token('sourcer_edit_' ~ sourcer.id) }}">
        {% include 'admin/sourcer/_form_fields.html.twig' with { password_label: 'Nouveau mot de passe (laisser vide pour ne pas changer)', password_required: false } %}
        <div class="mt-4 flex gap-3">
            <button type="submit" class="rounded-md bg-pepite-navy px-4 py-2 font-structure text-sm font-medium text-white hover:bg-pepite-navy-light">Enregistrer</button>
            <a href="{{ path('app_admin_sourcers') }}" class="rounded-md px-4 py-2 font-structure text-sm text-pepite-ink/60 hover:underline">Retour</a>
        </div>
    </form>

    <form method="post" action="{{ path('app_admin_sourcer_toggle', { id: sourcer.id }) }}" class="mt-8 max-w-3xl rounded-md border border-gray-200 bg-white p-4"
          data-confirm="{{ sourcer.active ? 'Désactiver ce sourceur ? Ses contacts ne pourront plus se connecter. Ses données restent.' : 'Réactiver ce sourceur ?' }}">
        <input type="hidden" name="_csrf_token" value="{{ csrf_token('sourcer_toggle_' ~ sourcer.id) }}">
        <p class="text-sm text-pepite-ink/70">
            {% if sourcer.active %}Désactiver : ses contacts ne peuvent plus se connecter ; demandes et propositions déjà enregistrées restent consultables par l'équipe.{% else %}Réactiver : ses contacts peuvent de nouveau se connecter.{% endif %}
        </p>
        <button type="submit" class="mt-3 rounded-md border px-4 py-2 font-structure text-sm font-medium {{ sourcer.active ? 'border-red-300 text-red-700 hover:bg-red-50' : 'border-emerald-300 text-emerald-800 hover:bg-emerald-50' }}">
            {{ sourcer.active ? 'Désactiver' : 'Réactiver' }}
        </button>
    </form>
{% endblock %}