{# Une version de proposition, partagée par l'écran sourceur et l'écran de l'équipe. Attend `version`
   (App\Entity\ProposalVersion) et `changes` (résultat de proposal_diff(version), ou {} pour ne rien
   surligner). Un champ non renseigné s'écrit « à confirmer », jamais 0 ni vide.

   Rien d'interne ici : ni nom de l'équipe, ni autre sourceur — ce partiel est vu par le sourceur. #}
{% set questions = version.proposal.request.openQuestions %}
{% set answers = version.answers %}
{# Réponses à des questions qui ne sont plus dans la demande : affichées quand même, rien n'est caché. #}
{% set extra = answers|keys|filter(key => key not in questions) %}

<dl class="grid gap-x-6 gap-y-3 sm:grid-cols-2">
    {% for field, raw in version.values %}
        {% set changed = changes[field] is defined %}
        <div data-field="{{ field }}" class="rounded-md px-2 py-1 {{ changed ? 'bg-amber-50 ring-1 ring-amber-200' : '' }} {{ field in ['packing', 'packaging', 'standards', 'notes'] ? 'sm:col-span-2' : '' }}">
            <dt class="text-xs text-pepite-ink/50">{{ ('proposal.field.' ~ field)|trans }}</dt>
            <dd class="whitespace-pre-line text-sm {{ raw is null ? 'italic text-pepite-ink/40' : 'font-medium text-pepite-ink' }}">{{ proposal_value(field, raw) }}</dd>
            {% if changed %}
                <p data-role="before" class="mt-0.5 text-xs text-amber-900">{{ 'proposal.before'|trans({'%value%': proposal_value(field, changes[field].before)}) }}</p>
            {% endif %}
        </div>
    {% endfor %}
</dl>

{% if questions is not empty or extra is not empty %}
    <h3 class="mt-6 font-structure text-xs font-bold uppercase tracking-wide text-pepite-ink/50">{{ 'proposal.answers'|trans }}</h3>
    <dl class="mt-2 space-y-2">
        {% for key in questions|merge(extra) %}
            {% set field = 'answers.' ~ key %}
            {% set changed = changes[field] is defined %}
            <div data-field="{{ field }}" class="rounded-md px-2 py-1 {{ changed ? 'bg-amber-50 ring-1 ring-amber-200' : '' }}">
                <dt class="text-xs text-pepite-ink/50">{{ sheet_question_topic(key) }}</dt>
                <dd class="whitespace-pre-line text-sm {{ answers[key] is defined ? 'font-medium text-pepite-ink' : 'italic text-pepite-ink/40' }}">{{ proposal_value(field, answers[key] ?? null) }}</dd>
                {% if changed %}
                    <p data-role="before" class="mt-0.5 text-xs text-amber-900">{{ 'proposal.before'|trans({'%value%': proposal_value(field, changes[field].before)}) }}</p>
                {% endif %}
            </div>
        {% endfor %}
    </dl>
{% endif %}

<h3 class="mt-6 font-structure text-xs font-bold uppercase tracking-wide text-pepite-ink/50">{{ 'proposal.attachments'|trans }}</h3>
<div data-role="attachments" class="mt-2">
    {% if version.attachments is empty %}
        <p class="text-sm italic text-pepite-ink/40">{{ 'proposal.no_attachment'|trans }}</p>
    {% else %}
        {% set photos = version.attachments|filter(a => a.photo) %}
        {% set documents = version.attachments|filter(a => not a.photo) %}
        {% if photos is not empty %}
            <div class="flex flex-wrap gap-2">
                {% for attachment in photos %}
                    {% set url = path('app_proposal_attachment', { id: version.proposal.id, attachmentId: attachment.id }) %}
                    <a href="{{ url }}" target="_blank" rel="noopener" class="flex h-28 w-28 items-center justify-center rounded border border-gray-200 bg-white p-1">
                        <img src="{{ url }}" alt="{{ attachment.originalName }}" class="h-full w-full object-contain" loading="lazy">
                    </a>
                {% endfor %}
            </div>
        {% endif %}
        {% if documents is not empty %}
            <ul class="mt-2 space-y-1 text-sm">
                {% for attachment in documents %}
                    <li>
                        <a href="{{ path('app_proposal_attachment', { id: version.proposal.id, attachmentId: attachment.id }) }}" class="text-pepite-navy underline">{{ attachment.originalName }}</a>
                        <span class="text-xs text-pepite-ink/50">· {{ file_size(attachment.sizeBytes) }} · {{ 'proposal.download'|trans }}</span>
                    </li>
                {% endfor %}
            </ul>
        {% endif %}
    {% endif %}
</div>