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

{% block title %}Ustawienia domyślne mapowań | micey-projects{% endblock %}

{% block app_content %}
    {% include 'partials/_flash_messages.html.twig' %}

    <div class="ops-page mapping-defaults-page">
        <section class="ops-hero ops-hero--mapping">
            <div class="ops-hero__content">
                <div class="ops-kicker">
                    <span class="ui-icon">hub</span>
                    Słowniki / Mapowania
                </div>
                <h1>Ustawienia domyślne</h1>
                <p>
                    Domyślne ceny, ilości i automatyczne generowanie wariantów per platforma oraz typ produktu.
                    Ta konfiguracja decyduje, jak aplikacja przygotowuje draft produktu przed publikacją.
                </p>
            </div>
            <div class="ops-hero__actions">
                <a class="button button--ghost" href="{{ path('app_dictionaries_index') }}">
                    <span class="ui-icon">arrow_back</span>
                    Wróć do słowników
                </a>
            </div>
        </section>

        <section class="ops-stat-grid ops-stat-grid--four">
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">storefront</span>
                <span class="ops-stat-card__label">Platformy</span>
                <strong>{{ platforms|length }}</strong>
            </article>
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">category</span>
                <span class="ops-stat-card__label">Typy produktów</span>
                <strong>{{ product_types|length }}</strong>
            </article>
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">tune</span>
                <span class="ops-stat-card__label">Ustawienia</span>
                <strong>{{ default_settings|length }}</strong>
            </article>
            <article class="ops-stat-card">
                <span class="ops-stat-card__icon ui-icon">schema</span>
                <span class="ops-stat-card__label">Mapy JSON</span>
                <strong>{{ json_mappings|length }}</strong>
            </article>
        </section>

        <section class="ops-layout ops-layout--main-aside">
            <article class="ops-card ops-card--form">
                <div class="ops-card__head">
                    <div>
                        <span class="ops-card__eyebrow">Domyślne ustawienie</span>
                        <h2>Dodaj lub aktualizuj regułę publikacji</h2>
                        <p>Jeśli ustawienie dla tej samej platformy i typu produktu już istnieje, formularz zaktualizuje istniejący rekord.</p>
                    </div>
                </div>

                <form method="post" class="ops-form">
                    <input type="hidden" name="_token" value="{{ csrf_token('mapping_defaults') }}">
                    <input type="hidden" name="action" value="save_default">

                    <div class="ops-form-grid ops-form-grid--two">
                        <label class="ops-field">Platforma
                            <select name="platform_id" class="form-control" required>
                                <option value="">— wybierz —</option>
                                {% for platform in platforms %}
                                    <option value="{{ platform.id }}">{{ platform.name }} / {{ platform.code }}</option>
                                {% endfor %}
                            </select>
                        </label>
                        <label class="ops-field">Typ produktu
                            <select name="product_type_id" class="form-control" required>
                                <option value="">— wybierz —</option>
                                {% for type in product_types %}
                                    <option value="{{ type.id }}">{{ type.name }} / {{ type.code }}</option>
                                {% endfor %}
                            </select>
                        </label>
                        <label class="ops-field">Cena bazowa
                            <input type="text" name="base_price" class="form-control" placeholder="np. 39.90">
                        </label>
                        <label class="ops-field">Ilość bazowa
                            <input type="number" name="base_quantity" class="form-control" min="0" placeholder="np. 100">
                        </label>
                        <label class="ops-field">Tryb wariantów
                            <select name="variant_generation_mode" class="form-control">
                                {% for label, value in mode_choices %}
                                    <option value="{{ value }}">{{ label }}</option>
                                {% endfor %}
                            </select>
                        </label>
                        <label class="ops-field">Profil wariantów
                            <select name="variant_profile_id" class="form-control">
                                <option value="">— brak —</option>
                                {% for profile in variant_profiles %}
                                    <option value="{{ profile.id }}">{{ profile.name }} / {{ profile.code }}</option>
                                {% endfor %}
                            </select>
                        </label>
                        <label class="ops-field">Mapa JSON
                            <select name="json_variant_mapping_id" class="form-control">
                                <option value="">— brak —</option>
                                {% for mapping in json_mappings %}
                                    <option value="{{ mapping.id }}">{{ mapping.name }} / {{ mapping.code }}</option>
                                {% endfor %}
                            </select>
                        </label>
                        <div class="ops-check-list">
                            <label class="checkbox-row">
                                <input type="checkbox" name="active_after_publish" value="1">
                                Aktywny po publikacji
                            </label>
                            <label class="checkbox-row">
                                <input type="checkbox" name="auto_generate_variants" value="1">
                                Auto-generuj warianty przy utworzeniu draftu
                            </label>
                            <label class="checkbox-row">
                                <input type="checkbox" name="active" value="1" checked>
                                Aktywne
                            </label>
                        </div>
                    </div>

                    <label class="ops-field">Notatka
                        <textarea name="notes" class="form-control" rows="2" placeholder="Opcjonalny kontekst dla zespołu"></textarea>
                    </label>

                    <div class="ops-form-actions">
                        <button type="submit" class="button button--primary">
                            <span class="ui-icon">save</span>
                            Zapisz ustawienie domyślne
                        </button>
                    </div>
                </form>
            </article>

            <aside class="ops-card ops-card--aside">
                <div class="ops-card__head">
                    <div>
                        <span class="ops-card__eyebrow">Automatyzacja</span>
                        <h2>Jak czytać te ustawienia?</h2>
                    </div>
                </div>
                <div class="ops-guide-list">
                    <div>
                        <span class="ui-icon">looks_one</span>
                        <p><strong>Platforma + typ produktu</strong> tworzą unikalną regułę startową dla draftu.</p>
                    </div>
                    <div>
                        <span class="ui-icon">looks_two</span>
                        <p><strong>Tryb wariantów</strong> decyduje, czy warianty pochodzą z profilu, z JSON-a, czy nie są generowane.</p>
                    </div>
                    <div>
                        <span class="ui-icon">looks_3</span>
                        <p><strong>Auto-generowanie</strong> uruchamia regułę od razu po utworzeniu draftu PrestaShop.</p>
                    </div>
                </div>
            </aside>
        </section>

        <section class="ops-card">
            <div class="ops-card__head ops-card__head--inline">
                <div>
                    <span class="ops-card__eyebrow">Lista</span>
                    <h2>Ustawienia domyślne</h2>
                </div>
                <span class="ops-soft-badge">{{ default_settings|length }} rekordów</span>
            </div>
            <div class="table-responsive ops-table-wrap">
                <table class="data-table ops-table">
                    <thead>
                    <tr>
                        <th>Platforma</th>
                        <th>Typ</th>
                        <th>Cena</th>
                        <th>Ilość</th>
                        <th>Tryb</th>
                        <th>Profil / JSON</th>
                        <th>Auto</th>
                        <th>Aktywne</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for setting in default_settings %}
                        <tr>
                            <td><strong>{{ setting.platform ? setting.platform.name : '—' }}</strong></td>
                            <td>{{ setting.productType ? setting.productType.name : '—' }}</td>
                            <td>{{ setting.basePrice ?: '—' }}</td>
                            <td>{{ setting.baseQuantity is not null ? setting.baseQuantity : '—' }}</td>
                            <td><span class="ops-soft-badge">{{ setting.variantGenerationModeLabel }}</span></td>
                            <td>
                                {% if setting.variantProfile %}<span class="ops-chip">Profil: {{ setting.variantProfile.name }}</span>{% endif %}
                                {% if setting.jsonVariantMapping %}<span class="ops-chip">JSON: {{ setting.jsonVariantMapping.name }}</span>{% endif %}
                                {% if not setting.variantProfile and not setting.jsonVariantMapping %}—{% endif %}
                            </td>
                            <td>{{ setting.autoGenerateVariants ? 'tak' : 'nie' }}</td>
                            <td><span class="ops-status {{ setting.active ? 'is-green' : 'is-muted' }}">{{ setting.active ? 'tak' : 'nie' }}</span></td>
                        </tr>
                    {% else %}
                        <tr><td colspan="8">Brak ustawień domyślnych.</td></tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </section>

        <section class="ops-card ops-json-section">
            <div class="ops-card__head ops-card__head--inline">
                <div>
                    <span class="ops-card__eyebrow">Warianty</span>
                    <h2>Mapy JSON wariantów</h2>
                    <p>JSON ze skryptu podaje użyte zestawy model + kolor. Aplikacja rozwija je później o rozmiary, ceny, ilości i kombinacje PrestaShop.</p>
                </div>
                <span class="ops-soft-badge">schema: ww_variant_input_v1</span>
            </div>

            <div class="ops-note ops-note--warm">
                <span class="ui-icon">info</span>
                <p>
                    Nowa logika JSON: plik ze skryptu podaje tylko faktycznie użyte zestawy <strong>model + kolor</strong>.
                    Aplikacja generuje rozmiary, ceny, ilości i kombinacje na podstawie reguł ekspansji ustawionych poniżej.
                </p>
            </div>

            <form method="post" class="ops-form ops-subcard">
                <input type="hidden" name="_token" value="{{ csrf_token('mapping_defaults') }}">
                <input type="hidden" name="action" value="save_json_mapping">

                <div class="ops-subcard__head">
                    <strong>Dodaj mapę JSON</strong>
                    <span>Połącz wartości z pliku JSON z atrybutami PrestaShop.</span>
                </div>

                <div class="ops-form-grid ops-form-grid--three">
                    <label class="ops-field">Platforma
                        <select name="platform_id" class="form-control" required>
                            <option value="">— wybierz —</option>
                            {% for platform in platforms %}
                                <option value="{{ platform.id }}">{{ platform.name }} / {{ platform.code }}</option>
                            {% endfor %}
                        </select>
                    </label>
                    <label class="ops-field">Typ produktu
                        <select name="product_type_id" class="form-control" required>
                            <option value="">— wybierz —</option>
                            {% for type in product_types %}
                                <option value="{{ type.id }}">{{ type.name }} / {{ type.code }}</option>
                            {% endfor %}
                        </select>
                    </label>
                    <label class="ops-field">Kod mapy
                        <input type="text" name="code" class="form-control" placeholder="tshirt_used_models_v1" required>
                    </label>
                    <label class="ops-field">Nazwa
                        <input type="text" name="name" class="form-control" placeholder="Koszulki — JSON model + kolor" required>
                    </label>
                    <label class="ops-field">Schema version
                        <input type="text" name="schema_version" class="form-control" value="ww_variant_input_v1">
                    </label>
                    <label class="ops-field">JSON key modelu
                        <input type="text" name="model_json_key" class="form-control" value="model">
                    </label>
                    <label class="ops-field">JSON key koloru
                        <input type="text" name="color_json_key" class="form-control" value="color">
                    </label>
                    <label class="ops-field">Grupa atrybutu: Model
                        <select name="model_attribute_group_presta_id" class="form-control">
                            <option value="">— opcjonalnie —</option>
                            {% for group in attribute_groups %}
                                <option value="{{ group.prestaId }}">#{{ group.prestaId }} {{ group.nameForLang }}</option>
                            {% endfor %}
                        </select>
                    </label>
                    <label class="ops-field">Grupa atrybutu: Kolor
                        <select name="color_attribute_group_presta_id" class="form-control">
                            <option value="">— opcjonalnie —</option>
                            {% for group in attribute_groups %}
                                <option value="{{ group.prestaId }}">#{{ group.prestaId }} {{ group.nameForLang }}</option>
                            {% endfor %}
                        </select>
                    </label>
                    <label class="ops-field">Grupa atrybutu: Rozmiar
                        <select name="size_attribute_group_presta_id" class="form-control">
                            <option value="">— opcjonalnie —</option>
                            {% for group in attribute_groups %}
                                <option value="{{ group.prestaId }}">#{{ group.prestaId }} {{ group.nameForLang }}</option>
                            {% endfor %}
                        </select>
                    </label>
                    <label class="ops-field ops-field--wide">Notatka
                        <textarea name="notes" class="form-control" rows="2"></textarea>
                    </label>
                    <div class="ops-check-list">
                        <label class="checkbox-row">
                            <input type="checkbox" name="active" value="1" checked>
                            Aktywna
                        </label>
                    </div>
                </div>

                <div class="ops-form-actions">
                    <button type="submit" class="button button--primary">
                        <span class="ui-icon">add</span>
                        Dodaj mapę JSON
                    </button>
                </div>
            </form>

            <details class="ops-details">
                <summary>
                    <span class="ui-icon">data_object</span>
                    Oczekiwany format JSON
                </summary>
                <div class="technical-preview"><pre>{{ expected_json }}</pre></div>
            </details>

            <div class="ops-stack">
                {% for mapping in json_mappings %}
                    <article class="ops-mapping-card">
                        <div class="ops-mapping-card__head">
                            <div>
                                <h3>{{ mapping.name }}</h3>
                                <div class="ops-meta-line">
                                    <span class="mono-badge">{{ mapping.code }}</span>
                                    <span>{{ mapping.platform.name }} / {{ mapping.productType.name }}</span>
                                    <span>schema: {{ mapping.schemaVersion }}</span>
                                </div>
                            </div>
                            <span class="ops-status {{ mapping.active ? 'is-green' : 'is-muted' }}">{{ mapping.active ? 'aktywna' : 'nieaktywna' }}</span>
                        </div>

                        <div class="ops-mapping-card__meta">
                            <span>model: <strong>{{ mapping.modelJsonKey }}</strong></span>
                            <span>color: <strong>{{ mapping.colorJsonKey }}</strong></span>
                            <span>grupa modelu: <strong>#{{ mapping.modelAttributeGroupPrestaId ?: '—' }}</strong></span>
                            <span>grupa koloru: <strong>#{{ mapping.colorAttributeGroupPrestaId ?: '—' }}</strong></span>
                            <span>grupa rozmiaru: <strong>#{{ mapping.sizeAttributeGroupPrestaId ?: '—' }}</strong></span>
                        </div>

                        <div class="ops-subcard">
                            <div class="ops-subcard__head">
                                <strong>1. Mapowanie wartości JSON na atrybuty Presta</strong>
                                <span>Przypisz np. model F190 albo kolor red do właściwej wartości atrybutu.</span>
                            </div>
                            <form method="post" class="ops-inline-form">
                                <input type="hidden" name="_token" value="{{ csrf_token('mapping_defaults') }}">
                                <input type="hidden" name="action" value="add_json_mapping_item">
                                <input type="hidden" name="mapping_id" value="{{ mapping.id }}">
                                <input type="text" name="json_attribute_key" class="form-control" placeholder="model / color" required>
                                <input type="text" name="json_attribute_value" class="form-control" placeholder="F190 / red" required>
                                <select name="attribute_value_presta_id" class="form-control" required>
                                    <option value="">Wartość atrybutu Presta</option>
                                    {% for value in attribute_values %}
                                        <option value="{{ value.prestaId }}">
                                            #{{ value.prestaId }} {{ value.attributeGroup ? value.attributeGroup.nameForLang : ('Grupa ' ~ value.attributeGroupPrestaId) }}: {{ value.nameForLang }}
                                        </option>
                                    {% endfor %}
                                </select>
                                <button class="button button--ghost" type="submit">Dodaj mapowanie</button>
                            </form>

                            <div class="table-responsive ops-table-wrap mt-2">
                                <table class="data-table data-table--compact ops-table">
                                    <thead><tr><th>JSON key</th><th>JSON value</th><th>Presta</th><th>Akcje</th></tr></thead>
                                    <tbody>
                                    {% for item in mapping.items %}
                                        <tr>
                                            <td>{{ item.jsonAttributeKey }}</td>
                                            <td>{{ item.jsonAttributeValue }}</td>
                                            <td>#{{ item.attributeValuePrestaId }} {{ item.labelSnapshot }}</td>
                                            <td>
                                                <form method="post">
                                                    <input type="hidden" name="_token" value="{{ csrf_token('mapping_defaults') }}">
                                                    <input type="hidden" name="action" value="delete_json_mapping_item">
                                                    <input type="hidden" name="item_id" value="{{ item.id }}">
                                                    <button class="button button--ghost button--small" type="submit">Usuń</button>
                                                </form>
                                            </td>
                                        </tr>
                                    {% else %}
                                        <tr><td colspan="4">Brak mapowań model/kolor.</td></tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="ops-subcard">
                            <div class="ops-subcard__head">
                                <strong>2. Reguły ekspansji model + kolor → rozmiary/ceny</strong>
                                <span>Jeden wpis JSON może rozwinąć się do wielu kombinacji. Zaznacz rozmiary, które mają powstać.</span>
                            </div>

                            <form method="post" class="variant-expansion-card ops-expansion-card">
                                <input type="hidden" name="_token" value="{{ csrf_token('mapping_defaults') }}">
                                <input type="hidden" name="action" value="add_json_expansion_rule">
                                <input type="hidden" name="mapping_id" value="{{ mapping.id }}">

                                <div class="variant-expansion-card__main ops-form-grid ops-form-grid--three">
                                    <label class="ops-field">Model z JSON
                                        <input type="text" name="model_json_value" class="form-control" placeholder="np. F190" required>
                                    </label>
                                    <label class="ops-field">Kolor z JSON
                                        <input type="text" name="color_json_value" class="form-control" placeholder="np. red" required>
                                    </label>
                                    <label class="ops-field">Dopłata dla wybranych rozmiarów
                                        <input type="text" name="price_impact" class="form-control" placeholder="np. 20.00">
                                    </label>
                                    <label class="ops-field">Cena finalna, opcjonalnie
                                        <input type="text" name="final_price" class="form-control" placeholder="np. 59.90">
                                    </label>
                                    <label class="ops-field">Ilość
                                        <input type="number" name="quantity" class="form-control" min="0" placeholder="domyślna">
                                    </label>
                                    <label class="checkbox-row variant-expansion-card__active">
                                        <input type="checkbox" name="active" value="1" checked>
                                        Aktywne
                                    </label>
                                </div>

                                <div class="variant-size-picker">
                                    <strong>Rozmiary Presta dla tego modelu i koloru</strong>
                                    <span class="text-muted">Zaznacz XS/S/M/L itd. Każdy zaznaczony rozmiar utworzy osobną kombinację.</span>

                                    <div class="variant-size-picker__grid">
                                        {% for value in attribute_values %}
                                            {% set group_id = value.attributeGroupPrestaId %}
                                            {% set is_size_group = mapping.sizeAttributeGroupPrestaId and group_id == mapping.sizeAttributeGroupPrestaId %}
                                            {% if not mapping.sizeAttributeGroupPrestaId or is_size_group %}
                                                <label class="variant-size-pill {{ is_size_group ? 'is-size-group' : '' }}">
                                                    <input type="checkbox" name="size_attribute_value_presta_ids[]" value="{{ value.prestaId }}">
                                                    <span>
                                                        <strong>{{ value.nameForLang }}</strong>
                                                        <small>#{{ value.prestaId }} / {{ value.attributeGroup ? value.attributeGroup.nameForLang : ('Grupa ' ~ value.attributeGroupPrestaId) }}</small>
                                                    </span>
                                                </label>
                                            {% endif %}
                                        {% endfor %}
                                    </div>

                                    {% if not mapping.sizeAttributeGroupPrestaId %}
                                        <p class="text-muted">
                                            Warto ustawić w mapie „Grupa atrybutu: Rozmiar”, wtedy lista będzie zawężona tylko do rozmiarów.
                                        </p>
                                    {% endif %}
                                </div>

                                <details class="variant-template-options ops-details ops-details--compact">
                                    <summary>
                                        <span class="ui-icon">tune</span>
                                        Opcje zaawansowane: label i SKU
                                    </summary>
                                    <div class="ops-form-grid ops-form-grid--two">
                                        <label class="ops-field">Szablon etykiety
                                            <input type="text" name="label_template" class="form-control" placeholder="{color} / {model} / {size}">
                                        </label>
                                        <label class="ops-field">Szablon suffixu SKU
                                            <input type="text" name="sku_suffix_template" class="form-control" placeholder="{color}-{model}-{size}">
                                        </label>
                                    </div>
                                </details>

                                <button class="button button--ghost" type="submit">Dodaj reguły dla wybranych rozmiarów</button>
                            </form>

                            <div class="table-responsive ops-table-wrap mt-2">
                                <table class="data-table data-table--compact ops-table">
                                    <thead><tr><th>Model</th><th>Kolor</th><th>Rozmiar</th><th>Dopłata</th><th>Cena finalna</th><th>Ilość</th><th>Aktywna</th><th>Akcje</th></tr></thead>
                                    <tbody>
                                    {% for rule in mapping.expansionRules %}
                                        <tr>
                                            <td>{{ rule.modelJsonValue }}</td>
                                            <td>{{ rule.colorJsonValue }}</td>
                                            <td>#{{ rule.sizeAttributeValuePrestaId }} {{ rule.sizeAttributeValue ? rule.sizeAttributeValue.nameForLang : '' }}</td>
                                            <td>{{ rule.priceImpact ?: '—' }}</td>
                                            <td>{{ rule.finalPrice ?: '—' }}</td>
                                            <td>{{ rule.quantity is not null ? rule.quantity : 'domyślna' }}</td>
                                            <td><span class="ops-status {{ rule.active ? 'is-green' : 'is-muted' }}">{{ rule.active ? 'tak' : 'nie' }}</span></td>
                                            <td>
                                                <form method="post">
                                                    <input type="hidden" name="_token" value="{{ csrf_token('mapping_defaults') }}">
                                                    <input type="hidden" name="action" value="delete_json_expansion_rule">
                                                    <input type="hidden" name="rule_id" value="{{ rule.id }}">
                                                    <button class="button button--ghost button--small" type="submit">Usuń</button>
                                                </form>
                                            </td>
                                        </tr>
                                    {% else %}
                                        <tr><td colspan="8">Brak reguł ekspansji. Dla JSON-a z samym model+kolor kombinacje nie zostaną wygenerowane, dopóki nie przypiszesz rozmiarów do par model+kolor.</td></tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </article>
                {% else %}
                    <div class="ops-empty-state">
                        <span class="ui-icon">schema</span>
                        <strong>Brak map JSON wariantów</strong>
                        <p>Dodaj pierwszą mapę, aby automatycznie rozwijać pliki JSON z modelami i kolorami na kombinacje PrestaShop.</p>
                    </div>
                {% endfor %}
            </div>
        </section>
    </div>
{% endblock %}