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

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

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

    <div class="ai-studio-index">
        <section class="ai-studio-stats" aria-label="Podsumowanie AI Studio">
            <a class="ai-studio-stat-card ai-studio-stat-card--accent" href="{{ path('app_ai_profiles') }}">
                <span class="ai-studio-stat-card__icon ui-icon" aria-hidden="true">device_hub</span>
                <span class="ai-studio-stat-card__label">Profile platform</span>
                <strong class="ai-studio-stat-card__value">{{ profiles|length }}</strong>
            </a>

            <a class="ai-studio-stat-card" href="{{ path('app_ai_instructions') }}">
                <span class="ai-studio-stat-card__icon ui-icon" aria-hidden="true">terminal</span>
                <span class="ai-studio-stat-card__label">Master prompty</span>
                <strong class="ai-studio-stat-card__value">{{ master_prompts|length }}</strong>
            </a>

            <a class="ai-studio-stat-card" href="{{ path('app_ai_instructions') }}">
                <span class="ai-studio-stat-card__icon ui-icon" aria-hidden="true">text_fields</span>
                <span class="ai-studio-stat-card__label">Instrukcje pól</span>
                <strong class="ai-studio-stat-card__value">{{ field_instructions|length }}</strong>
            </a>

            <a class="ai-studio-stat-card" href="{{ path('app_ai_instructions') }}">
                <span class="ai-studio-stat-card__icon ui-icon" aria-hidden="true">view_agenda</span>
                <span class="ai-studio-stat-card__label">Bloki opisu</span>
                <strong class="ai-studio-stat-card__value">{{ blocks|length }}</strong>
            </a>

            <a class="ai-studio-stat-card" href="{{ path('app_ai_instructions') }}">
                <span class="ai-studio-stat-card__icon ui-icon" aria-hidden="true">rule</span>
                <span class="ai-studio-stat-card__label">Reguły i style</span>
                <strong class="ai-studio-stat-card__value">{{ rules|length + styles|length }}</strong>
            </a>

            <a class="ai-studio-stat-card" href="{{ path('app_ai_examples') }}">
                <span class="ai-studio-stat-card__icon ui-icon" aria-hidden="true">model_training</span>
                <span class="ai-studio-stat-card__label">Przykłady AI</span>
                <strong class="ai-studio-stat-card__value">{{ examples_count }}</strong>
            </a>
        </section>

        <section class="ai-studio-section ai-studio-section--table">
            <div class="ai-studio-section__head">
                <h2 class="ai-studio-section__title">
                    <span class="ui-icon ai-studio-section__icon" aria-hidden="true">memory</span>
                    Profile AI
                </h2>
                <div class="ai-studio-section__actions">
                    <a href="{{ path('app_ai_profiles') }}" class="icon-action" title="Zarządzaj profilami">
                        <span class="ui-icon" aria-hidden="true">edit</span>
                    </a>
                    <a href="{{ path('app_ai_profiles') }}" class="icon-action" title="Zarządzaj profilami">
                        <span class="ui-icon" aria-hidden="true">filter_list</span>
                    </a>
                </div>
            </div>

            <div class="table-responsive">
                <table class="data-table ai-studio-table">
                    <thead>
                        <tr>
                            <th>Profil</th>
                            <th>Platforma</th>
                            <th>Język</th>
                            <th>Status</th>
                            <th>Akcje</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for profile in profiles %}
                        <tr>
                            <td>
                                <div class="ai-studio-profile-cell">
                                    <strong>{{ profile.name }}</strong>
                                    <div class="ai-studio-profile-cell__meta">
                                        <span>ID: {{ profile.code }}</span>
                                        {% if profile.default %}<span class="text-badge text-badge--success">domyślny</span>{% endif %}
                                        {% if profile.advancedLongDescriptionBlocksEnabled %}<span class="text-badge text-badge--muted">bloki long on</span>{% endif %}
                                    </div>
                                </div>
                            </td>
                            <td>{{ profile.platform ? profile.platform.name : '—' }}</td>
                            <td>{{ profile.languageCode }}{% if profile.marketCode %} / {{ profile.marketCode }}{% endif %}</td>
                            <td>
                                {% if profile.active %}
                                    <span class="ai-studio-status ai-studio-status--active">Aktywny</span>
                                {% else %}
                                    <span class="ai-studio-status ai-studio-status--disabled">Nieaktywny</span>
                                {% endif %}
                            </td>
                            <td class="ai-studio-table__actions">
                                <a href="{{ path('app_ai_instructions', { profile: profile.id }) }}" class="icon-action" title="Edytuj instrukcje profilu">
                                    <span class="ui-icon" aria-hidden="true">edit</span>
                                </a>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="5">
                                <div class="empty-state empty-state--compact">
                                    <strong>Brak profili AI.</strong>
                                    <span>Utwórz profil lub uruchom <code>php bin/console app:ai:seed-defaults</code>.</span>
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </section>

        <section class="ai-studio-section">
            <div class="ai-studio-section__head ai-studio-section__head--simple">
                <h2 class="ai-studio-section__title">
                    <span class="ui-icon ai-studio-section__icon" aria-hidden="true">bolt</span>
                    Master prompty
                </h2>
                <a href="{{ path('app_ai_instructions') }}" class="button button--ghost button--tiny">Zarządzaj</a>
            </div>

            <div class="ai-studio-link-list">
                {% for prompt in master_prompts %}
                    <a class="ai-studio-link-card" href="{{ path('app_ai_instructions', { profile: prompt.aiProfile ? prompt.aiProfile.id : null }) }}">
                        <span class="ai-studio-link-card__body">
                            <strong>{{ prompt.name }}</strong>
                            <span>{{ prompt.aiProfile ? prompt.aiProfile.name : '—' }} / wersja {{ prompt.version }} / {{ prompt.active ? 'aktywny' : 'wyłączony' }}</span>
                        </span>
                        <span class="ui-icon ai-studio-link-card__arrow" aria-hidden="true">chevron_right</span>
                    </a>
                {% else %}
                    <div class="empty-state empty-state--compact"><strong>Brak master promptów.</strong><span>Uruchom seed AI lub dodaj prompt ręcznie.</span></div>
                {% endfor %}
            </div>
        </section>

        <section class="ai-studio-section">
            <div class="ai-studio-section__head ai-studio-section__head--simple">
                <h2 class="ai-studio-section__title">
                    <span class="ui-icon ai-studio-section__icon" aria-hidden="true">notes</span>
                    Instrukcje pól
                </h2>
                <a href="{{ path('app_ai_instructions') }}" class="button button--ghost button--tiny">Zarządzaj</a>
            </div>

            <div class="ai-studio-link-list">
                {% for instruction in field_instructions %}
                    <a class="ai-studio-link-card" href="{{ path('app_ai_instructions', { profile: instruction.aiProfile ? instruction.aiProfile.id : null }) }}">
                        <span class="ai-studio-link-card__body">
                            <strong>{{ instruction.name }}</strong>
                            <span>{{ instruction.aiProfile ? instruction.aiProfile.name : '—' }} / {{ instruction.fieldCode }} / {{ instruction.active ? 'aktywne' : 'wyłączone' }}</span>
                        </span>
                        <span class="ui-icon ai-studio-link-card__arrow" aria-hidden="true">chevron_right</span>
                    </a>
                {% else %}
                    <div class="empty-state empty-state--compact"><strong>Brak instrukcji pól.</strong><span>Utwórz profil lub uruchom seed AI.</span></div>
                {% endfor %}
            </div>
        </section>

        <div class="ai-studio-split">
            <section class="ai-studio-section">
                <div class="ai-studio-section__head ai-studio-section__head--simple">
                    <h2 class="ai-studio-section__title">
                        <span class="ui-icon ai-studio-section__icon" aria-hidden="true">view_agenda</span>
                        Bloki długiego opisu
                    </h2>
                    <a href="{{ path('app_ai_instructions') }}" class="button button--ghost button--tiny">Zarządzaj</a>
                </div>

                <div class="ai-studio-link-list">
                    {% for block in blocks %}
                        <a class="ai-studio-link-card" href="{{ path('app_ai_instructions', { profile: block.aiProfile ? block.aiProfile.id : null }) }}">
                            <span class="ai-studio-link-card__body">
                                <strong>{{ block.name }}</strong>
                                <span>{{ block.code }} / {{ block.blockType }} / {{ block.required ? 'wymagany' : 'opcjonalny' }}</span>
                            </span>
                            <span class="ui-icon ai-studio-link-card__arrow" aria-hidden="true">chevron_right</span>
                        </a>
                    {% else %}
                        <div class="empty-state empty-state--compact"><strong>Brak bloków opisu.</strong><span>Dodaj bloki w instrukcjach profilu.</span></div>
                    {% endfor %}
                </div>
            </section>

            <section class="ai-studio-section">
                <div class="ai-studio-section__head ai-studio-section__head--simple">
                    <h2 class="ai-studio-section__title">
                        <span class="ui-icon ai-studio-section__icon" aria-hidden="true">rule</span>
                        Reguły i style
                    </h2>
                    <a href="{{ path('app_ai_instructions') }}" class="button button--ghost button--tiny">Zarządzaj</a>
                </div>

                <div class="ai-studio-link-list">
                    {% for rule in rules %}
                        <a class="ai-studio-link-card" href="{{ path('app_ai_instructions', { profile: rule.aiProfile ? rule.aiProfile.id : null }) }}">
                            <span class="ai-studio-link-card__body">
                                <strong>{{ rule.name }}</strong>
                                <span>{{ rule.ruleType }} / priorytet {{ rule.priority }} / {{ rule.active ? 'aktywna' : 'wyłączona' }}</span>
                            </span>
                            <span class="ui-icon ai-studio-link-card__arrow" aria-hidden="true">chevron_right</span>
                        </a>
                    {% endfor %}

                    {% for style in styles %}
                        <a class="ai-studio-link-card" href="{{ path('app_ai_instructions', { profile: style.aiProfile ? style.aiProfile.id : null }) }}">
                            <span class="ai-studio-link-card__body">
                                <strong>{{ style.name }}</strong>
                                <span>{{ style.code }} / {{ style.active ? 'aktywny' : 'wyłączony' }}</span>
                            </span>
                            <span class="ui-icon ai-studio-link-card__arrow" aria-hidden="true">chevron_right</span>
                        </a>
                    {% endfor %}

                    {% if rules is empty and styles is empty %}
                        <div class="empty-state empty-state--compact"><strong>Brak reguł i stylów.</strong><span>Dodaj je w instrukcjach profilu.</span></div>
                    {% endif %}
                </div>
            </section>
        </div>
    </div>
{% endblock %}