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

{% block title %}Konfiguracja: {{ provider.name }} | 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">settings_input_component</span>Dostawcy / Konfiguracja</span>
                <h1>{{ provider.name }}</h1>
                <p>Formularz jest generowany bezpośrednio z definicji adaptera <code>{{ adapter.key }}</code>.</p>
            </div>
            <div class="ops-hero__actions">
                <a class="button button--ghost" href="{{ path('app_providers_configuration_index') }}">Wróć do dostawców</a>
            </div>
        </section>

        <section class="ops-layout ops-layout--main-aside">
            <article class="ops-card ops-card--form">
                <div class="ops-card__head">
                    <span class="ops-card__eyebrow">{{ adapter.label }}</span>
                    <h2>Ustawienia dostawcy</h2>
                    <p>Puste pola sekretów nie usuwają wcześniej zapisanych wartości.</p>
                </div>

                {{ form_start(form, {attr: {class: 'ops-form'}}) }}
                    {{ form_errors(form) }}

                    <div class="ops-form-grid ops-form-grid--two">
                        {{ form_row(form.name) }}
                        {{ form_row(form.enabled) }}
                    </div>

                    {% if definition is not empty %}
                        <div class="ops-form-grid ops-form-grid--two">
                            {% for setting_key, setting_definition in definition %}
                                {{ form_row(attribute(form, setting_key)) }}
                            {% endfor %}
                        </div>
                    {% else %}
                        <div class="ops-note ops-note--warm">
                            Ten adapter nie wymaga ustawień API. Po aktywacji produkcja własna jest dostępna lokalnie.
                        </div>
                    {% endif %}

                    <div class="ops-form-actions">
                        <button type="submit" class="button button--primary">Zapisz konfigurację</button>
                    </div>
                {{ form_end(form) }}
            </article>

            <aside class="ops-card ops-card--aside">
                <div class="ops-card__head">
                    <span class="ops-card__eyebrow">Stan</span>
                    <h3>{{ status_labels[provider.status]|default(provider.status) }}</h3>
                </div>

                <div class="ops-guide-list">
                    <div>
                        <span class="ui-icon">extension</span>
                        <p><strong>Adapter</strong>{{ adapter.key }}</p>
                    </div>
                    <div>
                        <span class="ui-icon">category</span>
                        <p><strong>Typ</strong>{{ provider.type == 'internal' ? 'wewnętrzny' : 'zewnętrzny' }}</p>
                    </div>
                    <div>
                        <span class="ui-icon">schedule</span>
                        <p><strong>Ostatni test</strong>{{ provider.lastPingAt ? provider.lastPingAt|date('d.m.Y H:i') : 'brak' }}</p>
                    </div>
                </div>

                <div class="ops-stack mt-3">
                    <strong>Możliwości adaptera</strong>
                    <div class="ops-meta-line">
                        {% for capability in adapter.capabilities %}
                            <span class="ops-chip">{{ capability }}</span>
                        {% endfor %}
                    </div>
                </div>

                {% if configured_secret_keys is not empty %}
                    <div class="ops-stack mt-3">
                        <strong>Zapisane sekrety</strong>
                        <div class="ops-meta-line">
                            {% for key in configured_secret_keys %}
                                <span class="ops-status is-green">{{ key }}</span>
                            {% endfor %}
                        </div>
                    </div>
                {% endif %}

                {% if provider.lastError %}
                    <div class="ops-note ops-note--warm mt-3">{{ provider.lastError }}</div>
                {% endif %}

                <form method="post" action="{{ path('app_provider_test_connection', {id: provider.id}) }}" class="mt-3">
                    <input type="hidden" name="_token" value="{{ csrf_token('provider_test_connection_' ~ provider.id) }}">
                    <button type="submit" class="button button--secondary">Testuj połączenie</button>
                </form>
            </aside>
        </section>
    </div>
{% endblock %}