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

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

{% block app_content %}
    <h1 class="font-display text-2xl text-pepite-ink">Accueil</h1>
    <p class="mt-1 font-structure text-sm text-pepite-ink/60">
        Portail de sourcing : les produits recherchés partent vers les sourceurs, leurs propositions reviennent ici.
        Une proposition acceptée n'est ni une commande ni un engagement (DEC-R-160).
    </p>

    <div class="mt-8 grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
        <div class="rounded-md border border-gray-200 bg-white p-4">
            <p class="font-structure text-xs uppercase tracking-wide text-pepite-ink/50">Propositions à traiter</p>
            <p class="mt-1 font-display text-3xl text-pepite-ink" data-role="pending-proposals">{{ overview.pending|length }}</p>
        </div>
        <div class="rounded-md border border-gray-200 bg-white p-4">
            <p class="font-structure text-xs uppercase tracking-wide text-pepite-ink/50">Ajustements en attente de réponse</p>
            <p class="mt-1 font-display text-3xl text-pepite-ink" data-role="awaiting-sourcer">{{ overview.awaitingSourcer|length }}</p>
        </div>
        <a href="{{ path('app_admin_requests') }}" class="rounded-md border border-gray-200 bg-white p-4 hover:border-pepite-navy">
            <p class="font-structure text-xs uppercase tracking-wide text-pepite-ink/50">Demandes ouvertes</p>
            <p class="mt-1 font-display text-3xl text-pepite-ink" data-role="open-requests">{{ openRequests }}</p>
        </a>
        {% block admin_home_tiles %}{% endblock %}
        <a href="{{ path('app_admin_sourcers') }}" class="rounded-md border border-gray-200 bg-white p-4 hover:border-pepite-navy">
            <p class="font-structure text-xs uppercase tracking-wide text-pepite-ink/50">Sourceurs actifs</p>
            <p class="mt-1 font-display text-3xl text-pepite-ink">{{ activeSourcers }}</p>
        </a>
    </div>

    <div class="mt-8 grid gap-6 xl:grid-cols-2">
        <section data-role="to-review" class="rounded-md border border-gray-200 bg-white p-4">
            <h2 class="font-structure text-sm font-semibold text-pepite-ink">À traiter</h2>
            {% if overview.pending is empty %}
                <p class="mt-2 text-sm text-pepite-ink/60">Aucune proposition à traiter.</p>
            {% else %}
                <ul class="mt-2 divide-y divide-gray-100">
                    {% for proposal in overview.pending %}
                        {% set latest = proposal.latestVersion %}
                        <li class="py-2 text-sm">
                            <a href="{{ path('app_admin_proposal_show', { id: proposal.id }) }}" class="font-medium text-pepite-navy hover:underline">{{ proposal.sourcer.name }}</a>
                            <span class="text-pepite-ink/60">· {{ proposal.request.externalReference }} · {{ proposal.request.title }}</span>
                            {% if latest %}<span class="block text-xs text-pepite-ink/50">version {{ latest.number }}, envoyée le {{ latest.submittedAt|date('d/m/Y') }}</span>{% endif %}
                        </li>
                    {% endfor %}
                </ul>
            {% endif %}
        </section>

        <section data-role="recent-decisions" class="rounded-md border border-gray-200 bg-white p-4">
            <h2 class="font-structure text-sm font-semibold text-pepite-ink">Dernières décisions</h2>
            {% if overview.recentDecisions is empty %}
                <p class="mt-2 text-sm text-pepite-ink/60">Aucune décision pour l'instant.</p>
            {% else %}
                <ul class="mt-2 divide-y divide-gray-100">
                    {% for decision in overview.recentDecisions %}
                        {% set decided = decision.version.proposal %}
                        <li class="py-2 text-sm">
                            <span class="font-medium text-pepite-ink">{{ decision.kind.label }}</span>
                            <a href="{{ path('app_admin_proposal_show', { id: decided.id }) }}" class="text-pepite-navy hover:underline">{{ decided.sourcer.name }}</a>
                            <span class="text-pepite-ink/60">· {{ decided.request.externalReference }}</span>
                            <span class="block text-xs text-pepite-ink/50">{{ decision.decidedAt|date('d/m/Y H:i') }} · {{ decision.decidedBy.firstName }} {{ decision.decidedBy.lastName }}</span>
                        </li>
                    {% endfor %}
                </ul>
            {% endif %}
        </section>
    </div>
{% endblock %}