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

{% block title %}{{ page_title }} | micey-projects{% endblock %}

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

    {% set status_labels = {
        not_configured: 'Nie skonfigurowano',
        configured: 'Skonfigurowany',
        connected: 'Połączony',
        error: 'Błąd',
        disabled: 'Wyłączony'
    } %}

    <div class="ops-page provider-page">
        <section class="ops-hero">
            <div class="ops-hero__content">
                <span class="ops-kicker"><span class="ui-icon" aria-hidden="true">precision_manufacturing</span>Dostawcy</span>
                <h1>{{ configuration_mode ? 'Konfiguracja dostawców' : 'Dostawcy produkcyjni' }}</h1>
                <p>
                    {{ configuration_mode
                        ? 'Wybierz dostawcę, aby skonfigurować pola udostępnione przez jego adapter i bezpiecznie zapisać sekrety.'
                        : 'Wspólna warstwa dostawców wewnętrznych i zewnętrznych. Na tym etapie moduł nie wysyła jeszcze zamówień.'
                    }}
                </p>
            </div>
            <div class="ops-hero__actions">
                <a class="button button--ghost" href="{{ path('app_providers_logs') }}">Logi dostawców</a>
            </div>
        </section>

        <section class="ops-stat-grid ops-stat-grid--four">
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">factory</span>
                <span class="ops-stat-card__label">Wszyscy</span>
                <strong>{{ statistics.all }}</strong>
            </article>
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">toggle_on</span>
                <span class="ops-stat-card__label">Aktywni</span>
                <strong>{{ statistics.enabled }}</strong>
            </article>
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">link</span>
                <span class="ops-stat-card__label">Połączeni</span>
                <strong>{{ statistics.connected }}</strong>
            </article>
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">error</span>
                <span class="ops-stat-card__label">Błędy</span>
                <strong>{{ statistics.errors }}</strong>
            </article>
        </section>

        <section class="ops-card">
            <div class="ops-card__head ops-card__head--inline">
                <div>
                    <span class="ops-card__eyebrow">Lista</span>
                    <h2>Zarejestrowani dostawcy</h2>
                    <p>Rekordy bazowe utworzysz idempotentną komendą <code>app:providers:initialize</code>.</p>
                </div>
                <span class="ops-soft-badge">{{ providers|length }} rekordów</span>
            </div>

            <div class="table-responsive ops-table-wrap">
                <table class="data-table ops-table">
                    <thead>
                    <tr>
                        <th>Dostawca</th>
                        <th>Adapter</th>
                        <th>Typ</th>
                        <th>Możliwości</th>
                        <th>Status</th>
                        <th>Ostatni test</th>
                        <th>Akcje</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for provider in providers %}
                        {% set adapter_available = adapter_registry.has(provider.adapterKey) %}
                        {% set adapter = adapter_available ? adapter_registry.get(provider.adapterKey) : null %}
                        <tr>
                            <td>
                                <strong>{{ provider.name }}</strong>
                                <small class="text-muted d-block"><code>{{ provider.code }}</code></small>
                            </td>
                            <td>
                                <strong>{{ adapter ? adapter.label : provider.adapterKey }}</strong>
                                <small class="text-muted d-block"><code>{{ provider.adapterKey }}</code></small>
                            </td>
                            <td>
                                <span class="ops-chip">{{ provider.type == 'internal' ? 'wewnętrzny' : 'zewnętrzny' }}</span>
                            </td>
                            <td>
                                <div class="ops-meta-line">
                                    {% for capability in provider.capabilitiesJson %}
                                        <span class="ops-chip">{{ capability }}</span>
                                    {% else %}
                                        <span class="text-muted">—</span>
                                    {% endfor %}
                                </div>
                            </td>
                            <td>
                                <span class="ops-status {{ provider.status == 'connected' ? 'is-green' : (provider.status == 'error' ? 'is-red' : 'is-muted') }}">
                                    {{ status_labels[provider.status]|default(provider.status) }}
                                </span>
                                {% if provider.lastError %}
                                    <small class="text-muted d-block" title="{{ provider.lastError }}">Ostatni test zakończony błędem</small>
                                {% endif %}
                            </td>
                            <td>{{ provider.lastPingAt ? provider.lastPingAt|date('d.m.Y H:i') : '—' }}</td>
                            <td>
                                <div class="table-actions">
                                    <a class="button button--tiny" href="{{ path('app_provider_configure', {id: provider.id}) }}">Konfiguruj</a>
                                    <a class="button button--tiny button--ghost" href="{{ path('app_provider_sku_mapping', {id: provider.id}) }}">Mapuj SKU</a>
                                    <form method="post" action="{{ path('app_provider_toggle', {id: provider.id}) }}">
                                        <input type="hidden" name="_token" value="{{ csrf_token('provider_toggle_' ~ provider.id) }}">
                                        <input type="hidden" name="enabled" value="{{ provider.enabled ? '0' : '1' }}">
                                        <button class="button button--tiny {{ provider.enabled ? 'button--danger' : 'button--ghost' }}" type="submit">
                                            {{ provider.enabled ? 'Wyłącz' : 'Aktywuj' }}
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="7">
                                Brak dostawców. Uruchom <code>php bin/console app:providers:initialize</code> po wykonaniu SQL.
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </section>
    </div>
{% endblock %}