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

{% block title %}Zamówienia | Luminous{% endblock %}

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

    <div class="ops-page sales-orders-page">
        <section class="ops-hero">
            <div class="ops-hero__content">
                <span class="ops-kicker"><span class="ui-icon" aria-hidden="true">receipt_long</span>Centrum operacyjne</span>
                <h1>Zamówienia</h1>
                <p>Centralna lista zamówień ze wszystkich kanałów. Filtry działają po stronie serwera, a podgląd pozycji pokazuje mapowania produkcyjne, mockupy, SKU dostawcy i POD ART.</p>
            </div>
            <div class="ops-hero__actions">
                {% if can_create_manual %}
                    <a class="button button--primary" href="{{ path('app_manual_order_new') }}"><span class="ui-icon">add</span>Dodaj zamówienie ręcznie</a>
                {% endif %}
                <span class="ops-soft-badge">{{ total_items }} zamówień</span>
            </div>
        </section>

        <section class="ops-card ops-card--compact">
            {% include 'sales_order/_filters.html.twig' %}
        </section>

        <section class="ops-card sales-orders-table-card">
            <div class="ops-card__head ops-card__head--inline">
                <div>
                    <span class="ops-card__eyebrow">Lista</span>
                    <h2>Zamówienia sprzedażowe</h2>
                    <p>Rozwiń wiersz, aby sprawdzić pozycje bez przechodzenia do szczegółów.</p>
                </div>
                {% if selected_provider %}
                    <span class="ops-soft-badge">SKU: {{ selected_provider.name }}</span>
                {% endif %}
            </div>

            {% include 'sales_order/_table.html.twig' %}

            {% include 'partials/_pagination.html.twig' with {
                page: page,
                total_pages: total_pages,
                total_items: total_items,
                per_page: per_page,
                query_params: query_params
            } %}
        </section>
    </div>
{% endblock %}