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

{% block title %}PrestaShop — mapowanie statusów{% endblock %}

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

<div class="ops-page prestashop-status-mapping-page">
    <section class="ops-hero">
        <div class="ops-hero__content">
            <span class="ops-kicker">PrestaShop / Konfiguracja</span>
            <h1>Mapowanie statusów</h1>
            <p>Jedno miejsce dla obu kierunków: decyzji o pobraniu zamówienia z PrestaShop oraz wysyłki zmian statusu z aplikacji do sklepu.</p>
        </div>
        <div class="ops-hero__actions">
            <a href="{{ path('app_prestashop_integration') }}" class="button button--ghost"><span class="ui-icon">arrow_back</span>Konfiguracja PrestaShop</a>
            <form method="post" action="{{ path('app_prestashop_status_mapping_sync_statuses') }}">
                <input type="hidden" name="_token" value="{{ csrf_token('prestashop_status_mapping_sync') }}">
                <button type="submit" class="button button--primary"><span class="ui-icon">sync</span>Pobierz statusy z PrestaShop</button>
            </form>
        </div>
    </section>

    <section class="ops-card">
        {% if prestashop_statuses is empty %}
            <div class="ops-note ops-note--warning">
                <span class="ui-icon">warning</span>
                <p><strong>Brak pobranej listy statusów.</strong> Użyj przycisku „Pobierz statusy z PrestaShop”. Do poprawnego działania connector musi zwracać rzeczywiste OrderState sklepu.</p>
            </div>
        {% else %}
            <div class="ops-note ops-note--success">
                <span class="ui-icon">check_circle</span>
                <p>Pobrano <strong>{{ prestashop_statuses|length }}</strong> statusów PrestaShop{% if prestashop_statuses_synced_at %}; ostatnia synchronizacja {{ prestashop_statuses_synced_at|date('d.m.Y H:i') }}{% endif %}. ID i nazwy w formularzach pochodzą bezpośrednio ze sklepu.</p>
            </div>
        {% endif %}
        <div class="ops-note ops-note--info">
            <span class="ui-icon">info</span>
            <p>Numer trackingowy jest wysyłany niezależnie od mapowań statusów. Po dodaniu trackingu komenda <code>php bin/console app:orders:push-channel-updates --limit=50</code> sama utworzy brakującą akcję i prześle numer do PrestaShop.</p>
        </div>
    </section>

    <section class="ops-card">
        <div class="ops-card__head ops-card__head--inline">
            <div>
                <span class="ops-card__eyebrow">PrestaShop → aplikacja</span>
                <h2>Pobieranie zamówień i status po imporcie</h2>
                <p>Najpierw aplikacja sprawdza status PrestaShop. Reguła określa, czy zamówienie pobrać lub aktualizować, a następnie jaki status aplikacji ustawić.</p>
            </div>
        </div>

        <div class="ops-table-wrap">
            <table class="ops-table">
                <thead>
                <tr>
                    <th>Status PrestaShop</th>
                    <th>Reguła aktywna</th>
                    <th>Pobieraj nowe</th>
                    <th>Istniejące zamówienia</th>
                    <th>Status aplikacji</th>
                    <th>Akcje</th>
                </tr>
                </thead>
                <tbody>
                {% if prestashop_statuses is not empty %}
                    {% for remote in prestashop_statuses %}
                        {% set mapping = inbound_mappings_by_code[remote.code]|default(null) %}
                        {% set formId = 'presta-inbound-' ~ remote.code %}
                        <tr>
                            <td>
                                <strong>{{ remote.label }}</strong><br>
                                <span class="mono-badge">ID {{ remote.id }}</span>
                                {% if remote.paid %}<span class="status-pill status-pill--success">opłacony</span>{% endif %}
                                {% if remote.shipped %}<span class="status-pill">wysłany</span>{% endif %}
                                {% if remote.canceled %}<span class="status-pill status-pill--danger">anulowany</span>{% endif %}
                            </td>
                            <td><label class="ops-check"><input form="{{ formId }}" type="checkbox" name="active" value="1" {{ mapping and mapping.active ? 'checked' : '' }}> aktywna</label></td>
                            <td><label class="ops-check"><input form="{{ formId }}" type="checkbox" name="import_enabled" value="1" {{ mapping and mapping.importEnabled ? 'checked' : '' }}> tak</label></td>
                            <td>
                                <select form="{{ formId }}" name="import_existing_policy">
                                    {% for policy in import_policies %}
                                        <option value="{{ policy }}" {{ (mapping ? mapping.importExistingPolicy : 'skip') == policy ? 'selected' : '' }}>{{ import_policy_labels[policy] ?? policy }}</option>
                                    {% endfor %}
                                </select>
                            </td>
                            <td>
                                <select form="{{ formId }}" name="local_status_code">
                                    <option value="">— bez statusu / pomijaj —</option>
                                    {% for status in workflow_statuses_by_scope.order %}
                                        <option value="{{ status.code }}" {{ mapping and mapping.localStatusCode == status.code ? 'selected' : '' }}>{{ status.label }} ({{ status.code }})</option>
                                    {% endfor %}
                                </select>
                            </td>
                            <td class="ops-action-cell">
                                <form id="{{ formId }}" method="post" action="{{ path('app_prestashop_status_mapping_inbound_save') }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('prestashop_status_mapping') }}">
                                    <input type="hidden" name="mapping_id" value="{{ mapping ? mapping.id : '' }}">
                                    <input type="hidden" name="external_status_code" value="{{ remote.code }}">
                                    <input type="hidden" name="external_status_label" value="{{ remote.label }}">
                                    <input type="hidden" name="sort_order" value="{{ loop.index0 }}">
                                </form>
                                <button class="button button--small" type="submit" form="{{ formId }}">Zapisz</button>
                                {% if mapping and mapping.active %}
                                    <form method="post" action="{{ path('app_prestashop_status_mapping_disable', {id: mapping.id}) }}">
                                        <input type="hidden" name="_token" value="{{ csrf_token('prestashop_status_mapping_disable_' ~ mapping.id) }}">
                                        <button class="button button--small button--ghost" type="submit">Wyłącz</button>
                                    </form>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                {% elseif inbound_mappings is not empty %}
                    {% for mapping in inbound_mappings %}
                        {% set formId = 'presta-inbound-existing-' ~ mapping.id %}
                        <tr>
                            <td><strong>{{ mapping.externalStatusLabel ?: 'Status #' ~ mapping.externalStatusCode }}</strong><br><span class="mono-badge">ID {{ mapping.externalStatusCode }}</span></td>
                            <td><label class="ops-check"><input form="{{ formId }}" type="checkbox" name="active" value="1" {{ mapping.active ? 'checked' : '' }}> aktywna</label></td>
                            <td><label class="ops-check"><input form="{{ formId }}" type="checkbox" name="import_enabled" value="1" {{ mapping.importEnabled ? 'checked' : '' }}> tak</label></td>
                            <td><select form="{{ formId }}" name="import_existing_policy">{% for policy in import_policies %}<option value="{{ policy }}" {{ mapping.importExistingPolicy == policy ? 'selected' : '' }}>{{ import_policy_labels[policy] ?? policy }}</option>{% endfor %}</select></td>
                            <td><select form="{{ formId }}" name="local_status_code"><option value="">— bez statusu / pomijaj —</option>{% for status in workflow_statuses_by_scope.order %}<option value="{{ status.code }}" {{ mapping.localStatusCode == status.code ? 'selected' : '' }}>{{ status.label }} ({{ status.code }})</option>{% endfor %}</select></td>
                            <td>
                                <form id="{{ formId }}" method="post" action="{{ path('app_prestashop_status_mapping_inbound_save') }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('prestashop_status_mapping') }}">
                                    <input type="hidden" name="mapping_id" value="{{ mapping.id }}">
                                    <input type="hidden" name="external_status_code" value="{{ mapping.externalStatusCode }}">
                                    <input type="hidden" name="external_status_label" value="{{ mapping.externalStatusLabel }}">
                                    <input type="hidden" name="sort_order" value="{{ mapping.sortOrder }}">
                                </form>
                                <button class="button button--small" type="submit" form="{{ formId }}">Zapisz</button>
                            </td>
                        </tr>
                    {% endfor %}
                {% else %}
                    <tr><td colspan="6"><div class="empty-state empty-state--compact"><strong>Najpierw pobierz statusy z PrestaShop.</strong></div></td></tr>
                {% endif %}
                </tbody>
            </table>
        </div>
    </section>

    <section class="ops-card">
        <div class="ops-card__head ops-card__head--inline">
            <div>
                <span class="ops-card__eyebrow">Aplikacja → PrestaShop</span>
                <h2>Wysyłka zmiany statusu do PrestaShop</h2>
                <p>Każdy konkretny status aplikacji może wskazywać jeden docelowy status PrestaShop. Zmiana workflow tworzy akcję outbound, a CRON wysyła ją do connectora.</p>
            </div>
        </div>

        <div class="ops-table-wrap">
            <table class="ops-table">
                <thead>
                <tr>
                    <th>Zakres</th>
                    <th>Status aplikacji</th>
                    <th>Docelowy status PrestaShop</th>
                    <th>Powiadom klienta</th>
                    <th>Reguła aktywna</th>
                    <th>Cofnięcie statusu terminalnego</th>
                    <th>Akcje</th>
                </tr>
                </thead>
                <tbody>
                {% for mapping in outbound_mappings %}
                    {% set formId = 'presta-outbound-' ~ mapping.id %}
                    <tr>
                        <td>
                            <select form="{{ formId }}" name="trigger_scope">
                                {% for scope in trigger_scopes %}<option value="{{ scope }}" {{ mapping.triggerScope == scope ? 'selected' : '' }}>{{ scope }}</option>{% endfor %}
                            </select>
                        </td>
                        <td>
                            <select form="{{ formId }}" name="local_status_code" required>
                                {% for scope, statuses in workflow_statuses_by_scope %}
                                    <optgroup label="{{ scope }}">
                                        {% for status in statuses %}<option value="{{ status.code }}" {{ mapping.triggerScope == scope and mapping.localStatusCode == status.code ? 'selected' : '' }}>{{ status.label }} ({{ status.code }})</option>{% endfor %}
                                    </optgroup>
                                {% endfor %}
                            </select>
                            {% if mapping.localStatusCode is empty %}<small class="text-muted">Stara reguła fallback — wybierz konkretny status i zapisz.</small>{% endif %}
                        </td>
                        <td>
                            <select form="{{ formId }}" name="external_status_code" required>
                                {% if prestashop_statuses is empty %}
                                    <option value="{{ mapping.externalStatusCode }}">{{ mapping.externalStatusLabel ?: 'Status #' ~ mapping.externalStatusCode }} (ID {{ mapping.externalStatusCode }})</option>
                                {% else %}
                                    {% for remote in prestashop_statuses %}<option value="{{ remote.code }}" {{ mapping.externalStatusCode == remote.code ? 'selected' : '' }}>{{ remote.label }} (ID {{ remote.id }})</option>{% endfor %}
                                {% endif %}
                            </select>
                        </td>
                        <td><label class="ops-check"><input form="{{ formId }}" type="checkbox" name="notify_customer" value="1" {{ mapping.notifyCustomer ? 'checked' : '' }}> tak</label></td>
                        <td><label class="ops-check"><input form="{{ formId }}" type="checkbox" name="active" value="1" {{ mapping.active ? 'checked' : '' }}> aktywna</label></td>
                        <td><label class="ops-check"><input form="{{ formId }}" type="checkbox" name="allow_terminal_regression" value="1" {{ mapping.allowTerminalRegression ? 'checked' : '' }}> zezwól</label></td>
                        <td class="ops-action-cell">
                            <form id="{{ formId }}" method="post" action="{{ path('app_prestashop_status_mapping_outbound_save') }}">
                                <input type="hidden" name="_token" value="{{ csrf_token('prestashop_status_mapping') }}">
                                <input type="hidden" name="mapping_id" value="{{ mapping.id }}">
                                <input type="hidden" name="sort_order" value="{{ mapping.sortOrder }}">
                            </form>
                            <button class="button button--small" type="submit" form="{{ formId }}">Zapisz</button>
                            {% if mapping.active %}
                                <form method="post" action="{{ path('app_prestashop_status_mapping_disable', {id: mapping.id}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('prestashop_status_mapping_disable_' ~ mapping.id) }}">
                                    <button class="button button--small button--ghost" type="submit">Wyłącz</button>
                                </form>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}

                {% if prestashop_statuses is not empty %}
                    {% set createOutboundForm = 'presta-outbound-create' %}
                    <tr class="ops-table__create-row">
                        <td><select form="{{ createOutboundForm }}" name="trigger_scope">{% for scope in trigger_scopes %}<option value="{{ scope }}" {{ scope == 'order' ? 'selected' : '' }}>{{ scope }}</option>{% endfor %}</select></td>
                        <td>
                            <select form="{{ createOutboundForm }}" name="local_status_code" required>
                                <option value="">— wybierz status —</option>
                                {% for scope, statuses in workflow_statuses_by_scope %}<optgroup label="{{ scope }}">{% for status in statuses %}<option value="{{ status.code }}">{{ status.label }} ({{ status.code }})</option>{% endfor %}</optgroup>{% endfor %}
                            </select>
                        </td>
                        <td><select form="{{ createOutboundForm }}" name="external_status_code" required><option value="">— wybierz status PrestaShop —</option>{% for remote in prestashop_statuses %}<option value="{{ remote.code }}">{{ remote.label }} (ID {{ remote.id }})</option>{% endfor %}</select></td>
                        <td><label class="ops-check"><input form="{{ createOutboundForm }}" type="checkbox" name="notify_customer" value="1"> tak</label></td>
                        <td><label class="ops-check"><input form="{{ createOutboundForm }}" type="checkbox" name="active" value="1" checked> aktywna</label></td>
                        <td><label class="ops-check"><input form="{{ createOutboundForm }}" type="checkbox" name="allow_terminal_regression" value="1"> zezwól</label></td>
                        <td>
                            <form id="{{ createOutboundForm }}" method="post" action="{{ path('app_prestashop_status_mapping_outbound_save') }}">
                                <input type="hidden" name="_token" value="{{ csrf_token('prestashop_status_mapping') }}">
                                <input type="hidden" name="sort_order" value="0">
                            </form>
                            <button class="button button--primary button--small" type="submit" form="{{ createOutboundForm }}">Dodaj regułę</button>
                        </td>
                    </tr>
                {% elseif outbound_mappings is empty %}
                    <tr><td colspan="7"><div class="empty-state empty-state--compact"><strong>Pobierz statusy PrestaShop, aby dodać pierwszą regułę outbound.</strong></div></td></tr>
                {% endif %}
                </tbody>
            </table>
        </div>
    </section>
</div>
{% endblock %}