{% set presta_external_id = prestashop ? prestashop.externalId : null %}
{% set presta_is_linked = presta_external_id is not empty %}
{% set dictionary_readiness = dictionary_readiness ?? { ready: false, missing: ['brak danych readiness'], warnings: [], counts: {} } %}
{% set dictionary_counts = dictionary_readiness.counts|default({}) %}

<div class="presta-draft-shell">
    <section class="presta-draft-hero">
        <div>
            <p class="page-head__eyebrow">PrestaShop Draft</p>
            <h3 class="panel__section-title">Lokalny draft produktu</h3>
            <p class="panel__text">
                Dane zapisane tutaj są lokalnym draftem w Symfony i źródłem prawdy przed ręcznym wypchnięciem produktu do PrestaShop.
            </p>
            <div class="presta-draft-hero__badges">
                <span class="text-badge {{ presta_is_linked ? 'text-badge--success' : 'text-badge--muted' }}">
                    {{ presta_is_linked ? 'Połączony z Presta ID ' ~ presta_external_id : 'Brak powiązania z PrestaShop' }}
                </span>
                <span class="text-badge {{ dictionary_readiness.ready ? 'text-badge--success' : 'text-badge--warning' }}">
                    {{ dictionary_readiness.ready ? 'Słowniki gotowe' : 'Słowniki wymagają synchronizacji' }}
                </span>
                <span class="mono-badge">{{ draft.statusLabel }}</span>
            </div>
        </div>

        <div class="presta-draft-hero__actions">
            <form method="post" action="{{ path('app_project_prestashop_dictionaries_sync', { id: project.id }) }}">
                <input type="hidden" name="_token" value="{{ csrf_token('prestashop_product_form_sync_' ~ project.id) }}">
                <button type="submit" class="button button--ghost"><span class="ui-icon">sync</span>Pobierz słowniki</button>
            </form>
            <form method="post" action="{{ path('app_project_prestashop_draft_validate', { id: project.id }) }}">
                <input type="hidden" name="_token" value="{{ csrf_token('prestashop_draft_validate_' ~ project.id) }}">
                <button type="submit" class="button button--ghost"><span class="ui-icon">fact_check</span>Waliduj</button>
            </form>
            <form method="post" action="{{ path('app_project_prestashop_publish', { id: project.id }) }}">
                <input type="hidden" name="_token" value="{{ csrf_token('prestashop_publish_' ~ project.id) }}">
                <button type="submit" class="button button--primary" {% if presta_is_linked or not dictionary_readiness.ready %}disabled title="{{ presta_is_linked ? 'Projekt jest już powiązany z produktem PrestaShop ID ' ~ presta_external_id : 'Najpierw pobierz słowniki z PrestaShop.' }}"{% endif %}>
                    <span class="ui-icon">rocket_launch</span>Wypchnij do Presty
                </button>
            </form>
        </div>
    </section>

    <div class="presta-status-grid">
        <div><span>Status Presta</span><strong>{{ prestashop ? prestashop.statusLabel : 'Brak rekordu' }}</strong></div>
        <div><span>Intent Presta</span><strong>{{ prestashop ? prestashop.intentLabel : '—' }}</strong></div>
        <div><span>Draft istnieje</span><strong>{{ draft_exists ? 'Tak' : 'Nie, wartości domyślne' }}</strong></div>
        <div><span>Status draftu</span><strong>{{ draft.statusLabel }}</strong></div>
        <div><span>Ostatnia edycja</span><strong>{{ draft.updatedAt ? draft.updatedAt|date('d-m-Y H:i') : '—' }}</strong></div>
        <div><span>Sync słowników</span><strong>{{ integration and integration.lastSyncAt ? integration.lastSyncAt|date('d-m-Y H:i') : '—' }}</strong></div>
    </div>

    <div class="presta-draft-layout">
        <div class="presta-draft-main">
            <section class="presta-panel presta-panel--compact">
                <div class="presta-panel__head">
                    <div>
                        <h4>Powiązanie PrestaShop</h4>
                        <p>Kontrola relacji lokalnego projektu z produktem w sklepie.</p>
                    </div>
                </div>
                <div class="presta-panel__body">
                    {% if presta_is_linked %}
                        <div class="flash flash--warning">
                            <strong>Projekt jest już powiązany z produktem PrestaShop ID {{ presta_external_id }}.</strong>
                            Publikacja jako nowy produkt jest zablokowana, aby nie utworzyć duplikatu.
                            {% if prestashop.externalUrl %}
                                <br><a href="{{ prestashop.externalUrl }}" target="_blank" rel="noopener">Otwórz produkt w PrestaShop</a>
                            {% endif %}
                        </div>
                        <div class="button-row">
                            <button type="button" class="button button--ghost" disabled>Edytuj produkt w aplikacji — wkrótce</button>
                            <form method="post" action="{{ path('app_project_prestashop_unlink', { id: project.id }) }}" onsubmit="return confirm('To tylko odłączy powiązanie w aplikacji. Produkt w PrestaShop nie zostanie usunięty. Kontynuować?');">
                                <input type="hidden" name="_token" value="{{ csrf_token('prestashop_unlink_' ~ project.id) }}">
                                <button type="submit" class="button button--danger">Odłącz powiązanie</button>
                            </form>
                        </div>
                    {% else %}
                        <div class="presta-empty-note">
                            <span class="ui-icon">link_off</span>
                            <div>
                                <strong>Projekt nie jest jeszcze powiązany z produktem PrestaShop.</strong>
                                <p>Po publikacji aplikacja zapisze zewnętrzne ID produktu i zablokuje ponowną publikację jako nowy produkt.</p>
                            </div>
                        </div>
                    {% endif %}
                </div>
            </section>

            {% if default_setting %}
                <section class="presta-panel presta-panel--compact">
                    <div class="presta-panel__head">
                        <div>
                            <h4>Domyślne mapowanie dla typu produktu</h4>
                            <p>Ustawienia startowe pobierane z mapowania produktu.</p>
                        </div>
                    </div>
                    <div class="presta-panel__body">
                        <div class="presta-mini-grid">
                            <span><small>Tryb wariantów</small>{{ default_setting.variantGenerationModeLabel }}</span>
                            <span><small>Cena</small>{{ default_setting.basePrice ?: '—' }}</span>
                            <span><small>Ilość</small>{{ default_setting.baseQuantity is not null ? default_setting.baseQuantity : '—' }}</span>
                            <span><small>Profil</small>{{ default_setting.variantProfile ? default_setting.variantProfile.name : '—' }}</span>
                            <span><small>Mapa JSON</small>{{ default_setting.jsonVariantMapping ? default_setting.jsonVariantMapping.name : '—' }}</span>
                        </div>
                    </div>
                </section>
            {% endif %}

            {% if dictionary_readiness.ready %}
                <div class="flash flash--success">Słowniki PrestaShop wymagane przed publikacją są gotowe.</div>
            {% else %}
                <div class="flash flash--warning">
                    <strong>Słowniki PrestaShop nie są jeszcze gotowe do publikacji.</strong>
                    {% if dictionary_readiness.missing is not empty %}
                        Brakuje: {{ dictionary_readiness.missing|join(', ') }}.
                    {% endif %}
                    Kliknij „Pobierz słowniki” przed uzupełnianiem i publikacją draftu.
                </div>
            {% endif %}

            {% if dictionary_readiness.warnings is defined and dictionary_readiness.warnings is not empty %}
                <div class="presta-warning-box">
                    <strong>Ostrzeżenia słowników:</strong>
                    <ul>
                        {% for warning in dictionary_readiness.warnings %}
                            <li>{{ warning }}</li>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}

            {% if draft.lastValidationErrorsJson is not empty %}
                <div class="presta-warning-box">
                    <strong>Ostatnia walidacja:</strong>
                    <ul>{% for error in draft.lastValidationErrorsJson %}<li>{{ error }}</li>{% endfor %}</ul>
                </div>
            {% endif %}

            <form method="post" action="{{ path('app_project_prestashop_draft_save', { id: project.id }) }}" class="presta-draft-form" data-ajax-form="1">
                <input type="hidden" name="_token" value="{{ csrf_token('prestashop_draft_save_' ~ project.id) }}">

                <section class="presta-panel">
                    <div class="presta-panel__head">
                        <div>
                            <span class="presta-panel__number">1</span>
                            <h4>Dane podstawowe</h4>
                            <p>Nazwa, SKU, cena i bazowa dostępność produktu.</p>
                        </div>
                    </div>
                    <div class="presta-panel__body">
                        <div class="form-grid form-grid--two">
                            <label> Tytuł produktu
                                <input type="text" name="title" class="form-control" value="{{ draft.title }}" required>
                            </label>
                            <label> Indeks / reference / SKU
                                <input type="text" name="reference" class="form-control" value="{{ draft.reference ?: project.symbol }}" required>
                            </label>
                            <label> Typ produktu
                                <input type="text" class="form-control" value="{{ project.productType ? project.productType.name : '—' }}" disabled>
                            </label>
                            <label class="checkbox-row checkbox-row--card">
                                <input type="checkbox" name="active_after_publish" value="1" {{ draft.activeAfterPublish is same as(true) ? 'checked' : '' }}>
                                <span>Aktywny po publikacji</span>
                            </label>
                            <label> Cena bazowa
                                <input type="text" name="base_price" class="form-control" value="{{ draft.basePrice }}" placeholder="np. 39.90">
                            </label>
                            <label> Ilość bazowa
                                <input type="number" name="base_quantity" class="form-control" value="{{ draft.baseQuantity }}" min="0">
                            </label>
                        </div>
                    </div>
                </section>

                <section class="presta-panel">
                    <div class="presta-panel__head">
                        <div>
                            <span class="presta-panel__number">2</span>
                            <h4>Opisy sprzedażowe</h4>
                            <p>Treści HTML, które trafią do karty produktu.</p>
                        </div>
                    </div>
                    <div class="presta-panel__body presta-panel__body--stack">
                        <label>Opis krótki HTML
                            <textarea name="short_description" class="form-control form-control--code" rows="5">{{ draft.shortDescription }}</textarea>
                        </label>
                        <label>Opis długi HTML
                            <textarea name="long_description" class="form-control form-control--code" rows="10">{{ draft.longDescription }}</textarea>
                        </label>
                        <label>Custom CTA
                            <textarea name="cta_text" class="form-control" rows="3">{{ draft.ctaText }}</textarea>
                        </label>
                    </div>
                </section>

                <section class="presta-panel">
                    <div class="presta-panel__head">
                        <div>
                            <span class="presta-panel__number">3</span>
                            <h4>SEO</h4>
                            <p>Meta dane wysyłane razem z produktem.</p>
                        </div>
                    </div>
                    <div class="presta-panel__body">
                        <div class="form-grid form-grid--two">
                            <label>Meta title
                                <input type="text" name="meta_title" class="form-control" maxlength="255" value="{{ draft.metaTitle }}">
                            </label>
                            <label>Meta description
                                <input type="text" name="meta_description" class="form-control" maxlength="512" value="{{ draft.metaDescription }}">
                            </label>
                        </div>
                    </div>
                </section>

                <section class="presta-panel">
                    <div class="presta-panel__head">
                        <div>
                            <span class="presta-panel__number">4</span>
                            <h4>Kategorie</h4>
                            <p>Kategoria główna i dodatkowe powiązania produktowe.</p>
                        </div>
                    </div>
                    <div class="presta-panel__body">
                        <div class="form-grid form-grid--two">
                            <label>Kategoria główna
                                <select name="main_category_presta_id" class="form-control">
                                    <option value="">— wybierz —</option>
                                    {% for category in categories %}
                                        <option value="{{ category.prestaId }}" {{ draft.mainCategoryPrestaId == category.prestaId ? 'selected' : '' }}>
                                            #{{ category.prestaId }} {{ category.nameForLang }}
                                        </option>
                                    {% endfor %}
                                </select>
                            </label>
                            <label>Kategorie dodatkowe
                                <select name="category_ids[]" class="form-control" multiple size="8">
                                    {% for category in categories %}
                                        <option value="{{ category.prestaId }}" {{ category.prestaId in draft.categoryIdsJson ? 'selected' : '' }}>
                                            #{{ category.prestaId }} {{ category.nameForLang }}
                                        </option>
                                    {% endfor %}
                                </select>
                            </label>
                        </div>
                        <p class="text-muted">Jeśli kategoria główna nie jest zaznaczona jako dodatkowa, system dopisze ją automatycznie przy zapisie.</p>
                    </div>
                </section>

                <section class="presta-panel">
                    <div class="presta-panel__head">
                        <div>
                            <span class="presta-panel__number">5</span>
                            <h4>Tagowanie sprzedażowe</h4>
                            <p>Perfect For i custom tagi z modułu connectora.</p>
                        </div>
                    </div>
                    <div class="presta-panel__body">
                        <div class="form-grid form-grid--two">
                            <label>Perfect For
                                <select name="perfect_for_ids[]" class="form-control" multiple size="7">
                                    {% for card in perfect_for_cards %}
                                        <option value="{{ card.prestaIdCard }}" {{ card.prestaIdCard in draft.perfectForIdsJson ? 'selected' : '' }}>{{ card.label }}</option>
                                    {% else %}
                                        <option disabled>Brak danych. Najpierw pobierz słowniki z Presty.</option>
                                    {% endfor %}
                                </select>
                            </label>
                            <label>Custom tagi
                                <select name="custom_tag_ids[]" class="form-control" multiple size="7">
                                    {% for tag in custom_tags %}
                                        <option value="{{ tag.prestaIdTag }}" {{ tag.prestaIdTag in draft.customTagIdsJson ? 'selected' : '' }}>{{ tag.label }}</option>
                                    {% else %}
                                        <option disabled>Brak danych. Najpierw pobierz słowniki z Presty.</option>
                                    {% endfor %}
                                </select>
                            </label>
                        </div>
                    </div>
                </section>

                <div class="form-actions form-actions--sticky-lite">
                    <button type="submit" class="button button--primary"><span class="ui-icon">save</span>Zapisz draft Presta</button>
                </div>
            </form>

            <section class="presta-panel">
                <div class="presta-panel__head">
                    <div>
                        <span class="presta-panel__number">6</span>
                        <h4>Cechy</h4>
                        <p>Dodatkowe właściwości produktu widoczne w PrestaShop.</p>
                    </div>
                </div>
                <div class="presta-panel__body">
                    <div class="table-wrapper">
                        <table class="data-table">
                            <thead><tr><th>Cecha</th><th>Wartość</th><th>Akcje</th></tr></thead>
                            <tbody>
                            {% for feature in draft.features %}
                                <tr>
                                    <td>{{ feature.featureNameSnapshot ?: ('#' ~ feature.featurePrestaId) }}</td>
                                    <td>{{ feature.featureValueSnapshot ?: ('#' ~ feature.featureValuePrestaId) }}</td>
                                    <td>
                                        <form method="post" action="{{ path('app_project_prestashop_feature_delete', { id: project.id, featureDraftId: feature.id }) }}">
                                            <input type="hidden" name="_token" value="{{ csrf_token('prestashop_feature_delete_' ~ feature.id) }}">
                                            <button type="submit" class="button button--ghost button--small">Usuń</button>
                                        </form>
                                    </td>
                                </tr>
                            {% else %}
                                <tr><td colspan="3">Nie dodano jeszcze cech do draftu.</td></tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>

                    <form method="post" action="{{ path('app_project_prestashop_feature_add', { id: project.id }) }}" class="inline-form presta-inline-form mt-2">
                        <input type="hidden" name="_token" value="{{ csrf_token('prestashop_feature_add_' ~ project.id) }}">
                        <select name="feature_presta_id" class="form-control">
                            <option value="">Cecha</option>
                            {% for feature in features %}<option value="{{ feature.prestaId }}">#{{ feature.prestaId }} {{ feature.nameForLang }}</option>{% endfor %}
                        </select>
                        <select name="feature_value_presta_id" class="form-control">
                            <option value="">Wartość cechy</option>
                            {% for feature in features %}
                                {% for value in feature_values_by_feature[feature.prestaId]|default([]) %}
                                    <option value="{{ value.prestaId }}">{{ feature.nameForLang }}: {{ value.valueForLang }}</option>
                                {% endfor %}
                            {% endfor %}
                        </select>
                        <button type="submit" class="button button--primary">Dodaj cechę</button>
                    </form>
                </div>
            </section>

            <section class="presta-panel">
                <div class="presta-panel__head">
                    <div>
                        <span class="presta-panel__number">7</span>
                        <h4>Atrybuty i warianty</h4>
                        <p>Konfiguracja kombinacji produktu, impactów cenowych i stanów.</p>
                    </div>
                </div>
                <div class="presta-panel__body presta-panel__body--stack">
                    <form method="post" action="{{ path('app_project_prestashop_variants_generate', { id: project.id }) }}" class="stack-form">
                        <input type="hidden" name="_token" value="{{ csrf_token('prestashop_variants_generate_' ~ project.id) }}">
                        <div class="attribute-grid">
                            {% for groupId, bucket in attributes_by_group %}
                                <div class="attribute-card">
                                    <strong>{{ bucket.group ? bucket.group.nameForLang : ('Grupa #' ~ groupId) }}</strong>
                                    {% for value in bucket.values %}
                                        <label class="checkbox-row">
                                            <input type="checkbox" name="attribute_value_ids[]" value="{{ value.prestaId }}" {{ value.prestaId in selected_attribute_ids ? 'checked' : '' }}>
                                            {{ value.nameForLang }} {% if value.color %}<span class="color-dot" style="background: {{ value.color }}"></span>{% endif %}
                                        </label>
                                    {% else %}
                                        <span class="text-muted">Brak wartości.</span>
                                    {% endfor %}
                                </div>
                            {% else %}
                                <p class="panel__text">Brak atrybutów. Najpierw pobierz słowniki z Presty.</p>
                            {% endfor %}
                        </div>
                        <div class="form-actions"><button type="submit" class="button button--ghost">Wygeneruj warianty z wybranych atrybutów</button></div>
                    </form>

                    {% if default_setting and default_setting.variantGenerationMode == 'variant_profile' and default_setting.variantProfile %}
                        <form method="post" action="{{ path('app_project_prestashop_variants_generate_default', { id: project.id }) }}" class="presta-default-variant-form">
                            <input type="hidden" name="_token" value="{{ csrf_token('prestashop_variants_generate_default_' ~ project.id) }}">
                            <button type="submit" class="button button--ghost">Wygeneruj warianty z domyślnej mapy</button>
                            <span class="text-muted">Źródło: {{ default_setting.variantProfile.name }}</span>
                        </form>
                    {% endif %}

                    <div class="presta-json-import-box">
                        <h5>Import wariantów z JSON</h5>
                        <p class="text-muted">JSON importuje warianty do lokalnego draftu. Każda para key=value musi istnieć w mapie JSON wariantów.</p>
                        <form method="post" action="{{ path('app_project_prestashop_variants_import_json', { id: project.id }) }}" enctype="multipart/form-data" class="stack-form">
                            <input type="hidden" name="_token" value="{{ csrf_token('prestashop_variants_import_json_' ~ project.id) }}">
                            <div class="form-grid form-grid--two">
                                <label>Mapa JSON
                                    <select name="variant_json_mapping_id" class="form-control" required>
                                        <option value="">— wybierz mapę —</option>
                                        {% for mapping in variant_json_mappings|default([]) %}
                                            <option value="{{ mapping.id }}" {{ default_setting and default_setting.jsonVariantMapping and default_setting.jsonVariantMapping.id == mapping.id ? 'selected' : '' }}>
                                                {{ mapping.name }} / {{ mapping.code }}
                                            </option>
                                        {% endfor %}
                                    </select>
                                </label>
                                <label>Plik JSON
                                    <input type="file" name="variant_json_file" class="form-control" accept=".json,application/json,text/plain" required>
                                </label>
                            </div>
                            <label class="checkbox-row">
                                <input type="checkbox" name="replace_existing" value="1" checked>
                                Zastąp istniejące warianty
                            </label>
                            <button type="submit" class="button button--ghost">Importuj warianty z JSON</button>
                        </form>
                    </div>

                    <form method="post" action="{{ path('app_project_prestashop_variants_save', { id: project.id }) }}" class="stack-form">
                        <input type="hidden" name="_token" value="{{ csrf_token('prestashop_variants_save_' ~ project.id) }}">
                        <div class="table-wrapper">
                            <table class="data-table data-table--compact">
                                <thead><tr><th>Wariant</th><th>Reference</th><th>Price impact</th><th>Cena końcowa</th><th>Ilość</th><th>Aktywny</th></tr></thead>
                                <tbody>
                                {% for variant in draft.variants %}
                                    <tr>
                                        <td>{{ variant.attributesLabel }}</td>
                                        <td><input type="text" name="variants[{{ variant.id }}][reference]" class="form-control" value="{{ variant.reference }}"></td>
                                        <td><input type="text" name="variants[{{ variant.id }}][price_impact]" class="form-control" value="{{ variant.priceImpact }}"></td>
                                        <td><input type="text" name="variants[{{ variant.id }}][final_price]" class="form-control" value="{{ variant.finalPrice }}"></td>
                                        <td><input type="number" name="variants[{{ variant.id }}][quantity]" class="form-control" value="{{ variant.quantity }}" min="0"></td>
                                        <td><input type="checkbox" name="variants[{{ variant.id }}][active]" value="1" {{ variant.active ? 'checked' : '' }}></td>
                                    </tr>
                                {% else %}
                                    <tr><td colspan="6">Brak wariantów. Wybierz atrybuty i kliknij „Wygeneruj warianty”.</td></tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        {% if draft.variants|length > 0 %}<div class="form-actions"><button type="submit" class="button button--primary">Zapisz warianty</button></div>{% endif %}
                    </form>
                </div>
            </section>

            <section class="presta-panel presta-panel--technical">
                <div class="presta-panel__head">
                    <div>
                        <span class="presta-panel__number">8</span>
                        <h4>Podgląd danych technicznych</h4>
                        <p>Skrót payloadu roboczego dla debugowania draftu.</p>
                    </div>
                </div>
                <div class="presta-panel__body">
                    <div class="technical-preview">
                        <pre>{{ {
                            status: draft.status,
                            reference: draft.reference,
                            main_category_presta_id: draft.mainCategoryPrestaId,
                            category_ids: draft.categoryIdsJson,
                            perfect_for_ids: draft.perfectForIdsJson,
                            custom_tag_ids: draft.customTagIdsJson,
                            variants_count: draft.variants|length
                        }|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre>
                    </div>
                </div>
            </section>
        </div>

        <aside class="presta-draft-aside">
            <section class="presta-side-card">
                <h4>Gotowość słowników</h4>
                <div class="presta-dictionary-list">
                    <div><span>Kategorie</span><strong>{{ dictionary_counts.categories|default(0) }}</strong></div>
                    <div><span>Cechy</span><strong>{{ dictionary_counts.features|default(0) }}</strong></div>
                    <div><span>Wartości cech</span><strong>{{ dictionary_counts.feature_values|default(0) }}</strong></div>
                    <div><span>Grupy atrybutów</span><strong>{{ dictionary_counts.attribute_groups|default(0) }}</strong></div>
                    <div><span>Wartości atrybutów</span><strong>{{ dictionary_counts.attribute_values|default(0) }}</strong></div>
                    <div><span>Perfect For</span><strong>{{ dictionary_counts.perfect_for_cards|default(0) }}</strong></div>
                    <div><span>Custom tagi</span><strong>{{ dictionary_counts.custom_tags|default(0) }}</strong></div>
                </div>
            </section>

            <section class="presta-side-card presta-side-card--warm">
                <h4>Kolejność pracy</h4>
                <ol class="presta-checklist">
                    <li class="{{ dictionary_readiness.ready ? 'is-done' : '' }}">Pobierz aktualne słowniki z Presty.</li>
                    <li class="{{ draft.title is not empty and draft.reference is not empty ? 'is-done' : '' }}">Uzupełnij dane podstawowe i SEO.</li>
                    <li class="{{ draft.mainCategoryPrestaId ? 'is-done' : '' }}">Wybierz kategorię główną i dodatkowe.</li>
                    <li class="{{ draft.variants|length > 0 ? 'is-done' : '' }}">Wygeneruj albo zaimportuj warianty.</li>
                    <li class="{{ draft.lastValidationErrorsJson is empty ? 'is-done' : '' }}">Zweryfikuj walidację przed publikacją.</li>
                </ol>
            </section>
        </aside>
    </div>
</div>