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

{% block title %}Mapowanie statusów kanału: {{ platform.name }}{% endblock %}

{% block app_content %}
{% include 'partials/_flash_messages.html.twig' %}
{% set policy_labels = import_policy_labels|default({}) %}
<div class="ops-page">
    <section class="ops-hero">
        <div class="ops-hero__content">
            <span class="ops-kicker">Platformy</span>
            <h1>Mapowanie statusów kanału</h1>
            <p>{{ platform.name }}. Inbound decyduje, które statusy PrestaShop są importowane i jaki status lokalny dostaje zamówienie. Outbound pozostaje mapowaniem zmian z aplikacji do kanału.</p>
        </div>
    </section>

    <section class="ops-card">
        <div class="ops-note ops-note--info">
            <span class="ui-icon">info</span>
            <p><strong>Inbound nie używa już internal_status_code z connectora.</strong> Status lokalny jest wyliczany z mapowania: ID statusu PrestaShop → import tak/nie → lokalny status aplikacji.</p>
        </div>
        <div class="ops-table-wrap">
            <table class="ops-table">
                <thead>
                <tr>
                    <th>Kierunek</th>
                    <th>Status PrestaShop</th>
                    <th>Inbound: status lokalny i import</th>
                    <th>Outbound: trigger</th>
                    <th>Opcje kanału</th>
                    <th>Akcje</th>
                </tr>
                </thead>
                <tbody>
                {% for mapping in mappings %}
                    {% set editFormId = 'channel-status-mapping-' ~ mapping.id %}
                    {% set selectedLocalStatus = mapping.localStatusCode %}
                    <tr>
                        <td>
                            <select form="{{ editFormId }}" name="direction">
                                <option value="inbound" {{ mapping.direction == 'inbound' ? 'selected' : '' }}>inbound</option>
                                <option value="outbound" {{ mapping.direction == 'outbound' ? 'selected' : '' }}>outbound</option>
                            </select>
                            <div class="text-muted">sort: <input form="{{ editFormId }}" name="sort_order" type="number" min="0" value="{{ mapping.sortOrder }}" style="width: 5rem"></div>
                        </td>
                        <td>
                            <input form="{{ editFormId }}" name="external_status_code" value="{{ mapping.externalStatusCode }}" maxlength="190" required placeholder="np. 2">
                            <input form="{{ editFormId }}" name="external_status_label" value="{{ mapping.externalStatusLabel }}" maxlength="255" placeholder="opcjonalna nazwa statusu">
                        </td>
                        <td class="ops-check-stack">
                            <label>Status lokalny</label>
                            <select form="{{ editFormId }}" name="local_status_code">
                                <option value="" {{ selectedLocalStatus is empty ? 'selected' : '' }}>— brak / fallback system_stage —</option>
                                {% for scope, statuses in workflow_statuses_by_scope|default({'order': order_statuses}) %}
                                    <optgroup label="{{ scope }}">
                                        {% for status in statuses %}
                                            <option value="{{ status.code }}" {{ mapping.triggerScope == scope and selectedLocalStatus == status.code ? 'selected' : '' }}>{{ status.label }} ({{ status.code }})</option>
                                        {% endfor %}
                                    </optgroup>
                                {% endfor %}
                            </select>
                            <label><input form="{{ editFormId }}" type="checkbox" name="import_enabled" value="1" {{ mapping.importEnabled ? 'checked' : '' }}> pobieraj/importuj ten status</label>
                            <label>Polityka istniejących</label>
                            <select form="{{ editFormId }}" name="import_existing_policy">
                                {% for policy in import_policies %}
                                    <option value="{{ policy }}" {{ mapping.importExistingPolicy == policy ? 'selected' : '' }}>{{ policy_labels[policy]|default(policy) }}</option>
                                {% endfor %}
                            </select>
                        </td>
                        <td>
                            <select form="{{ editFormId }}" name="trigger_scope">
                                {% for scope in trigger_scopes %}<option value="{{ scope }}" {{ mapping.triggerScope == scope ? 'selected' : '' }}>{{ scope }}</option>{% endfor %}
                            </select>
                            <select form="{{ editFormId }}" name="trigger_system_stage">
                                {% for scope, stages in system_stages_by_scope %}
                                    <optgroup label="{{ scope }}">{% for stage in stages %}<option value="{{ stage }}" {{ mapping.triggerSystemStage == stage ? 'selected' : '' }}>{{ stage }}</option>{% endfor %}</optgroup>
                                {% endfor %}
                            </select>
                        </td>
                        <td class="ops-check-stack">
                            <label><input form="{{ editFormId }}" type="checkbox" name="notify_customer" value="1" {{ mapping.notifyCustomer ? 'checked' : '' }}> powiadom klienta</label>
                            <label><input form="{{ editFormId }}" type="checkbox" name="send_tracking" value="1" {{ mapping.sendTracking ? 'checked' : '' }}> wyślij tracking</label>
                            <label><input form="{{ editFormId }}" type="checkbox" name="only_once" value="1" {{ mapping.onlyOnce ? 'checked' : '' }}> tylko raz</label>
                            <label><input form="{{ editFormId }}" type="checkbox" name="active" value="1" {{ mapping.active ? 'checked' : '' }}> aktywne</label>
                            <label><input form="{{ editFormId }}" type="checkbox" name="allow_terminal_regression" value="1" {{ mapping.allowTerminalRegression ? 'checked' : '' }}> zezwól na cofnięcie terminalne w kanale</label>
                        </td>
                        <td>
                            <form id="{{ editFormId }}" method="post" action="{{ path('app_channel_status_mapping_save', {id: platform.id}) }}">
                                <input type="hidden" name="_token" value="{{ csrf_token('channel_status_mapping_' ~ platform.id) }}">
                                <input type="hidden" name="mapping_id" value="{{ mapping.id }}">
                            </form>
                            <button class="button button--small" type="submit" form="{{ editFormId }}">Zapisz</button>
                            <form method="post" action="{{ path('app_channel_status_mapping_delete', {platformId: platform.id, id: mapping.id}) }}" onsubmit="return confirm('Usunąć mapowanie? Istniejące akcje zachowają historię, ale stracą relację do mapowania.');">
                                <input type="hidden" name="_token" value="{{ csrf_token('channel_status_mapping_delete_' ~ mapping.id) }}">
                                <button class="button button--small button--danger" type="submit">Usuń</button>
                            </form>
                        </td>
                    </tr>
                {% endfor %}

                {% set createFormId = 'channel-status-mapping-create' %}
                <tr>
                    <td>
                        <select form="{{ createFormId }}" name="direction">
                            <option value="inbound" selected>inbound</option>
                            <option value="outbound">outbound</option>
                        </select>
                        <div class="text-muted">sort: <input form="{{ createFormId }}" name="sort_order" type="number" min="0" value="0" style="width: 5rem"></div>
                    </td>
                    <td>
                        <input form="{{ createFormId }}" name="external_status_code" maxlength="190" required placeholder="np. 2">
                        <input form="{{ createFormId }}" name="external_status_label" maxlength="255" placeholder="np. Płatność zaakceptowana">
                    </td>
                    <td class="ops-check-stack">
                        <label>Status lokalny</label>
                        <select form="{{ createFormId }}" name="local_status_code">
                            <option value="">— brak / fallback system_stage —</option>
                            {% for status in order_statuses %}
                                <option value="{{ status.code }}" {{ status.code == 'new' ? 'selected' : '' }}>{{ status.label }} ({{ status.code }})</option>
                            {% endfor %}
                        </select>
                        <label><input form="{{ createFormId }}" type="checkbox" name="import_enabled" value="1" checked> pobieraj/importuj ten status</label>
                        <label>Polityka istniejących</label>
                        <select form="{{ createFormId }}" name="import_existing_policy">
                            {% for policy in import_policies %}
                                <option value="{{ policy }}" {{ policy == 'import_new_and_update_existing' ? 'selected' : '' }}>{{ policy_labels[policy]|default(policy) }}</option>
                            {% endfor %}
                        </select>
                    </td>
                    <td>
                        <select form="{{ createFormId }}" name="trigger_scope">{% for scope in trigger_scopes %}<option value="{{ scope }}">{{ scope }}</option>{% endfor %}</select>
                        <select form="{{ createFormId }}" name="trigger_system_stage">{% for scope, stages in system_stages_by_scope %}<optgroup label="{{ scope }}">{% for stage in stages %}<option value="{{ stage }}">{{ stage }}</option>{% endfor %}</optgroup>{% endfor %}</select>
                    </td>
                    <td class="ops-check-stack">
                        <label><input form="{{ createFormId }}" type="checkbox" name="notify_customer" value="1"> powiadom klienta</label>
                        <label><input form="{{ createFormId }}" type="checkbox" name="send_tracking" value="1"> wyślij tracking</label>
                        <label><input form="{{ createFormId }}" type="checkbox" name="only_once" value="1" checked> tylko raz</label>
                        <label><input form="{{ createFormId }}" type="checkbox" name="active" value="1" checked> aktywne</label>
                    </td>
                    <td>
                        <form id="{{ createFormId }}" method="post" action="{{ path('app_channel_status_mapping_save', {id: platform.id}) }}">
                            <input type="hidden" name="_token" value="{{ csrf_token('channel_status_mapping_' ~ platform.id) }}">
                        </form>
                        <button class="button button--primary button--small" type="submit" form="{{ createFormId }}">Dodaj</button>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </section>
</div>
{% endblock %}