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

{% set sourcingRequest = proposal.request %}
{% set latest = proposal.latestVersion %}
{% set state = proposal.state %}
{% set lastDecision = latest ? latest.latestDecision : null %}

{% block title %}{{ 'proposal.mine'|trans }} - {{ sourcingRequest.title }} - {{ 'app.portal'|trans }}{% endblock %}
{% block breadcrumb %}<a href="{{ path('app_home') }}" class="hover:underline">{{ 'request.back'|trans }}</a> / <a href="{{ path('app_request_show', { id: sourcingRequest.id }) }}" class="hover:underline">{{ sourcingRequest.externalReference }}</a> / {{ 'proposal.mine'|trans }}{% endblock %}

{% block app_content %}
    <p class="font-structure text-xs text-pepite-ink/50">{{ 'request.reference'|trans }} {{ sourcingRequest.externalReference }} · <a href="{{ path('app_request_show', { id: sourcingRequest.id }) }}" class="hover:underline">{{ 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.mine'|trans }}</h1>
        {% include 'proposal/_state.html.twig' with { state: state, audience: 'sourcer' } only %}
    </div>

    <div class="mt-4 max-w-4xl space-y-4">
        {% if state.value == 'accepted' %}
            <p class="rounded-md border-l-4 border-pepite-gold bg-amber-50 px-4 py-3 text-sm text-pepite-ink">{{ 'proposal.not_an_order'|trans }}</p>
        {% endif %}

        {% if lastDecision and lastDecision.kind.value == 'adjustment_requested' %}
            <div data-role="adjustment" class="rounded-md border-l-4 border-orange-400 bg-orange-50 px-4 py-3 text-sm text-pepite-ink">
                <p class="font-structure text-xs font-bold uppercase tracking-wide text-orange-900">{{ 'proposal.adjustment_title'|trans }}</p>
                <p class="mt-1 whitespace-pre-line">{{ lastDecision.comment }}</p>
            </div>
        {% endif %}

        {% if canSubmit %}
            <a href="{{ path('app_proposal_submit', { id: sourcingRequest.id }) }}" class="inline-block rounded-md bg-pepite-navy px-4 py-2 font-structure text-sm font-medium text-white hover:bg-pepite-navy-light">{{ 'proposal.submit_next'|trans }}</a>
        {% elseif not state.frozen %}
            <p class="rounded-md border border-gray-300 bg-white px-4 py-3 text-sm text-pepite-ink/70">{{ 'proposal.read_only'|trans }}</p>
        {% endif %}

        {% 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">{{ 'proposal.version'|trans({'%number%': latest.number}) }} <span class="font-normal text-pepite-ink/50">· {{ 'proposal.current'|trans }} · {{ 'proposal.submitted_on'|trans({'%date%': latest.submittedAt|date('date_format'|trans({}, 'sourcing_sheet'))}) }}</span></h2>
                <div class="mt-4">
                    {% include 'proposal/_version.html.twig' with { version: latest, changes: proposal_diff(latest) } only %}
                </div>
            </section>
        {% endif %}

        <section data-role="decisions" class="rounded-md border border-gray-200 bg-white p-5">
            <h2 class="font-structure text-sm font-semibold text-pepite-ink">{{ 'proposal.decisions'|trans }}</h2>
            {% if proposal.decisions is empty %}
                <p class="mt-2 text-sm italic text-pepite-ink/40">{{ 'proposal.no_decision'|trans }}</p>
            {% else %}
                <ul class="mt-2 space-y-3">
                    {# Le nom de la personne qui a décidé reste interne : le sourceur lit « PÉPITE ». #}
                    {% for decision in proposal.decisions %}
                        <li class="border-l-2 border-gray-200 pl-3 text-sm">
                            <p class="font-medium text-pepite-ink">{{ ('proposal.decision.' ~ decision.kind.value)|trans }}
                                <span class="font-normal text-pepite-ink/50">· {{ 'proposal.version'|trans({'%number%': decision.version.number}) }} · {{ decision.decidedAt|date('date_format'|trans({}, 'sourcing_sheet')) }}</span></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>

        {% 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">{{ 'proposal.previous_versions'|trans }}</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">{{ 'proposal.version'|trans({'%number%': version.number}) }} <span class="font-normal text-pepite-ink/50">· {{ 'proposal.submitted_on'|trans({'%date%': version.submittedAt|date('date_format'|trans({}, 'sourcing_sheet'))}) }}</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>
{% endblock %}