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

<article id="{{ row_id }}" class="ai-review-row ai-review-row--block {{ item.status_class }} {{ accepted_preview|default(false) ? 'is-preview' : '' }}">
    <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ż blok
                    <span class="ui-icon">expand_more</span>
                </button>

                <form method="post"
                      action="{{ path('app_ai_draft_block_status', { id: draft.id, block: item.id }) }}"
                      data-ajax-form="1"
                      data-ajax-target="#{{ row_id }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('ai_draft_block_' ~ 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 blok przez API">
                    <span class="ui-icon">refresh</span>
                </button>

                <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>

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

                <form method="post"
                      action="{{ path('app_ai_draft_block_status', { id: draft.id, block: 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_block_' ~ 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.content|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.content|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 bloku HTML</strong>
                <span>Po zapisie blok zostanie oznaczony jako edytowany ręcznie.</span>
            </div>

            <form method="post"
                  action="{{ path('app_ai_draft_block_save', { id: draft.id, block: item.id }) }}"
                  class="stack-form"
                  data-ajax-form="1"
                  data-ajax-target="#{{ row_id }}">
                <input type="hidden" name="_token" value="{{ csrf_token('ai_draft_block_save_' ~ item.id) }}">
                <textarea class="form-control" rows="8" name="content">{{ item.content }}</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ę bloku</button>
                </div>
            </form>
        </div>

        <div id="{{ regenerate_panel_id }}" class="ai-row-panel" hidden>
            <div class="ai-row-panel__head">
                <strong>Regeneruj blok przez API</strong>
                <span>Możesz dopisać instrukcję dla modelu albo tylko oznaczyć blok do regeneracji.</span>
            </div>
            <form method="post"
                  action="{{ path('app_ai_draft_block_regenerate_api', { id: draft.id, block: item.id }) }}"
                  class="stack-form"
                  data-ajax-form="1"
                  data-ajax-target="#{{ row_id }}">
                <input type="hidden" name="_token" value="{{ csrf_token('ai_draft_block_regenerate_api_' ~ item.id) }}">
                <label>Instrukcja do regeneracji, opcjonalnie
                    <textarea class="form-control" rows="3" name="user_note" placeholder="np. Zrób mniej ogólnie, więcej konkretnej sceny."></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 blok</button>
                </div>
            </form>

            <form method="post"
                  action="{{ path('app_ai_draft_block_status', { id: draft.id, block: 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_block_' ~ 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_block_status', { id: draft.id, block: item.id }) }}"
                  class="stack-form"
                  data-ajax-form="1"
                  data-ajax-target="#{{ row_id }}">
                <input type="hidden" name="_token" value="{{ csrf_token('ai_draft_block_' ~ item.id) }}">
                <textarea class="form-control" name="review_note" rows="2" placeholder="np. Brak konkretu, za mało sceny, zbyt SEO."></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>

        <div id="{{ example_panel_id }}" class="ai-row-panel" hidden>
            <div class="ai-row-panel__head">
                <strong>Zapisz ten blok jako dobry/zły przykład</strong>
                <span>Przykład zostanie przypisany do bloku i profilu AI.</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="block_code" value="{{ item.code }}">
                <input type="hidden" name="content" value="{{ item.content|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="block_only">Tylko dla tego bloku</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>

        <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>