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

{% block title %}Profile AI | micey-projects{% endblock %}

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

    <section class="panel panel--hero">
        <div class="panel__header panel__header--space-between">
            <div>
                <p class="panel__eyebrow">AI Studio</p>
                <h2 class="panel__title">Profile AI przypisane do platform</h2>
                <p class="panel__text">
                    Profil AI musi mieć platformę. Dla PrestaShop system automatycznie przygotuje pola do pokrycia:
                    tytuł, krótki opis, długi opis, CTA, SEO, kategorie, cechy, Perfect For i custom tagi.
                </p>
            </div>
            <a href="{{ path('app_ai_studio') }}" class="button button--ghost">Wróć do AI Studio</a>
        </div>
    </section>

    <section class="panel">
        <h3 class="panel__section-title">Dodaj profil</h3>
        <form method="post" class="stack-form ai-add-form">
            <input type="hidden" name="_token" value="{{ csrf_token('ai_profile_add') }}">
            <div class="form-grid form-grid--two">
                <label>Platforma
                    <select class="form-control" name="platform_id" required>
                        <option value="">— wybierz platformę —</option>
                        {% for platform in platforms %}
                            <option value="{{ platform.id }}">{{ platform.name }}{% if platform.code %} / {{ platform.code }}{% endif %}</option>
                        {% endfor %}
                    </select>
                </label>
                <label>Kod profilu
                    <input class="form-control" name="code" required placeholder="prestashop_ww_pl">
                </label>
                <label>Nazwa
                    <input class="form-control" name="name" required placeholder="PrestaShop — Wręcz Wspaniale PL">
                </label>
                <label>Marka
                    <input class="form-control" name="brand_name" placeholder="Wręcz Wspaniale">
                </label>
                <label>Język
                    <input class="form-control" name="language_code" value="pl" required>
                </label>
                <label>Rynek
                    <input class="form-control" name="market_code" value="PL">
                </label>
                <label class="checkbox-row">
                    <input type="checkbox" name="active" value="1" checked> Aktywny
                </label>
                <label class="checkbox-row">
                    <input type="checkbox" name="is_default" value="1"> Domyślny
                </label>
                <label class="checkbox-row">
                    <input type="checkbox" name="advanced_long_description_blocks_enabled" value="1" checked>
                    Włącz zaawansowane bloki długiego opisu
                </label>
            </div>
            <label>Opis profilu
                <textarea class="form-control" name="description" rows="3" placeholder="Do czego służy ten profil i jakim stylem ma pisać?"></textarea>
            </label>
            <div class="presta-warning-box">
                Po utworzeniu profilu system dopisze gotowe pola właściwe dla wybranej platformy. W instrukcjach AI będzie można je włączać/wyłączać i edytować.
            </div>
            <div class="form-actions">
                <button class="button button--primary" type="submit">Utwórz profil i pola platformy</button>
            </div>
        </form>
    </section>

    <section class="panel">
        <h3 class="panel__section-title">Istniejące profile</h3>

        {% for profile in profiles %}
            <form method="post" action="{{ path('app_ai_profile_update', { id: profile.id }) }}" class="stack-form ai-edit-card">
                <input type="hidden" name="_token" value="{{ csrf_token('ai_profile_' ~ profile.id) }}">
                <div class="form-grid form-grid--two">
                    <label>Platforma
                        <select class="form-control" name="platform_id" required>
                            <option value="">— wybierz platformę —</option>
                            {% for platform in platforms %}
                                <option value="{{ platform.id }}" {{ profile.platform and profile.platform.id == platform.id ? 'selected' : '' }}>
                                    {{ platform.name }}{% if platform.code %} / {{ platform.code }}{% endif %}
                                </option>
                            {% endfor %}
                        </select>
                    </label>
                    <label>Kod
                        <input class="form-control" name="code" value="{{ profile.code }}" required>
                    </label>
                    <label>Nazwa
                        <input class="form-control" name="name" value="{{ profile.name }}" required>
                    </label>
                    <label>Marka
                        <input class="form-control" name="brand_name" value="{{ profile.brandName }}">
                    </label>
                    <label>Język
                        <input class="form-control" name="language_code" value="{{ profile.languageCode }}" required>
                    </label>
                    <label>Rynek
                        <input class="form-control" name="market_code" value="{{ profile.marketCode }}">
                    </label>
                    <label class="checkbox-row">
                        <input type="checkbox" name="active" value="1" {{ profile.active ? 'checked' : '' }}> Aktywny
                    </label>
                    <label class="checkbox-row">
                        <input type="checkbox" name="is_default" value="1" {{ profile.default ? 'checked' : '' }}> Domyślny
                    </label>
                    <label class="checkbox-row">
                        <input type="checkbox" name="advanced_long_description_blocks_enabled" value="1" {{ profile.advancedLongDescriptionBlocksEnabled ? 'checked' : '' }}>
                        Zaawansowane bloki długiego opisu
                    </label>
                </div>
                <label>Opis
                    <textarea class="form-control" name="description" rows="3">{{ profile.description }}</textarea>
                </label>
                <div class="form-actions">
                    <a href="{{ path('app_ai_instructions', { profile: profile.id }) }}" class="button button--ghost">Instrukcje profilu</a>
                    <button class="button button--primary" type="submit">Zapisz profil i uzupełnij brakujące pola</button>
                </div>
            </form>
        {% else %}
            <div class="empty-state">
                <strong>Brak profili AI.</strong>
                <span>Dodaj profil powyżej albo uruchom seed.</span>
            </div>
        {% endfor %}
    </section>
{% endblock %}