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

{% block title %}Profile wariantów{% endblock %}

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

    <section class="panel panel--hero-soft">
        <div class="panel__header panel__header--space-between">
            <div>
                <p class="panel__eyebrow">Słowniki / Mapowania</p>
                <h2 class="panel__title">{{ editing_profile ? 'Edytuj profil wariantów' : 'Profile wariantów' }}</h2>
                <p class="panel__text">
                    Profil wariantów opisuje wyłącznie wartości atrybutów i ich szczegółowe zachowanie: impact ceny, ilość oraz reference.
                    Warunki użycia profilu, czyli platformę, typ produktu, cenę bazową, ilość bazową i tryb wariantów, ustawiasz w
                    <strong>Mapowanie → Ustawienia domyślne</strong>. Dzięki temu nie dublujemy logiki w dwóch miejscach.
                </p>
            </div>
            <div class="button-row">
                <a class="button button--ghost" href="{{ path('app_mapping_defaults') }}">Mapowanie domyślne</a>
                <a class="button button--ghost" href="{{ path('app_dictionaries_index') }}">Wróć do słowników</a>
            </div>
        </div>
    </section>

    <section class="panel">
        <div class="panel__header panel__header--space-between">
            <div>
                <p class="panel__eyebrow">Profil wartości</p>
                <h3 class="panel__section-title">{{ editing_profile ? 'Zmień profil' : 'Dodaj profil' }}</h3>
                <p class="panel__text">
                    Zaznacz wartości atrybutów, z których mają powstać kombinacje. Dla każdej wartości możesz ustawić impact ceny,
                    ilość oraz wzór reference. Reference obsługuje zmienne: <code>{symbol}</code>, <code>{base_reference}</code>,
                    <code>{variant}</code>, <code>{variant_label}</code>, <code>{value}</code>.
                </p>
            </div>
        </div>

        {{ form_start(form, { attr: { class: 'stack-form', 'data-turbo': 'false' } }) }}
            <div class="form-grid form-grid--two">
                {{ form_row(form.code) }}
                {{ form_row(form.name) }}
                {{ form_row(form.active) }}
            </div>

            {{ form_row(form.description) }}

            <div class="variant-values-box variant-values-box--matrix">
                <div class="variant-values-box__head">
                    <div>
                        <label class="form-label">{{ form.attributeValues.vars.label }}</label>
                        <p class="form-help">
                            Wartości są grupowane po grupie atrybutów PrestaShop. Kombinacje powstaną dopiero wtedy, gdy profil zostanie wskazany
                            w ustawieniu domyślnym dla konkretnej platformy i typu produktu.
                        </p>
                    </div>
                    <span class="text-badge text-badge--muted">profil = wartości + zasady</span>
                </div>
                {{ form_errors(form.attributeValues) }}

                <div class="variant-profile-values-list">
                    {% for value in form.attributeValues %}
                        {% set value_id = value.vars.value %}
                        {% set value_settings = profile_item_settings[value_id]|default({}) %}
                        <article class="variant-profile-value-row">
                            <label class="variant-profile-value-row__check">
                                {{ form_widget(value) }}
                                <span>{{ value.vars.label }}</span>
                            </label>
                            <div class="variant-profile-value-row__options">
                                <label class="mini-field">Impact ceny
                                    <input
                                        type="text"
                                        name="profile_item_price_impact[{{ value_id }}]"
                                        class="form-control"
                                        placeholder="np. 5.00"
                                        value="{{ value_settings.price_impact|default('') }}"
                                    >
                                </label>
                                <label class="mini-field">Ilość
                                    <input
                                        type="number"
                                        name="profile_item_quantity[{{ value_id }}]"
                                        class="form-control"
                                        min="0"
                                        placeholder="np. 100"
                                        value="{{ value_settings.quantity|default('') }}"
                                    >
                                </label>
                                <label class="mini-field mini-field--wide">Reference
                                    <input
                                        type="text"
                                        name="profile_item_reference_pattern[{{ value_id }}]"
                                        class="form-control"
                                        placeholder="np. {symbol}_11_oz"
                                        value="{{ value_settings.reference_pattern|default('') }}"
                                    >
                                </label>
                            </div>
                        </article>
                    {% endfor %}
                </div>
            </div>

            <div class="form-actions">
                <button type="submit" class="button button--primary">
                    {{ editing_profile ? 'Zapisz zmiany' : 'Dodaj profil' }}
                </button>

                {% if editing_profile %}
                    <a class="button button--ghost" href="{{ path('app_variant_profiles') }}">Anuluj edycję</a>
                {% endif %}
            </div>
        {{ form_end(form) }}
    </section>

    <section class="panel">
        <div class="panel__header panel__header--space-between">
            <div>
                <p class="panel__eyebrow">Profile do wykorzystania w mapowaniu</p>
                <h3 class="panel__section-title">Lista profili wariantów</h3>
                <p class="panel__text">
                    Te profile nie są już dopasowywane samodzielnie po platformie i typie produktu. Wybierasz je w
                    <strong>Mapowanie → Ustawienia domyślne</strong>. Jeśli przy projekcie nie ma JSON-a i reguła domyślna ma tryb „Profil wariantów”,
                    aplikacja użyje wskazanego tutaj profilu.
                </p>
            </div>
        </div>

        <div class="table-responsive">
            <table class="data-table">
                <thead>
                <tr>
                    <th>Kod</th>
                    <th>Nazwa</th>
                    <th>Wartości</th>
                    <th>Kombinacje</th>
                    <th>Ustawienia wartości</th>
                    <th>Aktywny</th>
                    <th>Akcje</th>
                </tr>
                </thead>
                <tbody>
                {% for item in items %}
                    <tr>
                        <td><span class="mono-badge">{{ item.code }}</span></td>
                        <td>
                            <strong>{{ item.name }}</strong>
                            {% if item.description %}
                                <small class="text-muted d-block">{{ item.description|striptags|slice(0, 120) }}</small>
                            {% endif %}
                        </td>
                        <td>
                            <span class="text-badge text-badge--muted">{{ item.items|length }}</span>
                            <small class="text-muted">w {{ item.attributeGroupsCount() }} grupach</small>
                        </td>
                        <td>
                            {% set combinations_count = item.expectedCombinationsCount() %}
                            {% if combinations_count > 0 %}
                                <span class="text-badge">{{ combinations_count }}</span>
                            {% else %}
                                <span class="text-badge text-badge--muted">0</span>
                            {% endif %}
                        </td>
                        <td>
                            <div class="variant-profile-summary-pills">
                                {% set priced = 0 %}
                                {% set quantified = 0 %}
                                {% set referenced = 0 %}
                                {% for profile_item in item.items %}
                                    {% if profile_item.priceImpact is not null %}{% set priced = priced + 1 %}{% endif %}
                                    {% if profile_item.quantity is not null %}{% set quantified = quantified + 1 %}{% endif %}
                                    {% if profile_item.referencePattern is not null %}{% set referenced = referenced + 1 %}{% endif %}
                                {% endfor %}
                                <span class="text-badge text-badge--muted">impact: {{ priced }}</span>
                                <span class="text-badge text-badge--muted">ilość: {{ quantified }}</span>
                                <span class="text-badge text-badge--muted">ref: {{ referenced }}</span>
                            </div>
                        </td>
                        <td>
                            {% if item.active %}
                                <span class="text-badge">tak</span>
                            {% else %}
                                <span class="text-badge text-badge--muted">nie</span>
                            {% endif %}
                        </td>
                        <td>
                            <div class="button-row button-row--compact">
                                <a class="button button--tiny" href="{{ path('app_variant_profile_edit', { id: item.id }) }}">Edytuj</a>
                                <form method="post" action="{{ path('app_variant_profile_delete', { id: item.id }) }}" data-turbo="false" onsubmit="return confirm('Usunąć profil wariantów {{ item.name|e('js') }}? Powiązane ustawienia domyślne zostaną odpięte od tego profilu.');">
                                    <input type="hidden" name="_token" value="{{ csrf_token('delete_variant_profile_' ~ item.id) }}">
                                    <button type="submit" class="button button--tiny button--danger">Usuń</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="7">Brak profili wariantów.</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
{% endblock %}