{% macro category_tree(nodes, selected_category_ids, main_category_id) %}
    {% import _self as category_tree_view %}
    {% if nodes is not empty %}
        <ul class="ai-category-tree">
            {% for node in nodes %}
                <li class="ai-category-tree__item ai-category-tree__item--depth-{{ node.depth|default(0) }}">
                    <div class="ai-category-tree__row">
                        <label class="ai-category-tree__check">
                            <input type="checkbox" name="category_ids[]" value="{{ node.id }}" {{ node.id in selected_category_ids ? 'checked' : '' }}>
                            <span class="ai-category-tree__name">{{ node.name }}</span>
                            <span class="ai-category-tree__id">ID {{ node.id }}</span>
                        </label>
                        <label class="ai-category-tree__main" title="Ustaw jako kategorię główną">
                            <input type="radio" name="main_category_id" value="{{ node.id }}" {{ main_category_id == node.id ? 'checked' : '' }}>
                            <span>Główna</span>
                        </label>
                    </div>
                    {% if node.children|default([]) is not empty %}
                        {{ category_tree_view.category_tree(node.children, selected_category_ids, main_category_id) }}
                    {% endif %}
                </li>
            {% endfor %}
        </ul>
    {% endif %}
{% endmacro %}

{% import _self as category_tree_view %}

{% set row_id = 'ai-review-row-field-' ~ item.id %}
{% set is_locked = item.status == 'accepted' or item.status == 'applied' %}
{% set editor_panel_id = 'ai-field-editor-' ~ item.id %}
{% set preview_panel_id = 'ai-field-preview-' ~ item.id %}
{% set regenerate_panel_id = 'ai-field-regenerate-' ~ item.id %}
{% set feedback_panel_id = 'ai-field-feedback-' ~ item.id %}
{% set example_panel_id = 'ai-field-example-' ~ item.id %}

<article id="{{ row_id }}" class="ai-review-row {{ item.status_class }}">
    <header class="ai-review-row__header">
        <div class="ai-review-row__title-group">
            <div class="ai-review-row__badges">
                <span class="mono-badge">{{ item.code }}</span>
                <span class="text-badge ai-review-status-badge">{{ item.status_label }}</span>
            </div>
            <h4>{{ item.label }}</h4>
        </div>

        <div class="ai-review-row__tools">
            {% if is_locked %}
                <button class="ai-row-tool ai-row-tool--text" type="button" data-ai-toggle-panel="{{ preview_panel_id }}" aria-expanded="false">
                    Pokaż treść
                    <span class="ui-icon">expand_more</span>
                </button>

                <form method="post"
                      action="{{ path('app_ai_draft_field_status', { id: draft.id, field: item.id }) }}"
                      data-ajax-form="1"
                      data-ajax-target="#{{ row_id }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('ai_draft_field_' ~ item.id) }}">
                    <button class="button button--tiny button--ghost" name="action" value="unaccept" type="submit">
                        {{ item.status == 'applied' ? 'Cofnij do edycji AI' : 'Cofnij akceptację' }}
                    </button>
                </form>
            {% else %}
                <button class="ai-row-tool" type="button" data-ai-toggle-panel="{{ regenerate_panel_id }}" aria-expanded="false" title="Regeneruj przez API">
                    <span class="ui-icon">refresh</span>
                </button>

                {% if not item.is_json and item.code in ['title', 'short_description', 'cta', 'meta_title', 'meta_description'] %}
                    <button class="ai-row-tool" type="button" data-ai-toggle-panel="{{ example_panel_id }}" aria-expanded="false" title="Zapisz jako przykład">
                        <span class="ui-icon">bookmark_add</span>
                    </button>
                {% endif %}

                <button class="ai-row-tool ai-row-tool--edit" type="button" data-ai-toggle-panel="{{ editor_panel_id }}" aria-expanded="false" title="Edytuj ręcznie">
                    <span class="ui-icon">edit</span>
                </button>

                <form method="post"
                      action="{{ path('app_ai_draft_field_status', { id: draft.id, field: item.id }) }}"
                      class="ai-row-inline-status-form"
                      data-ajax-form="1"
                      data-ajax-target="#{{ row_id }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('ai_draft_field_' ~ item.id) }}">
                    <button class="button button--tiny button--ghost" name="action" value="reject" type="submit">Odrzuć</button>
                    <button class="button button--tiny button--primary" name="action" value="accept" type="submit">Akceptuj</button>
                </form>
            {% endif %}
        </div>
    </header>

    {% if is_locked %}
        <div id="{{ preview_panel_id }}" class="ai-row-panel ai-row-panel--preview" hidden>
            <div class="ai-rendered-content">
                {{ item.rendered_html|raw }}
            </div>
            {% if item.status == 'applied' %}
                <p class="text-muted mt-2">Cofnięcie nie usuwa danych już przeniesionych do draftu PrestaShop.</p>
            {% endif %}
        </div>
    {% else %}
        <div class="ai-review-row__content ai-rendered-content">
            {{ item.rendered_html|raw }}
        </div>

        <div id="{{ editor_panel_id }}" class="ai-row-panel ai-row-panel--editor" hidden>
            <div class="ai-row-panel__head">
                <strong>Ręczna edycja treści</strong>
                <span>Po zapisie pole zostanie oznaczone jako edytowane ręcznie.</span>
            </div>

            <form method="post"
                  action="{{ path('app_ai_draft_field_save', { id: draft.id, field: item.id }) }}"
                  class="stack-form"
                  data-ajax-form="1"
                  data-ajax-target="#{{ row_id }}">
                <input type="hidden" name="_token" value="{{ csrf_token('ai_draft_field_save_' ~ item.id) }}">

                {% if item.editor_type == 'categories' %}
                    {% set selected_category_ids = item.content_json.category_ids|default([]) %}
                    {% set main_category_id = item.content_json.main_category_id|default(null) %}
                    {% set category_tree = item.editor_choices.category_tree|default([]) %}

                    <div class="ai-category-editor">
                        <div class="ai-category-editor__summary">
                            <div>
                                <strong>Drzewo kategorii</strong>
                                <span>Wybierz kategorie checkboxami, a radiobuttonem oznacz kategorię główną.</span>
                            </div>
                            <label class="ai-category-tree__main ai-category-tree__main--empty">
                                <input type="radio" name="main_category_id" value="" {{ main_category_id is empty ? 'checked' : '' }}>
                                <span>Bez kategorii głównej</span>
                            </label>
                        </div>

                        {% if category_tree is not empty %}
                            <div class="ai-category-tree-wrap">
                                {{ category_tree_view.category_tree(category_tree, selected_category_ids, main_category_id) }}
                            </div>
                        {% else %}
                            <p class="text-muted">Brak aktywnych kategorii do wyboru.</p>
                        {% endif %}
                    </div>

                    <p class="text-muted">Przy zapisie kategoria główna zostanie automatycznie dopisana do listy kategorii, jeśli jej tam nie ma.</p>
                    <div class="ai-row-panel__actions">
                        <button class="button button--ghost" type="button" data-ai-close-panel="{{ editor_panel_id }}">Anuluj</button>
                        <button class="button button--primary" type="submit">Zapisz kategorie</button>
                    </div>
                {% elseif item.editor_type == 'perfect_for' %}
                    {% set selected_perfect_for_ids = item.content_json|default([]) %}
                    <label>Perfect For
                        <select class="form-control" name="perfect_for_ids[]" multiple size="8">
                            {% for card in item.editor_choices.perfect_for|default([]) %}
                                <option value="{{ card.id }}" {{ card.id in selected_perfect_for_ids ? 'selected' : '' }}>{{ card.label }}</option>
                            {% endfor %}
                        </select>
                    </label>
                    <div class="ai-row-panel__actions">
                        <button class="button button--ghost" type="button" data-ai-close-panel="{{ editor_panel_id }}">Anuluj</button>
                        <button class="button button--primary" type="submit">Zapisz Perfect For</button>
                    </div>
                {% elseif item.editor_type == 'custom_tags' %}
                    {% set selected_custom_tag_ids = item.content_json|default([]) %}
                    {% set custom_tag_choices = item.editor_choices.custom_tags|default([]) %}

                    <div class="ai-custom-tag-editor" data-ai-custom-tag-editor>
                        <div class="ai-custom-tag-editor__summary">
                            <div>
                                <strong>Wybrane custom tagi</strong>
                                <span>Kliknij X przy pillu, żeby usunąć tag z draftu przed zapisem.</span>
                            </div>
                        </div>

                        <div class="ai-custom-tag-pills" data-ai-custom-tag-pills data-empty-label="Brak wybranych custom tagów.">
                            {% for tag in custom_tag_choices %}
                                {% if tag.id in selected_custom_tag_ids %}
                                    <button class="ai-custom-tag-pill" type="button" data-ai-custom-tag-remove data-value="{{ tag.id }}" title="Usuń custom tag">
                                        <span>{{ tag.label }}</span>
                                        <span class="ai-custom-tag-pill__remove" aria-hidden="true">×</span>
                                    </button>
                                {% endif %}
                            {% endfor %}
                            {% if selected_custom_tag_ids is empty %}
                                <span class="ai-custom-tag-pills__empty" data-ai-custom-tag-empty>Brak wybranych custom tagów.</span>
                            {% endif %}
                        </div>

                        <label>Custom tagi, lista alfabetyczna
                            <select class="form-control" name="custom_tag_ids[]" multiple size="12" data-ai-custom-tag-select>
                                {% for tag in custom_tag_choices %}
                                    <option value="{{ tag.id }}" {{ tag.id in selected_custom_tag_ids ? 'selected' : '' }}>{{ tag.label }}</option>
                                {% endfor %}
                            </select>
                        </label>
                    </div>
                    <div class="ai-row-panel__actions">
                        <button class="button button--ghost" type="button" data-ai-close-panel="{{ editor_panel_id }}">Anuluj</button>
                        <button class="button button--primary" type="submit">Zapisz custom tagi</button>
                    </div>
                {% elseif item.editor_type == 'variants' %}
                    {% set variant_rows = item.content_json is not empty ? item.content_json : [{'reference':'', 'attributes_label':'', 'price_impact':'', 'quantity':0}] %}
                    <div class="table-responsive">
                        <table class="data-table ai-variant-editor-table">
                            <thead>
                            <tr>
                                <th>Reference</th>
                                <th>Atrybuty / opis wariantu</th>
                                <th>Wpływ na cenę</th>
                                <th>Ilość</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for row in variant_rows %}
                                <tr>
                                    <td><input class="form-control" name="variant_rows[{{ loop.index0 }}][reference]" value="{{ row.reference|default('') }}"></td>
                                    <td><input class="form-control" name="variant_rows[{{ loop.index0 }}][attributes_label]" value="{{ row.attributes_label|default('') }}"></td>
                                    <td><input class="form-control" name="variant_rows[{{ loop.index0 }}][price_impact]" value="{{ row.price_impact|default('') }}"></td>
                                    <td><input class="form-control" type="number" min="0" name="variant_rows[{{ loop.index0 }}][quantity]" value="{{ row.quantity|default(0) }}"></td>
                                </tr>
                            {% endfor %}
                            <tr>
                                <td><input class="form-control" name="variant_rows[{{ variant_rows|length }}][reference]" placeholder="Nowy wariant"></td>
                                <td><input class="form-control" name="variant_rows[{{ variant_rows|length }}][attributes_label]" placeholder="np. F190 / Czerwony / M"></td>
                                <td><input class="form-control" name="variant_rows[{{ variant_rows|length }}][price_impact]" placeholder="0.00"></td>
                                <td><input class="form-control" type="number" min="0" name="variant_rows[{{ variant_rows|length }}][quantity]" value="0"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="ai-row-panel__actions">
                        <button class="button button--ghost" type="button" data-ai-close-panel="{{ editor_panel_id }}">Anuluj</button>
                        <button class="button button--primary" type="submit">Zapisz warianty</button>
                    </div>
                {% elseif item.editor_type == 'json_preview' %}
                    <textarea class="form-control" rows="7" disabled>{{ item.content_json|json_encode(constant('JSON_PRETTY_PRINT')) }}</textarea>
                    <p class="text-muted">To pole jest JSON-em technicznym. Edycja ręczna jest dostępna tylko dla kategorii, Perfect For, tagów i wariantów.</p>
                    <div class="ai-row-panel__actions">
                        <button class="button button--ghost" type="button" data-ai-close-panel="{{ editor_panel_id }}">Zamknij</button>
                    </div>
                {% else %}
                    <textarea class="form-control" rows="7" name="content">{{ item.content|default('') }}</textarea>
                    <div class="ai-row-panel__actions">
                        <button class="button button--ghost" type="button" data-ai-close-panel="{{ editor_panel_id }}">Anuluj</button>
                        <button class="button button--primary" type="submit">Zapisz ręczną edycję</button>
                    </div>
                {% endif %}
            </form>
        </div>

        <div id="{{ regenerate_panel_id }}" class="ai-row-panel" hidden>
            <div class="ai-row-panel__head">
                <strong>Regeneruj przez API</strong>
                <span>Możesz dopisać instrukcję dla modelu albo tylko oznaczyć pole do regeneracji.</span>
            </div>
            <form method="post"
                  action="{{ path('app_ai_draft_field_regenerate_api', { id: draft.id, field: item.id }) }}"
                  class="stack-form"
                  data-ajax-form="1"
                  data-ajax-target="#{{ row_id }}">
                <input type="hidden" name="_token" value="{{ csrf_token('ai_draft_field_regenerate_api_' ~ item.id) }}">
                {% if ai_model_choices is defined %}
                    <label>Model AI
                        <select class="form-control" name="ai_model_config_id">
                            <option value="default">Domyślny: {{ ai_default_model_label|default('model globalny') }}</option>
                            {% for model in ai_model_choices %}
                                <option value="{{ model.id }}">{{ model.providerLabel }} / {{ model.modelIdentifier }}{% if model.default %} · domyślny provider{% endif %}</option>
                            {% endfor %}
                        </select>
                    </label>
                {% endif %}
                <label>Instrukcja do regeneracji, opcjonalnie
                    <textarea class="form-control" rows="3" name="user_note" placeholder="np. Zrób mocniej ironicznie, ale krócej."></textarea>
                </label>
                {% if item.entity.locked %}
                    <label class="checkbox-row">
                        <input type="checkbox" name="unlock" value="1">
                        Odblokuj i regeneruj
                    </label>
                {% endif %}
                <div class="ai-row-panel__actions">
                    <button class="button button--ghost" type="button" data-ai-close-panel="{{ regenerate_panel_id }}">Anuluj</button>
                    <button class="button button--warning" type="submit">Regeneruj {{ item.label }}</button>
                </div>
            </form>

            <form method="post"
                  action="{{ path('app_ai_draft_field_status', { id: draft.id, field: item.id }) }}"
                  class="ai-row-secondary-action"
                  data-ajax-form="1"
                  data-ajax-target="#{{ row_id }}">
                <input type="hidden" name="_token" value="{{ csrf_token('ai_draft_field_' ~ item.id) }}">
                <button class="button button--tiny button--ghost" name="action" value="regenerate" type="submit">Tylko oznacz jako do regeneracji</button>
            </form>
        </div>

        <div id="{{ feedback_panel_id }}" class="ai-row-panel" hidden>
            <div class="ai-row-panel__head">
                <strong>Powód odrzucenia / feedback</strong>
                <span>Przy zapisie jako zły przykład powód jest wymagany.</span>
            </div>
            <form method="post"
                  action="{{ path('app_ai_draft_field_status', { id: draft.id, field: item.id }) }}"
                  class="stack-form"
                  data-ajax-form="1"
                  data-ajax-target="#{{ row_id }}">
                <input type="hidden" name="_token" value="{{ csrf_token('ai_draft_field_' ~ item.id) }}">
                <textarea class="form-control" name="review_note" rows="2" placeholder="np. Za ogólnie, brak sceny, za mało ironii."></textarea>
                <div class="ai-row-panel__actions">
                    <button class="button button--ghost" type="button" data-ai-close-panel="{{ feedback_panel_id }}">Anuluj</button>
                    <button class="button button--danger" name="action" value="reject" type="submit">Odrzuć</button>
                    <button class="button button--danger" name="action" value="reject_save_bad" type="submit">Odrzuć i zapisz jako zły przykład</button>
                </div>
            </form>
        </div>

        {% if not item.is_json and item.code in ['title', 'short_description', 'cta', 'meta_title', 'meta_description'] %}
            <div id="{{ example_panel_id }}" class="ai-row-panel" hidden>
                <div class="ai-row-panel__head">
                    <strong>Zapisz jako przykład</strong>
                    <span>Przykłady pomagają profilowi AI powtarzać dobre wzorce albo unikać złych.</span>
                </div>
                <form method="post" action="{{ path('app_ai_draft_save_example', { id: draft.id }) }}" class="stack-form ai-example-inline">
                    <input type="hidden" name="_token" value="{{ csrf_token('ai_draft_example_' ~ draft.id) }}">
                    <input type="hidden" name="field_code" value="{{ item.code }}">
                    <input type="hidden" name="content" value="{{ item.plain_for_example|e('html_attr') }}">
                    <div class="form-grid form-grid--two">
                        <label>Nazwa przykładu
                            <input class="form-control" name="title" value="{{ item.label }} / AI Draft #{{ draft.id }}">
                        </label>
                        <label>Punktacja 0–100
                            <input class="form-control" type="number" min="0" max="100" name="quality_score" placeholder="Score 0–100, opcjonalnie">
                        </label>
                        <label>Typ przykładu
                            <select class="form-control" name="example_type">
                                <option value="good">Dobry przykład</option>
                                <option value="bad">Zły przykład</option>
                            </select>
                        </label>
                        <label>Zasięg
                            <select class="form-control" name="usage_scope">
                                <option value="field_only">Tylko dla tego pola</option>
                                <option value="all">Do wszystkich promptów profilu</option>
                                <option value="platform_only">Dla tej platformy</option>
                                <option value="profile_only">Dla tego profilu</option>
                            </select>
                        </label>
                    </div>
                    <label class="checkbox-row">
                        <input type="checkbox" name="approved_for_prompt" value="1" checked>
                        Używaj tego przykładu w kolejnych promptach
                    </label>
                    <textarea class="form-control" name="reason" rows="2" placeholder="Przy złym przykładzie powód jest wymagany."></textarea>
                    <div class="ai-row-panel__actions">
                        <button class="button button--ghost" type="button" data-ai-close-panel="{{ example_panel_id }}">Anuluj</button>
                        <button class="button button--primary" type="submit">Zapisz przykład</button>
                    </div>
                </form>
            </div>
        {% endif %}

        <button class="ai-row-feedback-link" type="button" data-ai-toggle-panel="{{ feedback_panel_id }}" aria-expanded="false">
            Dodaj powód odrzucenia albo zapisz jako zły przykład
        </button>
    {% endif %}
</article>