{% set duplicate_provider_id = duplicate_fulfillment ? duplicate_fulfillment.provider.id : 0 %}
<div
    id="sales-order-fulfillment-modal"
    class="modal fulfillment-wizard"
    aria-hidden="true"
    data-controller="fulfillment-wizard"
    data-fulfillment-wizard-summary-url-value="{{ path('app_sales_order_fulfillment_summary', {id: order.id}) }}"
    data-fulfillment-wizard-status-url-template-value="{{ path('app_fulfillment_attempt_status', {id: 0}) }}"
    data-fulfillment-wizard-duplicate-value="{{ duplicate_fulfillment ? 'true' : 'false' }}"
    data-open-on-load="{{ duplicate_fulfillment ? '1' : '0' }}"
    data-action="luminous:modal-open@window->fulfillment-wizard#modalOpened luminous:modal-close@window->fulfillment-wizard#modalClosed"
>
    <div class="modal__dialog modal__dialog--wide" role="dialog" aria-modal="true" aria-labelledby="fulfillment-modal-title">
        <div class="modal__header">
            <div>
                <p class="modal__eyebrow">Realizacja zamówienia</p>
                <h3 id="fulfillment-modal-title" class="modal__title">{{ duplicate_fulfillment ? 'Wyślij zamówienie ponownie' : 'Wyślij do' }}</h3>
                <p class="modal__subtitle">Trzy kroki: sposób realizacji, produkty oraz podsumowanie z natychmiastowym utworzeniem próby dispatchu.</p>
            </div>
            <button type="button" class="modal__close" data-modal-close aria-label="Zamknij"><span class="ui-icon">close</span></button>
        </div>

        <form method="post" action="{{ path('app_sales_order_fulfillment_submit', {id: order.id}) }}" data-fulfillment-wizard-target="form" data-action="submit->fulfillment-wizard#submit">
            <input type="hidden" name="_summary_token" value="{{ csrf_token('fulfillment_summary_' ~ order.id) }}">
            <input type="hidden" name="_token" value="{{ csrf_token('fulfillment_submit_' ~ order.id) }}">
            <input type="hidden" name="duplicate_fulfillment_id" value="{{ duplicate_fulfillment ? duplicate_fulfillment.id : 0 }}">

            <div class="fulfillment-wizard__steps" aria-label="Etapy wysyłki realizacji">
                {% for label in ['Sposób realizacji', 'Produkty', 'Podsumowanie i wysyłka'] %}
                    <span class="fulfillment-wizard__step" data-fulfillment-step-indicator="{{ loop.index }}"><b>{{ loop.index }}</b>{{ label }}</span>
                {% endfor %}
            </div>

            <div class="modal__body">
                <div class="ops-note ops-note--info" data-fulfillment-wizard-target="busy" hidden>
                    <span class="ui-icon">sync</span><p data-fulfillment-wizard-target="busyMessage">Sprawdzam gotowość realizacji…</p>
                </div>
                <div class="ops-note ops-note--error" data-fulfillment-wizard-target="error" hidden>
                    <span class="ui-icon">error</span><p data-fulfillment-wizard-target="errorMessage"></p>
                </div>
                <div class="ops-note ops-note--info" data-fulfillment-wizard-target="dispatchState" hidden>
                    <span class="ui-icon">hourglass_top</span><p data-fulfillment-wizard-target="dispatchMessage"></p>
                </div>

                <section class="fulfillment-wizard__panel" data-fulfillment-wizard-target="step" data-fulfillment-step="1">
                    <div class="ops-card__head"><span class="ops-card__eyebrow">Krok 1</span><h2>Sposób realizacji</h2><p>Nieaktywnego lub błędnie skonfigurowanego dostawcy nie można wybrać.</p></div>
                    <div class="fulfillment-provider-grid">
                        {% for option in provider_dispatch_options %}
                            {% set provider = option.provider %}
                            <label class="fulfillment-provider-card {{ option.canDispatch ? '' : 'is-disabled' }}">
                                <input
                                    type="radio"
                                    name="provider_id"
                                    value="{{ provider.id }}"
                                    data-fulfillment-wizard-target="provider"
                                    data-action="change->fulfillment-wizard#providerChanged"
                                    data-provider-mode="{{ option.mode }}"
                                    {{ duplicate_provider_id == provider.id ? 'checked' : '' }}
                                    {{ option.canDispatch ? '' : 'disabled' }}
                                >
                                <span class="fulfillment-provider-card__body">
                                    <span class="fulfillment-provider-card__title"><strong>{{ provider.name }}</strong><span class="ops-badge">{{ option.typeLabel }}</span></span>
                                    <span>{{ option.modeLabel }}</span>
                                    <small>Adapter: {{ option.adapterLabel }} · status: {{ option.statusLabel }}</small>
                                    {% if option.errors %}<span class="fulfillment-provider-card__error">{{ option.errors|join(' ') }}</span>{% else %}<span class="fulfillment-provider-card__ready">Konfiguracja gotowa</span>{% endif %}
                                </span>
                            </label>
                        {% else %}
                            <div class="ops-empty-state"><span class="ui-icon">factory</span><strong>Brak dostawców</strong><p>Dodaj i skonfiguruj sposób realizacji.</p></div>
                        {% endfor %}
                    </div>
                </section>

                <section class="fulfillment-wizard__panel" data-fulfillment-wizard-target="step" data-fulfillment-step="2" hidden>
                    <div class="ops-card__head ops-card__head--inline">
                        <div><span class="ops-card__eyebrow">Krok 2</span><h2>Wybór produktów</h2><p>Pozycje z błędami pozostają widoczne i pokazują konkretną przyczynę blokady.</p></div>
                        <span class="ops-soft-badge"><strong data-fulfillment-wizard-target="selectedCount">0</strong> zaznaczonych</span>
                    </div>
                    <div class="fulfillment-wizard__bulk-actions">
                        <button type="button" class="button button--small button--ghost" data-action="fulfillment-wizard#selectAll">Zaznacz wszystko</button>
                        <button type="button" class="button button--small button--ghost" data-action="fulfillment-wizard#deselectAll">Odznacz wszystko</button>
                    </div>

                    {% if duplicate_fulfillment %}
                        <div class="ops-note ops-note--warm fulfillment-duplicate-warning">
                            <span class="ui-icon">content_copy</span>
                            <div>
                                <strong>Powstanie nowa realizacja i nowe zamówienie u dostawcy.</strong>
                                <p>Źródło: realizacja #{{ duplicate_fulfillment.id }}. Wcześniejsza realizacja pozostanie bez zmian.</p>
                                <label><input type="checkbox" name="duplicate_confirmed" value="1" data-fulfillment-wizard-target="duplicateConfirm" data-action="change->fulfillment-wizard#invalidate"> Potwierdzam świadome ponowne wysłanie zamówienia.</label>
                                <label><input type="checkbox" name="allow_already_fulfilled" value="1" data-fulfillment-wizard-target="allowRepeated" data-action="change->fulfillment-wizard#repeatedQuantityChanged"> Pozwól ponownie wysłać już zrealizowaną ilość.</label>
                                <label data-fulfillment-wizard-target="allowRepeatedConfirmation" hidden><input type="checkbox" name="allow_already_fulfilled_confirmed" value="1" data-action="change->fulfillment-wizard#invalidate"> Rozumiem, że wybrana ilość może przekroczyć ilość niezrealizowaną.</label>
                            </div>
                        </div>
                    {% endif %}

                    <div class="fulfillment-wizard__items">
                        {% for row in order_view.items %}
                            {% set item = row.item %}
                            {% set duplicate_quantity = 0 %}
                            {% if duplicate_fulfillment %}
                                {% for old_item in duplicate_fulfillment.items %}
                                    {% if old_item.salesOrderItem and old_item.salesOrderItem.id == item.id %}{% set duplicate_quantity = old_item.quantity %}{% endif %}
                                {% endfor %}
                            {% endif %}
                            <article
                                class="fulfillment-wizard__item"
                                data-fulfillment-wizard-target="itemRow"
                                data-fulfillment-item-row
                                data-provider-readiness="{{ row.providerReadiness|json_encode|e('html_attr') }}"
                                data-remaining-quantity="{{ row.remainingQuantity }}"
                                data-ordered-quantity="{{ item.quantity }}"
                            >
                                <div class="fulfillment-wizard__item-select">
                                    <input type="checkbox" name="items[{{ item.id }}][selected]" value="1" data-item-checkbox data-action="change->fulfillment-wizard#itemToggle" {{ duplicate_quantity > 0 ? 'checked' : '' }}>
                                </div>
                                <div class="fulfillment-wizard__thumbnail">
                                    {% include 'sales_order/_mockup_thumbnail.html.twig' with {order: order, item: item, mockup: row.mockup, compact: true, allow_private: permissions.mockup_download} only %}
                                </div>
                                <div class="fulfillment-wizard__item-main">
                                    <strong>{{ item.name }}</strong>
                                    <small>{{ item.variantLabel ?: 'Brak wariantu platformowego' }}</small>
                                    <span>{{ item.project ? item.project.name : 'Brak projektu' }} · {{ item.projectProductionVariant ? item.projectProductionVariant.displayLabel : 'Brak wariantu aplikacyjnego' }}</span>
                                    <div class="fulfillment-wizard__item-badges">
                                        <span class="ops-badge">Dostępne: {{ row.remainingQuantity }} / {{ item.quantity }}</span>
                                        <span class="ops-badge {{ item.mappingStatus == 'mapped' ? 'ops-badge--success' : 'ops-badge--danger' }}">Mapowanie: {{ item.mappingStatus }}</span>
                                        {% for provider in order_view.providers %}
                                            {% set sku = row.providerSkus[provider.id]|default(null) %}
                                            <span class="ops-badge" data-provider-sku="{{ provider.id }}" hidden>SKU {{ provider.name }}: {{ sku and sku.resolved ? sku.sku : 'brak' }}</span>
                                        {% endfor %}
                                    </div>
                                    <div class="fulfillment-wizard__resources">
                                        {% for placement, art in row.artwork %}
                                            <span class="{{ art.resolved ? 'is-ready' : 'is-error' }}">ART {{ placement|upper }}: {{ art.resolved ? (art.asset ? art.asset.label : 'gotowy') : 'brak' }}</span>
                                        {% endfor %}
                                        <span class="{{ row.mockup.status == 'ready' ? 'is-ready' : 'is-error' }}">Mockup: {{ row.mockup.statusLabel }}</span>
                                    </div>
                                    <ul class="fulfillment-wizard__item-errors" data-item-errors></ul>
                                </div>
                                <label class="fulfillment-wizard__item-quantity">
                                    <span>Ilość do realizacji</span>
                                    <input
                                        type="number"
                                        name="items[{{ item.id }}][quantity]"
                                        min="1"
                                        max="{{ duplicate_fulfillment ? item.quantity : row.remainingQuantity }}"
                                        value="{{ duplicate_quantity > 0 ? duplicate_quantity : (row.remainingQuantity > 0 ? 1 : item.quantity) }}"
                                        class="form-control"
                                        data-item-quantity
                                        data-action="change->fulfillment-wizard#invalidate input->fulfillment-wizard#invalidate"
                                    >
                                </label>
                            </article>
                        {% else %}
                            <div class="ops-empty-state"><span class="ui-icon">inventory_2</span><strong>Brak pozycji</strong></div>
                        {% endfor %}
                    </div>
                </section>

                <section class="fulfillment-wizard__panel" data-fulfillment-wizard-target="step" data-fulfillment-step="3" hidden>
                    <div class="ops-card__head"><span class="ops-card__eyebrow">Krok 3</span><h2>Podsumowanie i wysyłka</h2><p>Podsumowanie jest równocześnie wynikiem końcowej walidacji. Finalny przycisk tworzy realizację i próbę bez drugiego kliknięcia.</p></div>
                    <div data-fulfillment-wizard-target="summaryContent"></div>
                </section>
            </div>

            <div class="modal__footer fulfillment-wizard__footer">
                <div class="fulfillment-wizard__footer-secondary">
                    <button type="button" class="button button--ghost button--small" data-modal-close>Anuluj</button>
                    <button type="button" class="button button--ghost button--small" data-fulfillment-action-min-step="2" data-action="fulfillment-wizard#back" hidden>
                        <span class="ui-icon">arrow_back</span>Wstecz
                    </button>
                </div>
                <div class="fulfillment-wizard__footer-primary">
                    <button type="button" class="button button--primary" data-fulfillment-action-step="1" data-fulfillment-wizard-target="providerNext" data-action="fulfillment-wizard#nextProvider">
                        Dalej
                        <span class="ui-icon">arrow_forward</span>
                    </button>
                    <button type="button" class="button button--primary" data-fulfillment-action-step="2" data-fulfillment-wizard-target="summaryButton" data-action="fulfillment-wizard#buildSummary" hidden>
                        Dalej
                        <span class="ui-icon">arrow_forward</span>
                    </button>
                    <button type="submit" class="button button--primary" data-fulfillment-action-step="3" data-fulfillment-wizard-target="submit" hidden disabled>
                        <span data-fulfillment-wizard-target="submitLabel">Wyślij</span>
                        <span class="ui-icon">send</span>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>