{% set presta_external_id = prestashop ? prestashop.externalId : null %}
{% set presta_is_linked = presta_external_id is not empty %}
<h3 class="panel__section-title">PrestaShop — 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-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, formularz pokazuje wartości domyślne' }}</strong></div>
    <div><span>Status draftu</span><strong>{{ draft.statusLabel }}</strong></div>
    <div><span>Ostatnia edycja draftu</span><strong>{{ draft.updatedAt ? draft.updatedAt|date('d-m-Y H:i') : '—' }}</strong></div>
    <div><span>Ostatnia synchronizacja słowników</span><strong>{{ integration and integration.lastSyncAt ? integration.lastSyncAt|date('d-m-Y H:i') : '—' }}</strong></div>
</div>


<div class="presta-form-section presta-binding-box">
    <h4>Powiązanie PrestaShop</h4>
    {% 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 %}
        <p class="panel__text">Projekt nie jest jeszcze powiązany z produktem PrestaShop.</p>
    {% endif %}
</div>

{% if default_setting %}
    <div class="presta-form-section">
        <h4>Domyślne mapowanie dla tego typu produktu</h4>
        <div class="presta-mini-grid">
            <span>Tryb wariantów: {{ default_setting.variantGenerationModeLabel }}</span>
            <span>Cena: {{ default_setting.basePrice ?: '—' }}</span>
            <span>Ilość: {{ default_setting.baseQuantity is not null ? default_setting.baseQuantity : '—' }}</span>
            <span>Profil: {{ default_setting.variantProfile ? default_setting.variantProfile.name : '—' }}</span>
            <span>Mapa JSON: {{ default_setting.jsonVariantMapping ? default_setting.jsonVariantMapping.name : '—' }}</span>
        </div>
    </div>
{% endif %}

{% set dictionary_readiness = dictionary_readiness ?? { ready: false, missing: ['brak danych readiness'], warnings: [], counts: {} } %}
{% set dictionary_counts = dictionary_readiness.counts|default({}) %}

<div class="presta-dictionary-summary">
    <strong>Status słowników PrestaShop</strong>
    <div class="presta-mini-grid">
        <span>Kategorie: {{ dictionary_counts.categories|default(0) }}</span>
        <span>Cechy: {{ dictionary_counts.features|default(0) }}</span>
        <span>Wartości cech: {{ dictionary_counts.feature_values|default(0) }}</span>
        <span>Grupy atrybutów: {{ dictionary_counts.attribute_groups|default(0) }}</span>
        <span>Wartości atrybutów: {{ dictionary_counts.attribute_values|default(0) }}</span>
        <span>Perfect For: {{ dictionary_counts.perfect_for_cards|default(0) }}</span>
        <span>Custom tagi: {{ dictionary_counts.custom_tags|default(0) }}</span>
    </div>
</div>

{% 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 z Presty” 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 %}

<div class="button-row mt-3">
    <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">Pobierz słowniki z Presty</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">Waliduj dane</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 %}>Wypchnij do Presty</button>
    </form>
</div>

{% 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) }}">

    <div class="presta-form-section">
        <h4>1. Dane podstawowe</h4>
        <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">
                <input type="checkbox" name="active_after_publish" value="1" {{ draft.activeAfterPublish is same as(true) ? 'checked' : '' }}>
                Aktywny po publikacji
            </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>

    <div class="presta-form-section">
        <h4>2. Opisy</h4>
        <label>Opis krótki HTML
            <textarea name="short_description" class="form-control" rows="5">{{ draft.shortDescription }}</textarea>
        </label>
        <label>Opis długi HTML
            <textarea name="long_description" class="form-control" rows="9">{{ draft.longDescription }}</textarea>
        </label>
        <label>Custom CTA
            <textarea name="cta_text" class="form-control" rows="3">{{ draft.ctaText }}</textarea>
        </label>
    </div>

    <div class="presta-form-section">
        <h4>3. SEO</h4>
        <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>

    <div class="presta-form-section">
        <h4>4. Kategorie</h4>
        <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. Przed publikacją kategorie są walidowane względem lokalnych słowników.</p>
    </div>

    <div class="presta-form-section">
        <h4>5. Perfect For</h4>
        <select name="perfect_for_ids[]" class="form-control" multiple size="6">
            {% 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>
    </div>

    <div class="presta-form-section">
        <h4>6. Custom tagi</h4>
        <select name="custom_tag_ids[]" class="form-control" multiple size="6">
            {% 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>
    </div>

    <div class="form-actions">
        <button type="submit" class="button button--primary">Zapisz draft Presta</button>
    </div>
</form>

<div class="presta-form-section">
    <h4>7. Cechy</h4>
    <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 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>

<div class="presta-form-section">
    <h4>8. Atrybuty i warianty</h4>
    <form method="post" action="{{ path('app_project_prestashop_variants_generate', { id: project.id }) }}">
        <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="mt-3">
            <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 mt-3">
        <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="mt-3">
        <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>

<div class="presta-form-section">
    <h4>9. Podgląd danych technicznych</h4>
    <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>