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

{% block title %}Zamówienie {{ order.externalReference ?: order.externalId }} | Luminous{% endblock %}

{% block app_content %}
    {% include 'partials/_flash_messages.html.twig' %}

    <div class="ops-page sales-order-detail" data-tabs data-tabs-key="sales_order_{{ order.id }}" data-default-tab="summary">
        <section class="ops-hero sales-order-detail__hero">
            <div class="ops-hero__content">
                <span class="ops-kicker"><span class="ui-icon" aria-hidden="true">receipt_long</span>{{ order.manual ? 'Zamówienie operatora' : 'Zamówienie' }} / #{{ order.id }}</span>
                <h1>{{ order.externalReference ?: order.externalId }}</h1>
                <p>{{ order.manual ? 'Operator' : (order.platform ? order.platform.name : 'Nieznana platforma') }} · {{ order.sourceCreatedAt ? order.sourceCreatedAt|date('d.m.Y H:i') : 'brak daty' }} · {{ (order.customerFirstName ~ ' ' ~ order.customerLastName)|trim ?: 'brak klienta' }}</p>
                <div class="ops-meta-line">
                    {% if not order.manual %}<span>Status źródła: {{ order.sourceStatusLabel ?: order.sourceStatusCode ?: '—' }}</span>{% endif %}
                    <span>Wewnętrzny: {{ order.internalStatusCode ?: 'nieustalony' }}</span>
                    <span>Dostawa: {{ order.shippingMethodName ?: order.deliveryType }}</span>
                    <span>Pozycji: {{ order_view.summary.items }}</span>
                    {% if order.manual and order.updatedBy %}<span>Operator: {{ order.updatedBy.displayName }}</span>{% endif %}
                </div>
            </div>
            <div class="ops-hero__actions sales-order-hero-actions">
                {% if order.manual and permissions.edit_manual and order.internalStatusCode != 'cancelled' %}
                    <a class="button button--ghost" href="{{ path('app_manual_order_edit', {id: order.id}) }}"><span class="ui-icon">edit</span>Edytuj</a>
                {% endif %}
                {% if order.manual and permissions.activate_manual %}
                    <form method="post" action="{{ path('app_manual_order_validate', {id: order.id}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('manual_order_validate_' ~ order.id) }}">
                        <button class="button button--ghost" type="submit"><span class="ui-icon">fact_check</span>Sprawdź gotowość</button>
                    </form>
                    {% if order.internalStatusCode in ['draft', 'needs_attention'] %}
                        <form method="post" action="{{ path('app_manual_order_activate', {id: order.id}) }}" class="sales-order-activate-form">
                            <input type="hidden" name="_token" value="{{ csrf_token('manual_order_activate_' ~ order.id) }}">
                            {% if manual_readiness and manual_readiness.warnings %}
                                <label class="ops-check"><input type="checkbox" name="confirm_warnings" value="1"> Potwierdzam ostrzeżenia</label>
                            {% endif %}
                            <button class="button button--primary" type="submit"><span class="ui-icon">check_circle</span>Aktywuj</button>
                        </form>
                    {% endif %}
                {% endif %}
                {% if provider_dispatch_options and (order.canBeSentToProvider or duplicate_fulfillment) and permissions.fulfillment_dispatch %}
                    <button type="button" class="button button--primary" data-modal-open="sales-order-fulfillment-modal"><span class="ui-icon">send</span>Wyślij do</button>
                {% elseif order.manual %}
                    <span class="ops-soft-badge">Aktywuj zamówienie przed realizacją</span>
                {% endif %}
                {% if order.manual and permissions.cancel_manual and order.internalStatusCode != 'cancelled' %}
                    <form method="post" action="{{ path('app_manual_order_cancel', {id: order.id}) }}" onsubmit="return confirm('Anulować ręczne zamówienie?');">
                        <input type="hidden" name="_token" value="{{ csrf_token('manual_order_cancel_' ~ order.id) }}">
                        <button class="button button--danger" type="submit"><span class="ui-icon">cancel</span>Anuluj</button>
                    </form>
                {% endif %}
                <a href="{{ path('app_sales_orders_index') }}" class="button button--ghost"><span class="ui-icon">arrow_back</span>Lista zamówień</a>
            </div>
        </section>

        {% if order.manual and manual_readiness %}
            {% if manual_readiness.errors %}<div class="ops-note ops-note--error"><span class="ui-icon">error</span><ul>{% for message in manual_readiness.errors %}<li>{{ message }}</li>{% endfor %}</ul></div>{% endif %}
            {% if manual_readiness.warnings %}<div class="ops-note ops-note--warm"><span class="ui-icon">warning</span><ul>{% for message in manual_readiness.warnings %}<li>{{ message }}</li>{% endfor %}</ul></div>{% endif %}
        {% endif %}

        <section class="sales-order-detail__tabs-shell">
            <nav class="project-tabs sales-order-tabs" aria-label="Zakładki zamówienia" role="tablist">
                <button type="button" class="project-tabs__button" data-tab-target="summary" role="tab" aria-selected="true"><span class="ui-icon">dashboard</span>Podsumowanie</button>
                <button type="button" class="project-tabs__button" data-tab-target="products" role="tab" aria-selected="false"><span class="ui-icon">inventory_2</span>Produkty i mockupy</button>
                <button type="button" class="project-tabs__button" data-tab-target="delivery" role="tab" aria-selected="false"><span class="ui-icon">local_shipping</span>Dane klienta i dostawy</button>
                <button type="button" class="project-tabs__button" data-tab-target="fulfillments" role="tab" aria-selected="false"><span class="ui-icon">precision_manufacturing</span>Realizacje</button>
                <button type="button" class="project-tabs__button" data-tab-target="shipments" role="tab" aria-selected="false"><span class="ui-icon">package_2</span>Przesyłki</button>
                <button type="button" class="project-tabs__button" data-tab-target="history" role="tab" aria-selected="false"><span class="ui-icon">history</span>Historia statusów</button>
                <button type="button" class="project-tabs__button" data-tab-target="source" role="tab" aria-selected="false"><span class="ui-icon">data_object</span>Dane źródłowe</button>
                <button type="button" class="project-tabs__button" data-tab-target="logs" role="tab" aria-selected="false"><span class="ui-icon">terminal</span>Logi</button>
            </nav>

            <div class="sales-order-tab-content">
                {% include 'sales_order/tabs/_summary.html.twig' %}
                {% include 'sales_order/tabs/_products.html.twig' %}
                {% include 'sales_order/tabs/_delivery.html.twig' %}
                {% include 'sales_order/tabs/_fulfillments.html.twig' %}
                {% include 'sales_order/tabs/_shipments.html.twig' %}
                {% include 'sales_order/tabs/_history.html.twig' %}
                {% include 'sales_order/tabs/_source.html.twig' %}
                {% include 'sales_order/tabs/_logs.html.twig' %}
            </div>
        </section>
    </div>
    {% if provider_dispatch_options and (order.canBeSentToProvider or duplicate_fulfillment) and permissions.fulfillment_dispatch %}{% include 'sales_order/_fulfillment_modal.html.twig' %}{% endif %}
{% endblock %}