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

{% block title %}Mapowanie statusów: {{ provider.name }}{% endblock %}

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

{% set active_count = 0 %}
{% set explicit_order_count = 0 %}
{% set explicit_order_active_count = 0 %}
{% set aggregate_active_count = 0 %}
{% for mapping in mappings %}
    {% if mapping.active %}
        {% set active_count = active_count + 1 %}
        {% if mapping.orderWorkflowStatus %}
            {% set explicit_order_active_count = explicit_order_active_count + 1 %}
        {% elseif mapping.aggregateOrder %}
            {% set aggregate_active_count = aggregate_active_count + 1 %}
        {% endif %}
    {% endif %}
    {% if mapping.orderWorkflowStatus %}{% set explicit_order_count = explicit_order_count + 1 %}{% endif %}
{% endfor %}

<div class="ops-page provider-status-mapping-page">
    <section class="ops-hero provider-status-hero">
        <div class="ops-hero__content">
            <span class="ops-kicker"><span class="ui-icon" aria-hidden="true">conversion_path</span>Dostawcy / automatyzacje</span>
            <h1>Status dostawcy → status w aplikacji</h1>
            <p>
                {{ provider.name }} · kiedy polling panelu wykryje zmianę statusu u dostawcy, aplikacja użyje aktywnego mapowania
                i automatycznie zmieni status realizacji oraz opcjonalnie status całego zamówienia.
            </p>
        </div>
        <div class="ops-hero__actions">
            <a class="button button--ghost" href="{{ path('app_provider_configure', {id: provider.id}) }}"><span class="ui-icon">settings</span>Konfiguracja</a>
            {% if provider.adapterKey == 'snapwear' %}
                <a class="button button--ghost" href="{{ path('app_provider_snapwear_monitoring', {id: provider.id}) }}"><span class="ui-icon">monitoring</span>Monitoring panelu</a>
            {% endif %}
        </div>
    </section>

    <section class="ops-stat-grid ops-stat-grid--four provider-status-stats">
        <article class="ops-stat-card">
            <span class="ops-stat-card__icon ui-icon">rule</span>
            <span class="ops-stat-card__label">Mapowania</span>
            <strong>{{ mappings|length }}</strong>
        </article>
        <article class="ops-stat-card">
            <span class="ops-stat-card__icon ui-icon">toggle_on</span>
            <span class="ops-stat-card__label">Aktywne</span>
            <strong>{{ active_count }}</strong>
        </article>
        <article class="ops-stat-card">
            <span class="ops-stat-card__icon ui-icon">sync_alt</span>
            <span class="ops-stat-card__label">Z jawnym statusem zamówienia</span>
            <strong>{{ explicit_order_count }}</strong>
        </article>
        <article class="ops-stat-card">
            <span class="ops-stat-card__icon ui-icon">calculate</span>
            <span class="ops-stat-card__label">Przez agregator</span>
            <strong>{{ aggregate_active_count }}</strong>
        </article>
    </section>

    <section class="ops-card provider-status-guide">
        <div class="ops-card__head ops-card__head--inline">
            <div>
                <span class="ops-card__eyebrow">Jak działa automatyzacja</span>
                <h2>Provider poll → mapping → workflow aplikacji</h2>
                <p>Brak aktywnego mapowania nie zatrzymuje pollingu, ale oznacza realizację jako wymagającą uwagi i zapisuje problem operacyjny.</p>
            </div>
            <span class="ops-soft-badge">źródło: provider_poll</span>
        </div>
        <div class="provider-flow">
            <div class="provider-flow__step">
                <span class="ui-icon">travel_explore</span>
                <strong>Status u dostawcy</strong>
                <p>Raw kod lub etykieta z panelu, np. <code>awaiting_production</code>.</p>
            </div>
            <div class="provider-flow__arrow">→</div>
            <div class="provider-flow__step">
                <span class="ui-icon">rule_settings</span>
                <strong>Aktywne mapowanie</strong>
                <p>Najniższy priorytet wygrywa, jeśli pasuje kod albo etykieta.</p>
            </div>
            <div class="provider-flow__arrow">→</div>
            <div class="provider-flow__step">
                <span class="ui-icon">published_with_changes</span>
                <strong>Status aplikacji</strong>
                <p>Zmienia status realizacji i przelicza albo jawnie ustawia status zamówienia.</p>
            </div>
        </div>
    </section>

    <section class="ops-card provider-status-create-card">
        <div class="ops-card__head ops-card__head--inline">
            <div>
                <span class="ops-card__eyebrow">Nowe mapowanie</span>
                <h2>Dodaj regułę Dostawca → Aplikacja</h2>
                <p>Wpisz status dokładnie tak, jak zwraca go panel dostawcy. Dla Snapwear najczęściej używany jest raw kod z panelu.</p>
            </div>
            <span class="ops-status is-green">aktywny monitoring</span>
        </div>

        {% set createFormId = 'provider-status-mapping-create' %}
        <form id="{{ createFormId }}" method="post" action="{{ path('app_provider_status_mapping_save', {id: provider.id}) }}" class="provider-status-form provider-status-form--create">
            <input type="hidden" name="_token" value="{{ csrf_token('provider_status_mapping_' ~ provider.id) }}">
            <div class="provider-status-form__grid">
                <label>
                    <span>Kod statusu dostawcy</span>
                    <input name="raw_status_code" maxlength="190" required placeholder="awaiting_production">
                </label>
                <label>
                    <span>Nazwa / etykieta z panelu</span>
                    <input name="raw_status_label" maxlength="255" placeholder="W produkcji">
                </label>
                <label>
                    <span>Status realizacji w aplikacji</span>
                    <select name="workflow_status_id" required>
                        {% for status in fulfillment_statuses %}
                            <option value="{{ status.id }}">{{ status.label }} · {{ status.code }}</option>
                        {% endfor %}
                    </select>
                </label>
                <label>
                    <span>Status zamówienia w aplikacji opcjonalnie</span>
                    <select name="order_workflow_status_id">
                        <option value="0">Przelicz z realizacji automatycznie</option>
                        {% for status in order_statuses %}
                            <option value="{{ status.id }}">{{ status.label }} · {{ status.code }}</option>
                        {% endfor %}
                    </select>
                </label>
                <label>
                    <span>Priorytet</span>
                    <input type="number" name="priority" value="100" min="0" max="100000">
                </label>
                <div class="provider-status-switches">
                    <label class="ops-checkline">
                        <input type="hidden" name="active" value="0">
                        <input type="checkbox" name="active" value="1" checked>
                        <span>Aktywne</span>
                    </label>
                    <label class="ops-checkline">
                        <input type="hidden" name="aggregate_order" value="0">
                        <input type="checkbox" name="aggregate_order" value="1" checked>
                        <span>Przelicz status zamówienia, jeśli nie wybrano statusu jawnego</span>
                    </label>
                </div>
            </div>
            <div class="provider-status-form__actions">
                <button class="button button--primary" type="submit"><span class="ui-icon">add_circle</span>Dodaj mapowanie</button>
            </div>
        </form>
    </section>

    <section class="ops-card provider-status-list-card">
        <div class="ops-card__head ops-card__head--inline">
            <div>
                <span class="ops-card__eyebrow">Aktualne mapowania</span>
                <h2>Reguły automatycznej zmiany statusów</h2>
                <p>Edytuj tylko te statusy, które dostawca faktycznie zwraca w panelu. Nieaktywne reguły są pomijane przez polling.</p>
            </div>
            <span class="ops-soft-badge">{{ mappings|length }} rekordów</span>
        </div>

        <div class="provider-status-rules">
            {% for mapping in mappings %}
                {% set editFormId = 'provider-status-mapping-' ~ mapping.id %}
                <article class="provider-status-rule {{ mapping.active ? 'is-active' : 'is-disabled' }}">
                    <div class="provider-status-rule__summary">
                        <div class="provider-status-rule__source">
                            <span class="ops-soft-badge">Dostawca</span>
                            <strong><code>{{ mapping.rawStatusCode }}</code></strong>
                            {% if mapping.rawStatusLabel %}<small>{{ mapping.rawStatusLabel }}</small>{% endif %}
                        </div>
                        <div class="provider-status-rule__arrow">→</div>
                        <div class="provider-status-rule__target">
                            <span class="ops-soft-badge">Realizacja</span>
                            <strong>{{ mapping.workflowStatus ? mapping.workflowStatus.label : '—' }}</strong>
                            <small>{{ mapping.workflowStatus ? mapping.workflowStatus.code : 'brak statusu' }}</small>
                        </div>
                        <div class="provider-status-rule__target provider-status-rule__target--order">
                            <span class="ops-soft-badge">Zamówienie</span>
                            {% if mapping.orderWorkflowStatus %}
                                <strong>{{ mapping.orderWorkflowStatus.label }}</strong>
                                <small>{{ mapping.orderWorkflowStatus.code }}</small>
                            {% elseif mapping.aggregateOrder %}
                                <strong>Agregator</strong>
                                <small>przelicz z realizacji i przesyłek</small>
                            {% else %}
                                <strong>Bez zmiany</strong>
                                <small>tylko status realizacji</small>
                            {% endif %}
                        </div>
                        <div class="provider-status-rule__meta">
                            <span class="ops-status {{ mapping.active ? 'is-green' : 'is-muted' }}">{{ mapping.active ? 'aktywne' : 'wyłączone' }}</span>
                            <span class="ops-chip">priorytet {{ mapping.priority }}</span>
                            <span class="text-muted">{{ mapping.updatedAt ? mapping.updatedAt|date('d.m.Y H:i') : '—' }}</span>
                        </div>
                    </div>

                    <details class="provider-status-rule__edit">
                        <summary><span class="ui-icon">edit</span>Edytuj regułę</summary>
                        <form id="{{ editFormId }}" method="post" action="{{ path('app_provider_status_mapping_save', {id: provider.id}) }}" class="provider-status-form">
                            <input type="hidden" name="_token" value="{{ csrf_token('provider_status_mapping_' ~ provider.id) }}">
                            <input type="hidden" name="mapping_id" value="{{ mapping.id }}">
                            <div class="provider-status-form__grid">
                                <label>
                                    <span>Kod statusu dostawcy</span>
                                    <input name="raw_status_code" value="{{ mapping.rawStatusCode }}" maxlength="190" required>
                                </label>
                                <label>
                                    <span>Nazwa / etykieta z panelu</span>
                                    <input name="raw_status_label" value="{{ mapping.rawStatusLabel }}" maxlength="255">
                                </label>
                                <label>
                                    <span>Status realizacji w aplikacji</span>
                                    <select name="workflow_status_id" required>
                                        {% for status in fulfillment_statuses %}
                                            <option value="{{ status.id }}" {{ mapping.workflowStatus and mapping.workflowStatus.id == status.id ? 'selected' : '' }}>{{ status.label }} · {{ status.code }}</option>
                                        {% endfor %}
                                    </select>
                                </label>
                                <label>
                                    <span>Status zamówienia w aplikacji opcjonalnie</span>
                                    <select name="order_workflow_status_id">
                                        <option value="0" {{ not mapping.orderWorkflowStatus ? 'selected' : '' }}>Przelicz z realizacji automatycznie</option>
                                        {% for status in order_statuses %}
                                            <option value="{{ status.id }}" {{ mapping.orderWorkflowStatus and mapping.orderWorkflowStatus.id == status.id ? 'selected' : '' }}>{{ status.label }} · {{ status.code }}</option>
                                        {% endfor %}
                                    </select>
                                </label>
                                <label>
                                    <span>Priorytet</span>
                                    <input type="number" name="priority" value="{{ mapping.priority }}" min="0" max="100000">
                                </label>
                                <div class="provider-status-switches">
                                    <label class="ops-checkline">
                                        <input type="hidden" name="active" value="0">
                                        <input type="checkbox" name="active" value="1" {{ mapping.active ? 'checked' : '' }}>
                                        <span>Aktywne</span>
                                    </label>
                                    <label class="ops-checkline">
                                        <input type="hidden" name="aggregate_order" value="0">
                                        <input type="checkbox" name="aggregate_order" value="1" {{ mapping.aggregateOrder ? 'checked' : '' }}>
                                        <span>Przelicz status zamówienia, jeśli nie wybrano statusu jawnego</span>
                                    </label>
                                </div>
                            </div>
                            <div class="provider-status-form__actions">
                                <button class="button button--primary" type="submit"><span class="ui-icon">save</span>Zapisz zmiany</button>
                            </div>
                        </form>
                        <form method="post" action="{{ path('app_provider_status_mapping_delete', {providerId: provider.id, id: mapping.id}) }}" class="provider-status-delete-form" onsubmit="return confirm('Usunąć mapowanie statusu dostawcy?');">
                            <input type="hidden" name="_token" value="{{ csrf_token('provider_status_mapping_delete_' ~ mapping.id) }}">
                            <button class="button button--danger" type="submit"><span class="ui-icon">delete</span>Usuń mapowanie</button>
                        </form>
                    </details>
                </article>
            {% else %}
                <div class="ops-note ops-note--warm">
                    Brak mapowań. Dodaj pierwszą regułę, np. <code>awaiting_production → in_production</code>.
                </div>
            {% endfor %}
        </div>
    </section>
</div>
{% endblock %}