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

{% block title %}PrestaShop | Integracje{% endblock %}

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

    <div class="ops-page prestashop-config-page">
        <section class="ops-hero ops-hero--presta">
            <div class="ops-hero__content">
                <div class="ops-kicker">
                    <span class="ui-icon">shopping_cart</span>
                    Integracja / Konfiguracja
                </div>
                <h1>PrestaShop Connector</h1>
                <p>
                    Konfiguracja połączenia z modułem <code>miceyproductconnector</code>. Requesty są podpisywane HMAC, a każda próba synchronizacji zamówień jest zapisywana w historii poniżej.
                </p>
            </div>
            <div class="ops-hero__actions">
                <a href="{{ path('app_integrations') }}" class="button button--ghost">
                    <span class="ui-icon">arrow_back</span>
                    Wróć do integracji
                </a>
            </div>
        </section>

        <section class="ops-stat-grid ops-stat-grid--five">
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">lan</span>
                <span class="ops-stat-card__label">Status</span>
                <strong>{{ integration.status }}</strong>
            </article>
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">power_settings_new</span>
                <span class="ops-stat-card__label">Aktywna</span>
                <strong>{{ integration.enabled ? 'tak' : 'nie' }}</strong>
            </article>
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">encrypted</span>
                <span class="ops-stat-card__label">Secret</span>
                <strong>{{ has_secret ? 'ustawiony' : 'brak' }}</strong>
            </article>
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">network_ping</span>
                <span class="ops-stat-card__label">Ostatni ping</span>
                <strong>{{ integration.lastPingAt ? integration.lastPingAt|date('d-m H:i') : '—' }}</strong>
            </article>
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">sync</span>
                <span class="ops-stat-card__label">Ostatnia synchronizacja</span>
                <strong>{{ integration.lastSyncAt ? integration.lastSyncAt|date('d-m H:i') : '—' }}</strong>
            </article>
        </section>

        {% if integration.lastError %}
            <div class="ops-note ops-note--error">
                <span class="ui-icon">error</span>
                <p><strong>Ostatni błąd:</strong> {{ integration.lastError }}</p>
            </div>
        {% endif %}

        <section class="ops-layout ops-layout--main-aside">
            <article class="ops-card ops-card--form">
                <div class="ops-card__head">
                    <div>
                        <span class="ops-card__eyebrow">Ustawienia połączenia i zamówień</span>
                        <h2>Konfiguracja PrestaShop</h2>
                        <p>Ustaw połączenie, punkt startowy pierwszego importu oraz interwał kolejnych synchronizacji.</p>
                    </div>
                </div>

                {{ form_start(form, { attr: { class: 'ops-form presta-config-form' } }) }}
                    <div class="ops-form-grid ops-form-grid--two">
                        <div class="form-row ops-form-row">{{ form_row(form.name) }}</div>
                        <div class="form-row ops-form-row">{{ form_row(form.shop_url) }}</div>
                        <div class="form-row ops-form-row">{{ form_row(form.app_id) }}</div>
                        <div class="form-row ops-form-row">{{ form_row(form.shared_secret) }}</div>
                    </div>

                    <div class="ops-subcard ops-subcard--soft">
                        <div class="ops-subcard__head">
                            <strong>Opcje publikacji i debugowania</strong>
                            <span>Te ustawienia wpływają na publikowanie produktów oraz logowanie requestów.</span>
                        </div>
                        <div class="ops-form-row-group">
                            <div class="form-row form-row--inline">{{ form_row(form.enabled) }} {{ form_row(form.debug) }} {{ form_row(form.default_active_after_publish) }}</div>
                            <div class="form-row form-row--inline">{{ form_row(form.prestashop_auto_upload_images_after_publish) }}</div>
                            <div class="form-row ops-form-row ops-form-row--select">{{ form_row(form.default_platform_intent) }}</div>
                        </div>
                    </div>

                    <div class="ops-subcard ops-subcard--soft order-sync-settings">
                        <div class="ops-subcard__head">
                            <strong>Automatyczne pobieranie zamówień</strong>
                            <span>Pierwszy przebieg używa wskazanej daty albo ID. Po zapisaniu kursora wszystkie kolejne przebiegi kontynuują od ostatniego miejsca.</span>
                        </div>
                        <div class="form-row form-row--inline">{{ form_row(form.orders_sync_auto_enabled) }}</div>
                        <div class="ops-form-grid ops-form-grid--two">
                            <div class="form-row ops-form-row">{{ form_row(form.orders_sync_interval_minutes) }}</div>
                            <div class="form-row ops-form-row">{{ form_row(form.orders_sync_batch_limit) }}</div>
                            <div class="form-row ops-form-row">{{ form_row(form.orders_sync_initial_mode) }}</div>
                            <div class="form-row ops-form-row">{{ form_row(form.orders_sync_start_date) }}</div>
                            <div class="form-row ops-form-row">{{ form_row(form.orders_sync_start_order_id) }}</div>
                        </div>
                        <div class="ops-note ops-note--info">
                            <span class="ui-icon">schedule</span>
                            <p>Interwał jest egzekwowany przez komendę <code>php bin/console app:orders:sync-scheduled</code>. Dodaj ją do crona albo Harmonogramu zadań Windows.</p>
                        </div>
                    </div>

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

            <aside class="ops-card ops-card--aside">
                <div class="ops-card__head">
                    <div>
                        <span class="ops-card__eyebrow">Stan synchronizacji</span>
                        <h2>Aktualny plan</h2>
                    </div>
                </div>
                <div class="ops-guide-list">
                    <div>
                        <span class="ui-icon">route</span>
                        <p><strong>Punkt startowy</strong><br>{{ orders_sync_plan_description ?: 'Nie można ustalić planu.' }}</p>
                    </div>
                    <div>
                        <span class="ui-icon">timer</span>
                        <p><strong>Automatyzacja</strong><br>{{ orders_sync_schedule.enabled ? 'co ' ~ orders_sync_schedule.interval_minutes ~ ' min' : 'wyłączona' }}</p>
                    </div>
                    <div>
                        <span class="ui-icon">event</span>
                        <p><strong>Następny termin</strong><br>{{ orders_sync_schedule.next_scheduled_at ? orders_sync_schedule.next_scheduled_at|date('d.m.Y H:i') : '—' }}</p>
                    </div>
                    <div>
                        <span class="ui-icon">api</span>
                        <p><strong>Requesty connectora</strong><br>Każdy request otrzymuje request ID, kod HTTP i czas odpowiedzi w logach.</p>
                    </div>
                </div>
                {% if orders_sync_plan_error %}
                    <div class="ops-note ops-note--error"><span class="ui-icon">error</span><p>{{ orders_sync_plan_error }}</p></div>
                {% endif %}
            </aside>
        </section>

        <section class="ops-card">
            <div class="ops-card__head ops-card__head--inline">
                <div>
                    <span class="ops-card__eyebrow">Endpointy connectora</span>
                    <h2>Test połączenia i słowniki</h2>
                </div>
            </div>

            <div class="ops-endpoint-grid">
                <div class="ops-endpoint-card"><span>Ping</span><code>{{ ping_endpoint }}</code></div>
                <div class="ops-endpoint-card"><span>Orders</span><code>{{ orders_endpoint }}</code></div>
                <div class="ops-endpoint-card"><span>Single order</span><code>{{ single_order_endpoint }}</code></div>
                <div class="ops-endpoint-card"><span>Dictionaries</span><code>{{ dictionaries_endpoint }}</code></div>
                <div class="ops-endpoint-card"><span>Product form dictionaries</span><code>{{ product_form_dictionaries_endpoint }}</code></div>
            </div>

            <div class="ops-action-row">
                <form method="post" action="{{ path('app_prestashop_test_connection') }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('prestashop_test_connection') }}">
                    <button type="submit" class="button button--primary"><span class="ui-icon">network_ping</span>Testuj połączenie</button>
                </form>
                <form method="post" action="{{ path('app_prestashop_sync_dictionaries') }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('prestashop_sync_dictionaries') }}">
                    <button type="submit" class="button button--ghost"><span class="ui-icon">sync_alt</span>Synchronizuj bazowe słowniki</button>
                </form>
                <form method="post" action="{{ path('app_prestashop_sync_product_form_dictionaries') }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('prestashop_sync_product_form_dictionaries') }}">
                    <button type="submit" class="button button--primary"><span class="ui-icon">sync</span>Synchronizuj słowniki produktu</button>
                </form>
            </div>
        </section>

        <section class="ops-card order-sync-panel">
            <div class="ops-card__head ops-card__head--inline">
                <div>
                    <span class="ops-card__eyebrow">Centralny model zamówień</span>
                    <h2>Synchronizacja zamówień</h2>
                    <p>Kliknięcie wykonuje synchronizację od razu. Zlecenie pozostaje w tabeli jako historia i kolejka awaryjna, ale nie czeka na niewidoczny proces w tle.</p>
                </div>
                <span class="status-pill {{ integration.enabled ? 'status-pill--success' : 'status-pill--muted' }}">{{ integration.enabled ? 'aktywna' : 'wyłączona' }}</span>
            </div>

            <div class="ops-stat-grid ops-stat-grid--five">
                <article class="ops-stat-card"><span class="ops-stat-card__label">Ostatnia próba</span><strong>{{ orders_sync_cursor and orders_sync_cursor.lastAttemptAt ? orders_sync_cursor.lastAttemptAt|date('d.m.Y H:i') : '—' }}</strong></article>
                <article class="ops-stat-card"><span class="ops-stat-card__label">Ostatni sukces</span><strong>{{ orders_sync_cursor and orders_sync_cursor.lastSuccessfulSyncAt ? orders_sync_cursor.lastSuccessfulSyncAt|date('d.m.Y H:i') : '—' }}</strong></article>
                <article class="ops-stat-card"><span class="ops-stat-card__label">Cursor</span><strong title="Cursor jest wartością nieprzezroczystą">{{ orders_sync_cursor and orders_sync_cursor.cursorValue ? orders_sync_cursor.cursorValue|slice(0, 20) ~ '…' : 'brak' }}</strong></article>
                <article class="ops-stat-card"><span class="ops-stat-card__label">Utworzone / zmienione</span><strong>{{ orders_sync_last_run ? orders_sync_last_run.created ~ ' / ' ~ orders_sync_last_run.updated : '0 / 0' }}</strong></article>
                <article class="ops-stat-card"><span class="ops-stat-card__label">Kolejka</span><strong>{{ orders_sync_pending ? 'oczekuje' : 'pusta' }}</strong></article>
            </div>

            {% if orders_sync_cursor and orders_sync_cursor.lastError %}
                <div class="ops-note ops-note--error"><span class="ui-icon">error</span><p><strong>Ostatni błąd synchronizacji:</strong> {{ orders_sync_cursor.lastError }}</p></div>
            {% endif %}
            {% if orders_sync_last_run %}
                <div class="ops-note ops-note--info">
                    <span class="ui-icon">receipt_long</span>
                    <p>Ostatni przebieg: <strong>{{ orders_sync_last_run.status }}</strong>, pobrano {{ orders_sync_last_run.fetched }}, utworzono {{ orders_sync_last_run.created }}, zaktualizowano {{ orders_sync_last_run.updated }}, bez zmian {{ orders_sync_last_run.unchanged }}, ostrzeżenia {{ orders_sync_last_run.warningsJson|length }}, błędy {{ orders_sync_last_run.errorsJson|length }}.</p>
                </div>
            {% endif %}
            {% if orders_sync_pending %}
                <div class="ops-note ops-note--warning"><span class="ui-icon">schedule</span><p>Istnieje oczekujące lub wykonywane zlecenie. Możesz uruchomić oczekujące zlecenia przyciskiem poniżej.</p></div>
            {% endif %}

            <div class="order-sync-actions-grid">
                <article class="order-sync-action-card order-sync-action-card--primary">
                    <span class="ui-icon">sync</span>
                    <div>
                        <h3>Synchronizuj teraz</h3>
                        <p>{{ orders_sync_plan_description ?: 'Najpierw uzupełnij punkt startowy w konfiguracji.' }}</p>
                    </div>
                    <form method="post" action="{{ path('app_prestashop_orders_sync_enqueue') }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('prestashop_orders_sync') }}">
                        <button type="submit" class="button button--primary" {{ orders_sync_plan_error ? 'disabled' : '' }}><span class="ui-icon">play_arrow</span>Uruchom synchronizację</button>
                    </form>
                </article>

                <article class="order-sync-action-card">
                    <span class="ui-icon">download</span>
                    <div><h3>Pobierz konkretne zamówienie</h3><p>Natychmiastowe pobranie jednego zamówienia z endpointu <code>/order</code>.</p></div>
                    <form method="post" action="{{ path('app_prestashop_orders_single_enqueue') }}" class="ops-inline-form">
                        <input type="hidden" name="_token" value="{{ csrf_token('prestashop_orders_single') }}">
                        <input type="number" name="id_order" min="1" required placeholder="ID zamówienia" class="form-control">
                        <button type="submit" class="button button--ghost">Pobierz</button>
                    </form>
                </article>

                <article class="order-sync-action-card order-sync-action-card--wide">
                    <span class="ui-icon">first_page</span>
                    <div><h3>Ręczne pobranie od wskazanego miejsca</h3><p>Wymusza pobranie od wskazanego miejsca i zapisuje nowy cursor zwrócony przez connector. Ponowne pobranie jest bezpieczne — istniejące zamówienia są aktualizowane.</p></div>
                    <form method="post" action="{{ path('app_prestashop_orders_range_sync') }}" class="order-sync-range-form">
                        <input type="hidden" name="_token" value="{{ csrf_token('prestashop_orders_range') }}">
                        <label>Tryb
                            <select name="start_mode" class="form-control">
                                <option value="date">Od daty</option>
                                <option value="order_id">Od ID zamówienia</option>
                            </select>
                        </label>
                        <label>Data
                            <input type="datetime-local" name="from_date" class="form-control">
                        </label>
                        <label>ID początkowe
                            <input type="number" name="from_order_id" min="1" class="form-control">
                        </label>
                        <label>Limit strony
                            <input type="number" name="limit" value="100" min="1" max="200" class="form-control">
                        </label>
                        <button type="submit" class="button button--ghost"><span class="ui-icon">play_arrow</span>Pobierz od wskazanego miejsca</button>
                    </form>
                </article>
            </div>

            <div class="ops-action-row order-sync-secondary-actions">
                <form method="post" action="{{ path('app_prestashop_orders_dry_run_enqueue') }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('prestashop_orders_dry_run') }}">
                    <button type="submit" class="button button--ghost" {{ orders_sync_plan_error ? 'disabled' : '' }}><span class="ui-icon">science</span>Testuj bez zapisu</button>
                </form>
                <form method="post" action="{{ path('app_prestashop_orders_process_pending') }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('prestashop_orders_process_pending') }}">
                    <button type="submit" class="button button--ghost"><span class="ui-icon">playlist_play</span>Przetwórz oczekujące zlecenia</button>
                </form>
            </div>
        </section>

        <section class="ops-card order-sync-history">
            <div class="ops-card__head">
                <div>
                    <span class="ops-card__eyebrow">Kolejka i historia</span>
                    <h2>Zlecenia synchronizacji zamówień</h2>
                    <p>Każde kliknięcie i każdy przebieg automatyczny tworzy osobny wpis z wynikiem oraz błędem.</p>
                </div>
            </div>
            <div class="order-sync-table-wrap">
                <table class="order-sync-table">
                    <thead><tr><th>Job</th><th>Źródło</th><th>Tryb</th><th>Status</th><th>Utworzono</th><th>Czas</th><th>Wynik</th><th>Szczegóły</th></tr></thead>
                    <tbody>
                    {% for job in orders_sync_jobs %}
                        {% set options = job.optionsJson %}
                        {% set result = job.resultJson %}
                        <tr>
                            <td><strong>#{{ job.id }}</strong></td>
                            <td>{{ options.trigger|default('unknown') }}</td>
                            <td>{{ job.mode }}{% if options.dry_run|default(false) %}<br><small>dry run</small>{% endif %}</td>
                            <td><span class="sync-status sync-status--{{ job.status }}">{{ job.status }}</span></td>
                            <td>{{ job.createdAt ? job.createdAt|date('d.m.Y H:i:s') : '—' }}</td>
                            <td>
                                {% if job.startedAt and job.finishedAt %}
                                    {{ job.finishedAt.timestamp - job.startedAt.timestamp }} s
                                {% elseif job.startedAt %}
                                    trwa
                                {% else %}—{% endif %}
                            </td>
                            <td>
                                {% if result %}
                                    pobrano {{ result.fetched|default(0) }}<br>
                                    +{{ result.created|default(0) }} / ~{{ result.updated|default(0) }} / ={{ result.unchanged|default(0) }}
                                {% else %}—{% endif %}
                            </td>
                            <td>
                                {% if job.lastError %}<div class="sync-error">{{ job.lastError }}</div>{% endif %}
                                {% if result %}
                                    <details><summary>Pokaż wynik</summary><pre>{{ result|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre></details>
                                {% endif %}
                            </td>
                        </tr>
                    {% else %}
                        <tr><td colspan="8" class="ops-muted">Brak zleceń synchronizacji.</td></tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </section>

        <section class="ops-card order-sync-logs">
            <div class="ops-card__head">
                <div>
                    <span class="ops-card__eyebrow">Diagnostyka połączenia</span>
                    <h2>Logi synchronizacji i connectora</h2>
                    <p>Widać tu utworzenie joba, start procesora, request do PrestaShop, kod HTTP, czas odpowiedzi i zakończenie importu.</p>
                </div>
            </div>
            <div class="order-sync-table-wrap">
                <table class="order-sync-table">
                    <thead><tr><th>Data</th><th>Poziom</th><th>Zdarzenie</th><th>Komunikat</th><th>Dane techniczne</th></tr></thead>
                    <tbody>
                    {% for log in orders_sync_logs %}
                        <tr>
                            <td>{{ log.createdAt ? log.createdAt|date('d.m.Y H:i:s') : '—' }}</td>
                            <td><span class="sync-log-level sync-log-level--{{ log.level }}">{{ log.level }}</span></td>
                            <td><code>{{ log.context }}</code></td>
                            <td>{{ log.message }}</td>
                            <td>{% if log.technicalDetails %}<details><summary>Pokaż</summary><pre>{{ log.technicalDetails }}</pre></details>{% else %}—{% endif %}</td>
                        </tr>
                    {% else %}
                        <tr><td colspan="5" class="ops-muted">Brak logów synchronizacji. Po pierwszym kliknięciu powinny pojawić się co najmniej wpisy job_queued i connector_request_started.</td></tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </section>
    </div>
{% endblock %}