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

{% block title %}Realizacja #{{ fulfillment.id }} | Luminous{% endblock %}

{% block app_content %}
    {% include 'partials/_flash_messages.html.twig' %}
    {% set order = fulfillment.salesOrder %}
    {% set latestAttempt = fulfillment.dispatchAttempts|first %}
    <div class="ops-page fulfillment-detail">
        <section class="ops-hero">
            <div class="ops-hero__content">
                <span class="ops-kicker"><span class="ui-icon">precision_manufacturing</span>Realizacja / #{{ fulfillment.id }}</span>
                <h1>{{ fulfillment.provider ? fulfillment.provider.name : 'Dostawca' }}</h1>
                <p>Zamówienie {{ order.externalReference ?: order.externalId }} · {{ fulfillment.createdAt ? fulfillment.createdAt|date('d.m.Y H:i') : '—' }}</p>
                <div class="ops-meta-line">
                    <span>Status: {{ fulfillment.statusCode }}</span>
                    <span>Walidacja: {{ fulfillment.validationStatus }}</span>
                    <span>Tryb: {{ fulfillment.dispatchMode }}</span>
                </div>
                {% if fulfillment.duplicateOfFulfillment %}<div class="ops-note ops-note--warm"><span class="ui-icon">content_copy</span><p>Nowa realizacja utworzona jako duplikat audytowy realizacji <a href="{{ path('app_fulfillment_show', {id: fulfillment.duplicateOfFulfillment.id}) }}">#{{ fulfillment.duplicateOfFulfillment.id }}</a>.</p></div>{% endif %}
            </div>
            <div class="ops-hero__actions">
                {% if fulfillment.provider %}<a class="button button--ghost" href="{{ path('app_providers_logs', {provider: fulfillment.provider.id}) }}"><span class="ui-icon">receipt_long</span>Kolejka i logi</a>{% endif %}
                <a class="button button--ghost" href="{{ path('app_sales_order_show', {id: order.id}) }}#fulfillments"><span class="ui-icon">arrow_back</span>Zamówienie</a>
            </div>
        </section>

        {% if fulfillment.needsRevalidation %}
            <div class="ops-note ops-note--warm"><span class="ui-icon">sync_problem</span><p><strong>Realizacja wymaga ponownej walidacji.</strong> Zamówienie, wariant, SKU, POD ART lub mockup zostały zmienione po utworzeniu snapshotu.</p></div>
        {% endif %}
        {% if fulfillment.lastError %}
            <div class="ops-note ops-note--error"><span class="ui-icon">error</span><p>{{ fulfillment.lastError }}</p></div>
        {% endif %}
        {% if fulfillment.validationErrorsJson %}
            <div class="ops-note ops-note--error"><span class="ui-icon">error</span><ul>{% for error in fulfillment.validationErrorsJson %}<li>{{ error }}</li>{% endfor %}</ul></div>
        {% endif %}
        {% if fulfillment.validationWarningsJson %}
            <div class="ops-note ops-note--warm"><span class="ui-icon">warning</span><ul>{% for warning in fulfillment.validationWarningsJson %}<li>{{ warning }}</li>{% endfor %}</ul></div>
        {% endif %}

        <div class="ops-layout ops-layout--main-aside">
            <main class="ops-stack">
                <article class="ops-card">
                    <div class="ops-card__head">
                        <span class="ops-card__eyebrow">Pozycje</span>
                        <h2>Snapshot realizacji</h2>
                        <p>Mockup pochodzi wyłącznie z <code>FulfillmentItem.mockupSnapshotJson</code>. Podgląd nie wybiera aktualnego zdjęcia projektu ani galerii PrestaShop.</p>
                    </div>
                    <div class="fulfillment-detail__items">
                        {% for item in fulfillment.items %}
                            {% set sourceItem = item.salesOrderItem %}
                            {% set mockup = item.mockupSnapshotJson|default(null) %}
                            {% set mockupAssetId = mockup ? (mockup.mockup_asset_id|default(null)) : null %}
                            {% set publication = mockupAssetId ? (mockup_publications_by_asset[mockupAssetId]|default(null)) : null %}
                            {% set previewUrl = publication ? publication.publicUrl : (mockup ? (mockup.source_url|default(null)) : null) %}
                            <section class="fulfillment-detail__item">
                                <div class="fulfillment-item-head">
                                    <div>
                                        <strong>{{ sourceItem ? sourceItem.name : 'Pozycja bez źródła' }}</strong>
                                        <small>{{ item.productionVariantLabelSnapshot }} · {{ item.quantity }} szt.</small>
                                    </div>
                                    <span class="status-badge status-badge--{{ item.validationStatus }}">{{ item.validationStatus }}</span>
                                </div>

                                <dl class="sales-order-definition-list">
                                    <div><dt>SKU dostawcy</dt><dd>{{ item.providerSkuSnapshot ?: 'Brak' }}</dd></div>
                                    <div><dt>Wariant</dt><dd>{{ item.productionVariantCodeSnapshot ?: 'Brak' }}</dd></div>
                                    <div><dt>Pozycja realizacji</dt><dd>#{{ item.id }}</dd></div>
                                </dl>

                                <div class="fulfillment-snapshot-grid">
                                    <div class="fulfillment-mockup-card">
                                        <div class="fulfillment-mockup-card__preview">
                                            {% if previewUrl %}
                                                <span class="fulfillment-hover-preview">
                                                    <img src="{{ previewUrl }}" alt="Mockup pozycji {{ item.id }}" loading="lazy" referrerpolicy="no-referrer">
                                                    <span class="fulfillment-hover-preview__large" aria-hidden="true"><img src="{{ previewUrl }}" alt="" loading="lazy" referrerpolicy="no-referrer"></span>
                                                </span>
                                            {% else %}
                                                <span class="fulfillment-mockup-placeholder"><span class="ui-icon">image_not_supported</span>Brak podglądu</span>
                                            {% endif %}
                                        </div>
                                        <div class="fulfillment-mockup-card__body">
                                            <strong>Mockup snapshot</strong>
                                            {% if mockup %}
                                                <dl class="fulfillment-mini-definition">
                                                    <div><dt>Asset</dt><dd>#{{ mockupAssetId ?: '—' }}</dd></div>
                                                    <div><dt>Źródło</dt><dd>{{ mockup.source_type|default('—') }}</dd></div>
                                                    <div><dt>ID PrestaShop</dt><dd>{{ mockup.external_image_id|default('—') ?: '—' }}</dd></div>
                                                    <div><dt>MIME</dt><dd>{{ mockup.mime_type|default('—') ?: '—' }}</dd></div>
                                                    <div><dt>Wymiary</dt><dd>{% if mockup.width|default(null) and mockup.height|default(null) %}{{ mockup.width }}×{{ mockup.height }} px{% else %}—{% endif %}</dd></div>
                                                    <div><dt>Snapshot</dt><dd>{{ mockup.captured_at|default('—') }}</dd></div>
                                                </dl>
                                            {% else %}
                                                <div class="ops-note ops-note--error"><span class="ui-icon">error</span><p>Brak mockupu dla pozycji. Wysyłka do Snapwear będzie zablokowana.</p></div>
                                            {% endif %}

                                            {% if publication %}
                                                <div class="ops-note {{ publication.availableAt ? 'ops-note--info' : 'ops-note--error' }}">
                                                    <span class="ui-icon">public</span>
                                                    <p><strong>Publikacja #{{ publication.id }}</strong><br>
                                                        {{ publication.availableAt ? 'aktywna' : 'unieważniona lub wygasła' }}
                                                        {% if publication.publishedHash %}<br><small>SHA-256: {{ publication.publishedHash }}</small>{% endif %}
                                                    </p>
                                                </div>
                                                <a class="button button--small button--ghost" href="{{ publication.publicUrl }}" target="_blank" rel="noopener noreferrer nofollow">Otwórz publiczny URL</a>
                                            {% elseif mockup %}
                                                <div class="ops-note ops-note--warm"><span class="ui-icon">hourglass_empty</span><p>Mockup nie został jeszcze opublikowany. Publikacja powstanie podczas budowania payloadu.</p></div>
                                            {% endif %}
                                        </div>
                                    </div>

                                    <div class="fulfillment-art-list">
                                        <strong>POD ART-y i layouty</strong>
                                        {% for placement, art in item.artSnapshotJson %}
                                            <div class="ops-note {{ art.resolved|default(false) ? 'ops-note--info' : 'ops-note--error' }}">
                                                <span class="ui-icon">palette</span>
                                                <p>
                                                    <strong>{{ placement|upper }}:</strong> {{ art.label|default(null) ?: 'brak POD ART' }}
                                                    {% if art.version|default(null) %} · v{{ art.version }}{% endif %}<br>
                                                    <small>
                                                        {{ art.source|default('missing') }}
                                                        {% if art.is_order_specific|default(false) %} · jednorazowy{% endif %}
                                                        {% if art.width|default(null) and art.height|default(null) %} · {{ art.width }}×{{ art.height }} px{% endif %}
                                                        {% if art.artwork_asset_id|default(null) %} · asset #{{ art.artwork_asset_id }}{% endif %}
                                                    </small>
                                                </p>
                                                {% if art.resolved|default(false) and art.project_id|default(null) and art.asset_id|default(null) %}
                                                    <a class="button button--small button--ghost" href="{{ path('app_project_artwork_download', {id: art.project_id, asset: art.asset_id}) }}">Pobierz</a>
                                                {% endif %}
                                            </div>
                                        {% else %}
                                            <div class="ops-note ops-note--error"><span class="ui-icon">error</span><p>Brak snapshotu POD ART.</p></div>
                                        {% endfor %}
                                    </div>
                                </div>

                                {% if item.validationErrorsJson %}
                                    <div class="ops-note ops-note--error"><span class="ui-icon">error</span><ul>{% for error in item.validationErrorsJson %}<li>{{ error }}</li>{% endfor %}</ul></div>
                                {% endif %}
                                {% if item.personalizationSnapshotJson %}
                                    <details><summary>Personalizacja</summary><pre class="ops-code-block">{{ item.personalizationSnapshotJson|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre></details>
                                {% endif %}
                                {% if mockup %}
                                    <details><summary>Surowy snapshot mockupu</summary><pre class="ops-code-block">{{ mockup|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre></details>
                                {% endif %}
                            </section>
                        {% endfor %}
                    </div>
                </article>

                {% if fulfillment.dispatchAttempts|length > 0 %}
                    <article class="ops-card">
                        <div class="ops-card__head">
                            <span class="ops-card__eyebrow">Techniczne</span>
                            <h2>Próby wysyłki</h2>
                            <p>Pełny request i response są dostępne wyłącznie tutaj. Globalne logi dostawcy zawierają tylko bezpieczną diagnostykę.</p>
                        </div>
                        <div class="ops-table-wrap">
                            <table class="ops-table fulfillment-attempts-table">
                                <thead><tr><th>Data</th><th>Próba</th><th>Tryb</th><th>Trigger</th><th>HTTP</th><th>Status</th><th>Komunikat</th></tr></thead>
                                <tbody>
                                {% for attempt in fulfillment.dispatchAttempts %}
                                    {% set httpClass = attempt.mode == 'file_test' and attempt.status == 'success'
                                        ? 'ops-badge--success'
                                        : (attempt.responseCode and attempt.responseCode >= 200 and attempt.responseCode < 300
                                            ? 'ops-badge--success'
                                            : (attempt.responseCode and attempt.responseCode >= 400 ? 'ops-badge--danger' : 'ops-badge--warning')) %}
                                    <tr>
                                        <td>{{ attempt.startedAt ? attempt.startedAt|date('d.m.Y H:i:s') : '—' }}</td>
                                        <td><a href="#attempt-{{ attempt.id }}"><strong>#{{ attempt.attemptNumber }}</strong><br><small>ID {{ attempt.id }}</small></a></td>
                                        <td>{{ attempt.mode }}</td>
                                        <td>{{ attempt.triggerType }}{% if attempt.retryOfAttempt %}<br><small>źródło #{{ attempt.retryOfAttempt.attemptNumber }}</small>{% endif %}</td>
                                        <td><span class="ops-badge {{ httpClass }}">{% if attempt.mode == 'file_test' and attempt.status == 'success' %}Plik zapisany{% elseif attempt.responseCode and attempt.responseCode >= 200 and attempt.responseCode < 300 %}HTTP {{ attempt.responseCode }} · Sukces{% elseif attempt.responseCode and attempt.responseCode >= 400 and attempt.responseCode < 500 %}HTTP {{ attempt.responseCode }} · Błąd żądania{% elseif attempt.responseCode and attempt.responseCode >= 500 %}HTTP {{ attempt.responseCode }} · Błąd dostawcy{% elseif attempt.transportError %}Brak HTTP · Błąd połączenia{% else %}—{% endif %}</span></td>
                                        <td><span class="status-badge status-badge--{{ attempt.status }}">{{ attempt.status }}</span></td>
                                        <td>{{ (attempt.responseMessage ?: attempt.transportError ?: '—')|slice(0, 220) }}</td>
                                    </tr>
                                    <tr class="ops-table__subrow">
                                        <td colspan="7">
                                            <details id="attempt-{{ attempt.id }}" class="fulfillment-attempt-details" {{ app.request.query.get('attempt') == attempt.id ? 'open' : '' }}>
                                                <summary>Szczegóły próby #{{ attempt.attemptNumber }}</summary>
                                                <dl class="sales-order-definition-list">
                                                    <div><dt>Job ID</dt><dd><code>{{ attempt.jobId ?: '—' }}</code></dd></div>
                                                    <div><dt>SHA-256</dt><dd><code>{{ attempt.requestHash ?: '—' }}</code></dd></div>
                                                    <div><dt>Pozycje</dt><dd>{{ attempt.payloadItemsCount }}</dd></div>
                                                    <div><dt>Czas requestu</dt><dd>{{ attempt.responseDurationMs is not null ? attempt.responseDurationMs ~ ' ms' : '—' }}</dd></div>
                                                    <div><dt>Outbox</dt><dd><code>{{ attempt.outboxRelativePath ?: '—' }}</code></dd></div>
                                                    <div><dt>Operator wymuszenia</dt><dd>{{ attempt.forceRequestedBy ? attempt.forceRequestedBy.displayName : '—' }}</dd></div>
                                                    <div><dt>Powód wymuszenia</dt><dd>{{ attempt.forceReason ?: '—' }}</dd></div>
                                                    <div><dt>Retry source</dt><dd>{{ attempt.retryOfAttempt ? '#' ~ attempt.retryOfAttempt.attemptNumber : '—' }}</dd></div>
                                                    <div><dt>Koniec</dt><dd>{{ attempt.finishedAt ? attempt.finishedAt|date('d.m.Y H:i:s') : '—' }}</dd></div>
                                                </dl>
                                                {% if can_dispatch %}
                                                    {% if attempt.transportError %}<div class="ops-note ops-note--error"><span class="ui-icon">wifi_off</span><p>{{ attempt.transportError }}</p></div>{% endif %}
                                                    {% if attempt.requestPayloadRaw %}<h4>Dokładny requestPayloadRaw</h4><pre class="ops-code-block fulfillment-payload-json">{{ attempt.requestPayloadRaw }}</pre>{% endif %}
                                                    {% if attempt.responseRaw is not null %}<h4>Raw response</h4><pre class="ops-code-block">{{ attempt.responseRaw }}</pre>{% endif %}
                                                    {% if attempt.responsePayloadJson %}<h4>Response JSON</h4><pre class="ops-code-block">{{ attempt.responsePayloadJson|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre>{% endif %}
                                                    {% if attempt.itemDiagnosticsJson %}<h4>Diagnostyka pozycji</h4><pre class="ops-code-block">{{ attempt.itemDiagnosticsJson|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre>{% endif %}
                                                {% else %}
                                                    <div class="ops-note ops-note--warm"><span class="ui-icon">lock</span><p>Pełny request, response i diagnostyka są dostępne wyłącznie operatorowi z uprawnieniem dispatchu.</p></div>
                                                {% endif %}

                                                {% if can_dispatch and attempt.requestPayloadRaw and not active_dispatch_attempt %}
                                                    <form method="post" action="{{ path('app_fulfillment_attempt_force_retry', {id: attempt.id}) }}" class="fulfillment-force-retry" onsubmit="return confirm('Ten sam payload mógł zostać już przyjęty przez dostawcę. Ponowienie może utworzyć duplikat. Kontynuować?');">
                                                        <input type="hidden" name="_token" value="{{ csrf_token('fulfillment_force_retry_' ~ attempt.id) }}">
                                                        <div class="ops-note ops-note--error"><span class="ui-icon">warning</span><p><strong>Ryzyko duplikatu.</strong> Ten sam payload mógł zostać już przyjęty przez dostawcę. Operacja zostanie zapisana w historii.</p></div>
                                                        <label class="ops-field"><span>Tryb ponowienia</span><select name="dispatch_mode" class="form-control"><option value="{{ attempt.mode }}">{{ attempt.mode }} — jak w próbie źródłowej</option>{% if attempt.mode != 'file_test' %}<option value="file_test">file_test</option>{% endif %}{% if attempt.mode != 'api_live' %}<option value="api_live">api_live</option>{% endif %}</select></label>
                                                        <label><input type="checkbox" name="force_confirmed" value="1" required> Rozumiem ryzyko i wymuszam ponowienie.</label>
                                                        <button class="button button--danger" type="submit"><span class="ui-icon">replay</span>Ponów identyczny payload</button>
                                                    </form>
                                                {% endif %}
                                            </details>
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </article>
                {% endif %}
            </main>

            <aside class="ops-stack">
                {% set recipientSnapshot = fulfillment.recipientSnapshotJson %}
                {% set deliverySnapshot = fulfillment.deliverySnapshotJson %}
                {% set pickupSnapshot = deliverySnapshot.pickupPoint|default({}) %}
                <article class="ops-card ops-card--aside">
                    <div class="ops-card__head"><span class="ops-card__eyebrow">Snapshot odbiorcy</span><h2>{{ ((recipientSnapshot.firstname|default('')) ~ ' ' ~ (recipientSnapshot.lastname|default('')))|trim ?: (recipientSnapshot.company|default('Odbiorca')) }}</h2></div>
                    {% if recipientSnapshot %}
                        {% if recipientSnapshot.company|default('') %}<p><strong>{{ recipientSnapshot.company }}</strong></p>{% endif %}
                        <p>{{ recipientSnapshot.address1|default('Brak adresu') }}{% if recipientSnapshot.address2|default('') %}<br>{{ recipientSnapshot.address2 }}{% endif %}<br>{{ recipientSnapshot.postcode|default('') }} {{ recipientSnapshot.city|default('') }}<br>{{ recipientSnapshot.countryCode|default('') }}</p>
                        <p>{{ recipientSnapshot.email|default('—') }}<br>{{ recipientSnapshot.phone|default('—') }}</p>
                    {% else %}
                        <div class="ops-note ops-note--error"><span class="ui-icon">error</span><p>Starsza realizacja nie ma snapshotu odbiorcy. Przed nowym dispatch'em odśwież niewysłaną realizację.</p></div>
                    {% endif %}
                    <p class="ops-muted">Sposób dostawy: {{ deliverySnapshot.methodName|default(deliverySnapshot.type|default('—')) }}</p>
                    {% if pickupSnapshot.code|default('') %}<div class="ops-note ops-note--info"><span class="ui-icon">location_on</span><p>{{ pickupSnapshot.provider|default('Punkt odbioru') }} / {{ pickupSnapshot.code }}{% if pickupSnapshot.name|default('') %}<br>{{ pickupSnapshot.name }}{% endif %}</p></div>{% endif %}
                </article>

                {% if snapwear_enabled %}
                    <article class="ops-card ops-card--aside">
                        <div class="ops-card__head"><span class="ops-card__eyebrow">Snapwear</span><h2>Wysyłka i ponowienia</h2></div>
                        {% if active_dispatch_attempt %}
                            <div class="ops-note ops-note--warm"><span class="ui-icon">hourglass_top</span><p>Aktywna próba #{{ active_dispatch_attempt.attemptNumber }} ma status <strong>{{ active_dispatch_attempt.status }}</strong>. Nie można utworzyć równoległej próby.</p></div>
                            {% if can_dispatch and active_dispatch_attempt.status == 'queued' %}
                                <form method="post" action="{{ path('app_fulfillment_attempt_process', {id: active_dispatch_attempt.id}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('fulfillment_attempt_process_' ~ active_dispatch_attempt.id) }}">
                                    <button class="button button--primary" type="submit"><span class="ui-icon">play_arrow</span>Uruchom tę próbę teraz</button>
                                </form>
                            {% endif %}
                        {% elseif fulfillment.dispatchAttempts|length == 0 and can_dispatch %}
                            <div class="ops-note ops-note--error"><span class="ui-icon">error</span><p>To starsza realizacja bez próby dispatchu. Utworzenie próby od razu uruchomi builder JSON albo request API.</p></div>
                            <form method="post" action="{{ path('app_fulfillment_dispatch', {id: fulfillment.id}) }}">
                                <input type="hidden" name="_token" value="{{ csrf_token('fulfillment_dispatch_' ~ fulfillment.id) }}">
                                <button class="button button--primary" type="submit"><span class="ui-icon">send</span>Utwórz i uruchom próbę</button>
                            </form>
                        {% else %}
                            <p class="ops-muted">Standardowy modal tworzy próbę automatycznie. Retry bajtowo identycznego requestu znajduje się w szczegółach każdej próby.</p>
                        {% endif %}
                        {% if latestAttempt and latestAttempt.status in ['failed', 'blocked'] %}
                            <div class="ops-note ops-note--warm"><span class="ui-icon">tips_and_updates</span><p>{% if latestAttempt.transportError or latestAttempt.responseCode %}Dla błędu transportowego lub API zalecane jest „Ponów identyczny payload”.{% else %}Dla błędu walidacji popraw zamówienie, odśwież niewysłaną realizację albo utwórz nową realizację.{% endif %}</p></div>
                        {% endif %}
                        {% if can_dispatch %}
                            <a class="button button--ghost" href="{{ path('app_sales_order_show', {id: order.id, duplicate_fulfillment: fulfillment.id}) }}#fulfillments"><span class="ui-icon">content_copy</span>Wyślij zamówienie ponownie</a>
                        {% endif %}
                    </article>
                {% endif %}

                {% if not fulfillment.dispatchedAt and not fulfillment.externalProviderOrderId and fulfillment.statusCode not in ['dispatching', 'dispatched', 'accepted', 'completed'] and not active_dispatch_attempt %}
                    <article class="ops-card ops-card--aside">
                        <div class="ops-card__head"><span class="ops-card__eyebrow">Snapshot</span><h2>Odśwież dane</h2></div>
                        <p class="ops-muted">Świadomie przebuduje snapshot SKU, wariantów, personalizacji, POD ART-ów, mockupów, odbiorcy i dostawy. Operacja jest dostępna wyłącznie przed skuteczną wysyłką.</p>
                        <form method="post" action="{{ path('app_fulfillment_refresh', {id: fulfillment.id}) }}" onsubmit="return confirm('Odświeżyć snapshot SKU, ART-ów i mockupów? Kolejna próba zbuduje nowy payload.');">
                            <input type="hidden" name="_token" value="{{ csrf_token('fulfillment_refresh_' ~ fulfillment.id) }}">
                            <button class="button button--ghost" type="submit"><span class="ui-icon">sync</span>Odśwież snapshot realizacji</button>
                        </form>
                    </article>
                {% endif %}

                {% if fulfillment.internal %}
                    <article class="ops-card ops-card--aside">
                        <div class="ops-card__head"><span class="ops-card__eyebrow">Produkcja własna</span><h2>Zmień etap</h2></div>
                        <form method="post" action="{{ path('app_fulfillment_status', {id: fulfillment.id}) }}" class="ops-stack">
                            <input type="hidden" name="_token" value="{{ csrf_token('fulfillment_status_' ~ fulfillment.id) }}">
                            <select name="status_code" class="form-control" required>
                                {% for status in internal_statuses %}<option value="{{ status }}" {{ fulfillment.statusCode == status ? 'selected' : '' }}>{{ status }}</option>{% endfor %}
                            </select>
                            <button class="button button--primary" type="submit">Zapisz etap</button>
                        </form>
                        <p class="ops-muted">Produkcja własna nie korzysta z klienta Snapwear.</p>
                    </article>
                {% endif %}
            </aside>
        </div>
    </div>
{% endblock %}