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

{% set sourcingRequest = proposal.request %}
{% set latest = proposal.latestVersion %}

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

{% block app_content %}
    {% set input = 'mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 text-sm text-pepite-ink' %}

    <p class="font-structure text-xs text-pepite-ink/50">Proposition pour <a href="{{ path('app_admin_request_show', { id: sourcingRequest.id }) }}" class="hover:underline">{{ sourcingRequest.externalReference }} · {{ sourcingRequest.title }}</a></p>
    <div class="mt-0.5 flex flex-wrap items-center gap-3">
        <h1 class="font-display text-2xl text-pepite-ink">{{ proposal.sourcer.name }}</h1>
        {% include 'proposal/_state.html.twig' with { state: proposal.state, audience: 'team' } only %}
    </div>
    {% if not sourcingRequest.open or not proposal.assignment.active %}
        <p class="mt-1 text-sm text-pepite-ink/60">
            {% if not sourcingRequest.open %}Demande clôturée.{% else %}Assignation retirée.{% endif %}
            Le sourceur ne peut plus soumettre de version ; il garde sa proposition en lecture seule.
        </p>
    {% endif %}

    <div class="mt-6 grid gap-6 xl:grid-cols-3">
        <div class="space-y-4 xl:col-span-2">
            {% if latest %}
                <section data-role="current-version" class="rounded-md border border-gray-200 bg-white p-5">
                    <h2 class="font-structure text-sm font-semibold text-pepite-ink">Version {{ latest.number }}
                        <span class="font-normal text-pepite-ink/50">· dernière version · envoyée le {{ latest.submittedAt|date('d/m/Y H:i') }} par {{ latest.submittedBy.firstName }} {{ latest.submittedBy.lastName }}</span></h2>
                    {% if latest.number > 1 %}<p class="mt-1 text-xs text-amber-900">Surligné : ce qui a changé depuis la version {{ latest.number - 1 }}.</p>{% endif %}
                    <div class="mt-4">
                        {% include 'proposal/_version.html.twig' with { version: latest, changes: proposal_diff(latest) } only %}
                    </div>
                </section>
            {% endif %}

            {% if proposal.versions|length > 1 %}
                <section data-role="previous-versions" class="rounded-md border border-gray-200 bg-white p-5">
                    <h2 class="font-structure text-sm font-semibold text-pepite-ink">Versions précédentes</h2>
                    {% for version in proposal.versions|reverse %}
                        {% if version.number != latest.number %}
                            <details class="mt-3 border-t border-gray-100 pt-3">
                                <summary class="cursor-pointer text-sm font-medium text-pepite-navy">Version {{ version.number }} <span class="font-normal text-pepite-ink/50">· envoyée le {{ version.submittedAt|date('d/m/Y H:i') }}</span></summary>
                                <div class="mt-3">
                                    {% include 'proposal/_version.html.twig' with { version: version, changes: proposal_diff(version) } only %}
                                </div>
                            </details>
                        {% endif %}
                    {% endfor %}
                </section>
            {% endif %}
        </div>

        <div class="space-y-4">
            {% if available is not empty and latest %}
                <section class="rounded-md border border-gray-200 bg-white p-4">
                    <h2 class="font-structure text-sm font-semibold text-pepite-ink">Décider</h2>
                    <p class="mt-1 text-xs text-pepite-ink/50">La décision porte sur la version {{ latest.number }}. Elle est enregistrée telle quelle et ne se modifie pas.</p>

                    {% if 'adjustment_requested' in available %}
                        <form method="post" action="{{ path('app_admin_proposal_decide', { id: proposal.id }) }}" data-role="decision" data-kind="adjustment_requested" class="mt-4 border-t border-gray-100 pt-4">
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('proposal_decide_' ~ proposal.id) }}">
                            <input type="hidden" name="version" value="{{ latest.id }}">
                            <input type="hidden" name="decision" value="{{ latest.latestDecision ? latest.latestDecision.id : 0 }}">
                            <input type="hidden" name="kind" value="adjustment_requested">
                            <label class="block text-xs text-pepite-ink/60">Ce qu'il faut ajuster <span class="text-red-600">*</span>
                                <textarea name="comment" rows="3" required class="{{ input }}" placeholder="Le sourceur lira ce texte tel quel."></textarea>
                            </label>
                            <button type="submit" class="mt-2 rounded-md border border-orange-300 px-4 py-2 font-structure text-sm font-medium text-orange-900 hover:bg-orange-50">Demander un ajustement</button>
                        </form>
                    {% endif %}

                    {% if 'accepted' in available %}
                        <form method="post" action="{{ path('app_admin_proposal_decide', { id: proposal.id }) }}" data-role="decision" data-kind="accepted" class="mt-4 border-t border-gray-100 pt-4"
                              data-confirm="Accepter cette proposition ? Ce n'est ni une commande ni un engagement. Le fil sera figé.">
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('proposal_decide_' ~ proposal.id) }}">
                            <input type="hidden" name="version" value="{{ latest.id }}">
                            <input type="hidden" name="decision" value="{{ latest.latestDecision ? latest.latestDecision.id : 0 }}">
                            <input type="hidden" name="kind" value="accepted">
                            <p class="rounded-md border-l-4 border-pepite-gold bg-amber-50 px-3 py-2 text-sm text-pepite-ink">Accepter cette proposition n'est ni une commande ni un engagement, ni une entrée en assortiment.</p>
                            <label class="mt-2 block text-xs text-pepite-ink/60">Commentaire (facultatif)
                                <textarea name="comment" rows="2" class="{{ input }}" placeholder="Le sourceur lira ce texte tel quel."></textarea>
                                <span class="mt-1 block text-[11px] text-pepite-ink/50">Le sourceur lira ce texte tel quel : rien d'interne ici (marge, comparaison avec un autre sourceur).</span>
                            </label>
                            <button type="submit" class="mt-2 rounded-md bg-emerald-700 px-4 py-2 font-structure text-sm font-medium text-white hover:bg-emerald-800">Accepter</button>
                        </form>
                    {% endif %}

                    {% if 'rejected' in available %}
                        <form method="post" action="{{ path('app_admin_proposal_decide', { id: proposal.id }) }}" data-role="decision" data-kind="rejected" class="mt-4 border-t border-gray-100 pt-4"
                              data-confirm="Refuser cette proposition ? Le fil sera figé : le sourceur ne pourra plus soumettre de version.">
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('proposal_decide_' ~ proposal.id) }}">
                            <input type="hidden" name="version" value="{{ latest.id }}">
                            <input type="hidden" name="decision" value="{{ latest.latestDecision ? latest.latestDecision.id : 0 }}">
                            <input type="hidden" name="kind" value="rejected">
                            <label class="block text-xs text-pepite-ink/60">Pourquoi <span class="text-red-600">*</span>
                                <textarea name="comment" rows="2" required class="{{ input }}" placeholder="Le sourceur lira ce texte tel quel."></textarea>
                            </label>
                            <button type="submit" class="mt-2 rounded-md border border-red-300 px-4 py-2 font-structure text-sm font-medium text-red-700 hover:bg-red-50">Refuser</button>
                        </form>
                    {% endif %}
                </section>
            {% endif %}

            <section data-role="decisions" class="rounded-md border border-gray-200 bg-white p-4">
                <h2 class="font-structure text-sm font-semibold text-pepite-ink">Historique des décisions</h2>
                {% if proposal.decisions is empty %}
                    <p class="mt-2 text-sm italic text-pepite-ink/40">Aucune décision pour l'instant.</p>
                {% else %}
                    <ul class="mt-2 space-y-3">
                        {% for decision in proposal.decisions %}
                            <li class="border-l-2 border-gray-200 pl-3 text-sm">
                                <p class="font-medium text-pepite-ink">{{ decision.kind.label }} <span class="font-normal text-pepite-ink/50">· version {{ decision.version.number }}</span></p>
                                <p class="text-xs text-pepite-ink/50">{{ decision.decidedAt|date('d/m/Y H:i') }} · {{ decision.decidedBy.firstName }} {{ decision.decidedBy.lastName }}</p>
                                {% if decision.comment %}<p class="mt-0.5 whitespace-pre-line text-pepite-ink/80">{{ decision.comment }}</p>{% endif %}
                            </li>
                        {% endfor %}
                    </ul>
                {% endif %}
            </section>
        </div>
    </div>
{% endblock %}