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

{% block title %}{{ sourcingRequest.title }} - Demandes - Portail{% endblock %}
{% block breadcrumb %}<a href="{{ path('app_admin_requests') }}" class="hover:underline">Demandes</a> / {{ sourcingRequest.externalReference }}{% endblock %}

{% block app_content %}
    {% if app.environment in ['dev', 'test'] and sourcingRequest.open %}<a href="{{ path('app_contacts_new', {request: sourcingRequest.id}) }}" class="mb-5 inline-flex rounded-md bg-pepite-navy px-4 py-2 text-sm text-white">Préparer une consultation fournisseur</a>{% endif %}
    <div class="flex flex-wrap items-center gap-3">
        <h1 class="font-display text-2xl text-pepite-ink">{{ sourcingRequest.title }}</h1>
        <span class="rounded-full px-2.5 py-0.5 font-structure text-xs font-semibold {{ sourcingRequest.open ? 'bg-emerald-100 text-emerald-800' : 'bg-gray-200 text-gray-700' }}">{{ sourcingRequest.status.label }}</span>
    </div>
    <p class="mt-1 font-structure text-sm text-pepite-ink/60">Référence {{ sourcingRequest.externalReference }}</p>
    <p class="mt-1 font-mono text-[11px] text-pepite-ink/30">
        importée le {{ sourcingRequest.importedAt|date('d/m/Y H:i') }} par {{ sourcingRequest.importedBy.firstName }} {{ sourcingRequest.importedBy.lastName }}
        {% if sourcingRequest.closedAt %} · clôturée le {{ sourcingRequest.closedAt|date('d/m/Y H:i') }}{% if sourcingRequest.closedBy %} par {{ sourcingRequest.closedBy.firstName }} {{ sourcingRequest.closedBy.lastName }}{% endif %}{% endif %}
    </p>

    <div class="mt-6 grid gap-6 xl:grid-cols-3">
        <div class="space-y-6 xl:col-span-2">
            {# Comparatif : une colonne par sourceur, sa dernière version. Des faits côte à côte, sans
               classement ni score — le choix reste humain (DEC-R-160). #}
            {% set compared = sourcingRequest.assignments|filter(a => a.active or a.proposal)|sort((a, b) => a.sourcer.name <=> b.sourcer.name) %}
            {% if compared is not empty %}
                <section data-role="comparison" class="overflow-x-auto rounded-md border border-gray-200 bg-white">
                    <h2 class="px-4 pt-4 font-structure text-sm font-semibold text-pepite-ink">Propositions reçues</h2>
                    <p class="px-4 text-xs text-pepite-ink/50">Dernière version de chaque sourceur. Aucun d'eux ne voit les autres.</p>
                    <table class="mt-3 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"></th>
                                {% for assignment in compared %}
                                    <th class="px-4 py-2 text-left">{{ assignment.sourcer.name }}{% if not assignment.active %} <span class="normal-case text-red-700">(retiré)</span>{% endif %}</th>
                                {% endfor %}
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-gray-100">
                            <tr data-field="state">
                                <th class="px-4 py-2 text-left font-normal text-pepite-ink/60">État</th>
                                {% for assignment in compared %}
                                    <td class="px-4 py-2">
                                        {% if assignment.proposal %}{% include 'proposal/_state.html.twig' with { state: assignment.proposal.state, audience: 'team' } only %}
                                        {% else %}<span class="text-pepite-ink/40">Aucune proposition</span>{% endif %}
                                    </td>
                                {% endfor %}
                            </tr>
                            <tr data-field="version">
                                <th class="px-4 py-2 text-left font-normal text-pepite-ink/60">Version</th>
                                {% for assignment in compared %}
                                    {% set version = assignment.proposal ? assignment.proposal.latestVersion : null %}
                                    <td class="px-4 py-2">{% if version %}Version {{ version.number }}{% else %}<span class="text-pepite-ink/40">—</span>{% endif %}</td>
                                {% endfor %}
                            </tr>
                            {% for field, label in { unitPrice: 'Prix unitaire', moq: 'Quantité minimale', leadTimeDays: 'Délai de production', incoterm: 'Incoterm' } %}
                                <tr data-field="{{ field }}">
                                    <th class="px-4 py-2 text-left font-normal text-pepite-ink/60">{{ label }}</th>
                                    {% for assignment in compared %}
                                        {% set version = assignment.proposal ? assignment.proposal.latestVersion : null %}
                                        <td class="px-4 py-2">
                                            {% if not version %}<span class="text-pepite-ink/40">—</span>
                                            {% else %}
                                                {% set raw = version.values[field] %}
                                                <span class="{{ raw is null ? 'italic text-pepite-ink/40' : 'font-medium text-pepite-ink' }}">{{ proposal_value(field, raw) }}{% if field == 'unitPrice' and raw is not null %} {{ version.currency ?? '(devise à confirmer)' }}{% endif %}</span>
                                            {% endif %}
                                        </td>
                                    {% endfor %}
                                </tr>
                            {% endfor %}
                            <tr data-field="link">
                                <th class="px-4 py-2"></th>
                                {% for assignment in compared %}
                                    <td class="px-4 py-2">{% if assignment.proposal %}<a href="{{ path('app_admin_proposal_show', { id: assignment.proposal.id }) }}" class="text-pepite-navy hover:underline">Ouvrir</a>{% endif %}</td>
                                {% endfor %}
                            </tr>
                        </tbody>
                    </table>
                </section>
            {% endif %}

            {% include 'request/_sheet.html.twig' with { sheet: sourcingRequest } only %}
        </div>

        <div class="space-y-4">
            <section class="rounded-md border border-gray-200 bg-white p-4">
                <h2 class="font-structure text-sm font-semibold text-pepite-ink">Sourceurs</h2>
                {% if sourcingRequest.open %}
                    <p class="mt-1 text-xs text-pepite-ink/50">Coche ceux qui doivent voir cette demande. Aucun ne voit le nom des autres. Adresser une demande n'est ni une commande ni un engagement.</p>
                    <form method="post" action="{{ path('app_admin_request_assign', { id: sourcingRequest.id }) }}" data-role="assignments" class="mt-3">
                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('request_assign_' ~ sourcingRequest.id) }}">
                        {# Proposés : les sourceurs actifs, plus ceux déjà assignés (même désactivés depuis, pour pouvoir les décocher). #}
                        {% set eligible = sourcers|filter(s => s.active or sourcingRequest.hasActiveAssignmentFor(s)) %}
                        {% for sourcer in eligible %}
                            <label class="flex items-center gap-2 py-1 text-sm">
                                <input type="checkbox" name="sourcers[]" value="{{ sourcer.id }}" {{ sourcingRequest.hasActiveAssignmentFor(sourcer) ? 'checked' : '' }}>
                                <span>{{ sourcer.name }}{% if sourcer.country %} <span class="text-pepite-ink/40">· {{ sourcer.country }}</span>{% endif %}{% if not sourcer.active %} <span class="text-red-700">· désactivé</span>{% endif %}</span>
                            </label>
                        {% endfor %}
                        {% if eligible is empty %}
                            <p class="text-sm text-pepite-ink/60">Aucun sourceur actif. <a href="{{ path('app_admin_sourcer_new') }}" class="text-pepite-navy hover:underline">Créer un sourceur</a></p>
                        {% else %}
                            <button type="submit" class="mt-3 rounded-md bg-pepite-navy px-4 py-2 font-structure text-sm font-medium text-white hover:bg-pepite-navy-light">Enregistrer les sourceurs</button>
                        {% endif %}
                    </form>
                {% else %}
                    {% set assigned = sourcingRequest.activeAssignments %}
                    <p class="mt-2 text-sm text-pepite-ink/70">
                        {% if assigned is empty %}Aucun sourceur n'était assigné.{% else %}Étaient assignés : {{ assigned|map(a => a.sourcer.name)|join(', ') }}.{% endif %}
                    </p>
                {% endif %}
            </section>

            {% if sourcingRequest.open %}
                <form method="post" action="{{ path('app_admin_request_close', { id: sourcingRequest.id }) }}" class="rounded-md border border-gray-200 bg-white p-4"
                      data-confirm="Clôturer cette demande ? Les sourceurs ne la verront plus et ne pourront plus y répondre. Rien n'est effacé.">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('request_close_' ~ sourcingRequest.id) }}">
                    <p class="text-sm text-pepite-ink/70">Clôturer : la demande sort de la liste des sourceurs. Elle reste consultable ici.</p>
                    <button type="submit" class="mt-3 rounded-md border border-red-300 px-4 py-2 font-structure text-sm font-medium text-red-700 hover:bg-red-50">Clôturer la demande</button>
                </form>
            {% endif %}
        </div>
    </div>
{% endblock %}