{# Fiche produit d'une demande, partagée par l'écran admin et l'écran sourceur. Reprend la structure de
   la fiche sourceur du Radar (radar/templates/candidate/sourcing_sheet.html.twig) : le produit RECHERCHÉ
   et l'exemple SIMILAIRE restent séparés. Attend `sheet` (App\Entity\Request).

   Rien d'interne ici : ni sourceurs assignés, ni trace d'import, ni notes — ce partiel est vu par le
   sourceur. Les liens viennent du fichier importé : seul safe_url() décide s'ils sont cliquables. #}

{% macro money(amount) %}{% set fr = app.request.locale == 'fr' %}{{ amount|number_format(2, fr ? ',' : '.', fr ? ' ' : ',') }}{% endmacro %}

{# Un prix ou une fourchette, avec sa devise — « à confirmer » quand on ne la connaît pas. #}
{% macro price(range) %}
    {%- import _self as m -%}
    {%- set currency = range.currency ?? ('price.currency_unknown'|trans({}, 'sourcing_sheet')) -%}
    {%- if range.max -%}
        {{- 'price.range'|trans({'%min%': m.money(range.min), '%max%': m.money(range.max), '%currency%': currency}, 'sourcing_sheet') -}}
    {%- else -%}
        {{- 'price.from'|trans({'%min%': m.money(range.min), '%currency%': currency}, 'sourcing_sheet') -}}
    {%- endif -%}
{% endmacro %}

{% import _self as m %}
{% set doc = 'sourcing_sheet' %}
{% set heading = 'border-b border-gray-200 pb-1 font-structure text-sm font-bold uppercase tracking-wide text-pepite-navy' %}
{% set subheading = 'mt-4 font-structure text-xs font-bold uppercase tracking-wide text-pepite-ink/50' %}

<article class="rounded-md border border-gray-200 bg-white px-5 py-6 sm:px-8" data-role="sheet">
    {% if sheet.need %}
        <p class="font-structure text-base text-pepite-ink/70">{{ 'need'|trans({'%need%': sheet.need}, doc) }}</p>
    {% endif %}

    <p class="mt-4 rounded-md border-l-4 border-pepite-gold bg-amber-50 px-4 py-3 text-sm text-pepite-ink">{{ 'ask'|trans({}, doc)|raw }}</p>

    {# ============ Produit recherché ============ #}
    <section class="mt-8">
        <h2 class="{{ heading }}">{{ 'section.product'|trans({}, doc) }}</h2>
        {% if sheet.photos is not empty %}
            <div class="mt-3 grid gap-3 sm:grid-cols-3">
                {% for photo in sheet.photos %}
                    <div class="flex items-center justify-center rounded-md border border-gray-200 bg-white p-2 {{ loop.first ? 'sm:col-span-2' : '' }}">
                        <img src="{{ path('app_request_photo', { id: sheet.id, photoId: photo.id }) }}"
                             alt="{{ loop.first ? 'photos.alt_main'|trans({'%name%': sheet.title}, doc) : 'photos.alt_other'|trans({}, doc) }}"
                             class="{{ loop.first ? 'max-h-80' : 'max-h-40' }} w-full object-contain" loading="lazy">
                    </div>
                {% endfor %}
            </div>
            <p class="mt-1 text-xs text-pepite-ink/50">{{ 'photos.caption'|trans({}, doc) }}</p>
        {% else %}
            <p class="mt-3 rounded-md bg-gray-50 px-4 py-6 text-center text-sm text-pepite-ink/60">{{ 'photos.none'|trans({}, doc) }}</p>
        {% endif %}

        {% if sheet.description or sheet.commercialReason or sheet.differences %}
            <div class="mt-4 space-y-2 text-sm leading-relaxed">
                {% if sheet.description %}<p><strong class="text-pepite-ink">{{ 'pitch.use'|trans({}, doc) }}</strong> {{ sheet.description }}</p>{% endif %}
                {% if sheet.commercialReason %}<p><strong class="text-pepite-ink">{{ 'pitch.why'|trans({}, doc) }}</strong> {{ sheet.commercialReason }}</p>{% endif %}
                {% if sheet.differences %}<p><strong class="text-pepite-ink">{{ 'pitch.diff'|trans({}, doc) }}</strong> {{ sheet.differences }}</p>{% endif %}
            </div>
        {% endif %}
    </section>

    {# ============ Ce que nous savons ============ #}
    {% if sheet.specs or sheet.variants or sheet.priceLadder or sheet.observedPrice or sheet.observedMoq or sheet.certifications %}
        <section class="mt-8">
            <h2 class="{{ heading }}">{{ 'section.known'|trans({}, doc) }}</h2>
            <p class="mt-1 text-xs text-pepite-ink/50">{{ 'known.note'|trans({}, doc) }}</p>

            {% if sheet.specs %}
                <table class="mt-3 w-full text-sm">
                    <tbody>
                        {% for spec in sheet.specs %}
                            <tr class="border-b border-gray-100">
                                <th class="w-2/5 py-1 pr-3 text-left font-normal text-pepite-ink/60">{{ spec.label }}</th>
                                <td class="py-1 font-medium text-pepite-ink">{{ spec.value }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% endif %}

            {% if sheet.variants %}
                <h3 class="{{ subheading }}">{{ 'known.variants'|trans({}, doc) }}</h3>
                <ul class="mt-1 text-sm">
                    {% for variant in sheet.variants %}<li><span class="text-pepite-ink/60">{{ variant.label }}{{ 'colon'|trans({}, doc) }}</span> <span class="font-medium">{{ variant.values }}</span></li>{% endfor %}
                </ul>
            {% endif %}

            {% if sheet.priceLadder or sheet.observedPrice or sheet.observedMoq %}
                <h3 class="{{ subheading }}">{{ 'known.prices'|trans({}, doc) }}</h3>
                <ul class="mt-1 text-sm">
                    {% if sheet.observedPrice %}<li><span class="text-pepite-ink/60">{{ 'known.price_seen'|trans({}, doc) }}</span> <span class="font-medium">{{ m.price(sheet.observedPrice) }}</span></li>{% endif %}
                    {% if sheet.observedMoq %}<li><span class="text-pepite-ink/60">{{ 'known.moq_seen'|trans({}, doc) }}</span> <span class="font-medium">{{ 'known.units'|trans({'%count%': sheet.observedMoq}, doc) }}</span></li>{% endif %}
                    {% for step in sheet.priceLadder %}
                        <li>
                            <span class="text-pepite-ink/60">
                                {%- if step.from is null -%}{{ 'ladder.unspecified'|trans({}, doc) }}
                                {%- elseif step.to is null -%}{{ 'ladder.open'|trans({'%from%': step.from}, doc) }}
                                {%- else -%}{{ 'ladder.range'|trans({'%from%': step.from, '%to%': step.to}, doc) }}{%- endif %}{{ 'colon'|trans({}, doc) }}</span>
                            <span class="font-medium">{{ m.money(step.price) }} {{ step.currency ?? ('price.currency_unknown'|trans({}, doc)) }}</span>
                        </li>
                    {% endfor %}
                </ul>
            {% endif %}

            {% if sheet.certifications %}
                <h3 class="{{ subheading }}">{{ 'known.certs'|trans({}, doc) }}</h3>
                <p class="mt-1 text-sm">{{ sheet.certifications|join(' · ') }}</p>
            {% endif %}
        </section>
    {% endif %}

    {# ============ Où le produit a été vu ============ #}
    {% if sheet.sourcesSeen %}
        <section class="mt-8">
            <h2 class="{{ heading }}">{{ 'section.seen'|trans({}, doc) }}</h2>
            <ul class="mt-2 space-y-1 text-sm">
                {% for source in sheet.sourcesSeen %}
                    {% set link = safe_url(source.url) %}
                    <li>
                        <span class="font-medium">{{ source.label }}</span> —
                        {% if link %}<a href="{{ link }}" target="_blank" rel="noopener noreferrer nofollow" class="break-all text-blue-700 underline">{{ link }}</a>
                        {% else %}<span class="break-all text-pepite-ink/70">{{ source.url }}</span>{% endif %}
                    </li>
                {% endfor %}
            </ul>
        </section>
    {% endif %}

    {# ============ Exemple similaire : illustration, jamais une référence à commander ============ #}
    {% if sheet.similarExample %}
        {% set example = sheet.similarExample %}
        {% set exampleLink = safe_url(example.url) %}
        {% set exampleImage = safe_url(example.image) %}
        <section class="mt-8">
            <h2 class="{{ heading }}">{{ 'section.example'|trans({}, doc) }}</h2>
            <p class="mt-2 rounded-md bg-gray-50 px-3 py-2 text-xs text-pepite-ink/70">{{ 'example.note'|trans({}, doc)|raw }}</p>
            <div class="mt-3 flex gap-4">
                {% if exampleImage %}
                    <div class="flex h-32 w-32 flex-shrink-0 items-center justify-center rounded-md border border-gray-200 bg-white p-1">
                        <img src="{{ exampleImage }}" alt="{{ 'example.alt'|trans({}, doc) }}" class="max-h-full max-w-full object-contain" loading="lazy" referrerpolicy="no-referrer">
                    </div>
                {% endif %}
                <div class="min-w-0 text-sm">
                    <p class="font-medium text-pepite-ink">{{ example.title }}</p>
                    {% if exampleLink %}<p class="mt-0.5"><a href="{{ exampleLink }}" target="_blank" rel="noopener noreferrer nofollow" class="break-all text-blue-700 underline">{{ exampleLink }}</a></p>
                    {% elseif example.url %}<p class="mt-0.5 break-all text-pepite-ink/70">{{ example.url }}</p>{% endif %}
                    <p class="mt-1 text-pepite-ink/60">
                        {%- set parts = [] -%}
                        {%- if example.price %}{% set parts = parts|merge(['example.price_seen'|trans({'%price%': m.price(example.price)}, doc)]) %}{% endif -%}
                        {%- if example.moq %}{% set parts = parts|merge(['example.moq'|trans({'%count%': example.moq}, doc)]) %}{% endif -%}
                        {%- if example.country %}{% set parts = parts|merge([example.country]) %}{% endif -%}
                        {{ parts|join(' · ') }}
                    </p>
                </div>
            </div>
        </section>
    {% endif %}

    {# ============ Ce qu'on ne sait pas encore ============ #}
    {% if sheet.openQuestions or sheet.unknownPoints %}
        <section class="mt-8" data-role="questions">
            <h2 class="{{ heading }}">{{ 'section.unknown'|trans({}, doc) }}</h2>
            <p class="mt-1 text-xs text-pepite-ink/50">{{ 'unknown.intro'|trans({}, doc) }}</p>
            {% if sheet.unknownPoints %}<p class="mt-2 text-sm"><strong>{{ 'unknown.to_confirm'|trans({}, doc) }}</strong> {{ sheet.unknownPoints }}</p>{% endif %}
            {% if sheet.openQuestions %}
                <ol class="mt-2 list-decimal space-y-1 pl-5 text-sm">
                    {% for key in sheet.openQuestions %}
                        {% set text = sheet_question_text(key) %}
                        <li><strong>{{ sheet_question_topic(key) }}{% if text %}{{ 'topic_sep'|trans({}, doc) }}{% endif %}</strong> {{ text }}</li>
                    {% endfor %}
                </ol>
            {% endif %}
        </section>
    {% endif %}

    {# ============ Ce qu'on attend ============ #}
    {% if sheet.expected %}
        <section class="mt-8">
            <h2 class="{{ heading }}">{{ 'section.expected'|trans({}, doc) }}</h2>
            <ul class="mt-2 space-y-1 text-sm">
                {% for key in sheet.expected %}
                    <li class="flex gap-2"><span aria-hidden="true">☐</span><span>{{ sheet_expected(key) }}</span></li>
                {% endfor %}
            </ul>
        </section>
    {% endif %}
</article>