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

{% block title %}Mapowanie statusów dostawców | micey-projects{% endblock %}

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

    <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 / statusy</span>
                <h1>Mapowanie statusów dostawców</h1>
                <p>Wybierz dostawcę i ustaw, jaki status z jego panelu ma wywołać automatyczną zmianę statusu realizacji oraz zamówienia w aplikacji.</p>
            </div>
            <div class="ops-hero__actions">
                <a class="button button--ghost" href="{{ path('app_providers_configuration_index') }}"><span class="ui-icon">settings</span>Konfiguracja dostawców</a>
            </div>
        </section>

        <section class="ops-card">
            <div class="ops-card__head ops-card__head--inline">
                <div>
                    <span class="ops-card__eyebrow">Dostawcy</span>
                    <h2>Wybierz mapowanie do edycji</h2>
                    <p>Mapowanie jest osobne dla każdego dostawcy, bo raw statusy mogą mieć inne nazwy i znaczenie.</p>
                </div>
                <span class="ops-soft-badge">{{ providers|length }} dostawców</span>
            </div>

            <div class="provider-status-provider-grid">
                {% for provider in providers %}
                    <article class="provider-status-provider-card">
                        <div>
                            <span class="ops-soft-badge">{{ provider.adapterKey }}</span>
                            <h3>{{ provider.name }}</h3>
                            <p>{{ provider.type == 'internal' ? 'Dostawca wewnętrzny' : 'Dostawca zewnętrzny' }} · {{ provider.enabled ? 'aktywny' : 'wyłączony' }}</p>
                        </div>
                        <a class="button button--primary" href="{{ path('app_provider_status_mapping', {id: provider.id}) }}">
                            <span class="ui-icon">rule_settings</span>Edytuj mapowanie
                        </a>
                    </article>
                {% else %}
                    <div class="ops-note ops-note--warm">Najpierw uruchom komendę inicjalizującą dostawców.</div>
                {% endfor %}
            </div>
        </section>
    </div>
{% endblock %}