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

{% block title %}{{ project.name }} | Luminous{% endblock %}

{% set prestashop = project.platformStatusByCode('prestashop') %}
{% set page_eyebrow = 'Karta projektu' %}
{% set page_title = project.name ?: 'Projekt' %}
{% set page_subtitle = 'Szczegóły projektu, taby robocze, Drive, AI i publikacja.' %}
{% set page_meta = project.symbol %}

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

    <div class="project-detail-shell" data-project-tabs data-project-id="{{ project.id }}" data-default-tab="summary">
        <section class="project-hero">
            <div class="project-hero__media">
                {% if project.artPath %}
                    <img src="{{ asset(project.artPath) }}" alt="Grafika projektu {{ project.name }}">
                {% else %}
                    {{ project.symbol|default('PR')|slice(0, 2)|upper }}
                {% endif %}
            </div>

            <div class="project-hero__main">
                <p class="page-head__eyebrow">Projekt / #{{ project.id }}</p>
                <div class="project-hero__title-row">
                    <h1 class="project-hero__title">{{ project.name }}</h1>
                    {% include 'project/_status_badge.html.twig' with {
                        code: project.status ? project.status.code : 'none',
                        label: project.status ? project.status.name : 'Brak statusu'
                    } %}
                </div>
                <p class="project-hero__subtitle">
                    {{ project.projectText ?: 'Projekt nie ma jeszcze uzupełnionego tekstu nadruku. Uzupełnij dane projektu albo przejdź do draftu PrestaShop.' }}
                </p>
                <div class="project-hero__badges">
                    <span class="mono-badge">{{ project.symbol }}</span>
                    <span class="text-badge text-badge--muted">{{ project.productType ? project.productType.name : 'Bez typu produktu' }}</span>
                    <span class="text-badge text-badge--muted">Jakość: {{ project.dataQualityLabel }}</span>
                    {% if prestashop and prestashop.externalId %}
                        <span class="text-badge text-badge--success">Presta ID: {{ prestashop.externalId }}</span>
                    {% endif %}
                </div>
            </div>

            <div class="project-hero__side">
                <div class="project-health-grid">
                    <div class="project-health-card">
                        <span>Drive</span>
                        <strong>{{ project.driveRelativePath ? 'Ścieżka ustawiona' : 'Brak ścieżki' }}</strong>
                    </div>
                    <div class="project-health-card">
                        <span>AI Draft</span>
                        <strong>{{ latest_ai_draft ? latest_ai_draft.statusLabel : 'Brak draftu' }}</strong>
                    </div>
                    <div class="project-health-card">
                        <span>Presta</span>
                        <strong>{{ prestashop ? prestashop.statusLabel : 'Brak kanału' }}</strong>
                    </div>
                    <div class="project-health-card">
                        <span>Zdjęcia</span>
                        <strong>{{ project_drive_assets|length }} zasobów</strong>
                    </div>
                </div>
                <div class="project-hero__actions">
                    <a href="{{ path('app_projects_catalog') }}" class="button button--ghost">Wróć do listy</a>
                    <button type="button" class="button button--ghost" data-open-tab="files">Pliki Drive</button>
                    <button type="button" class="button button--primary" data-open-tab="prestashop">Wystaw / Presta</button>
                </div>
            </div>
        </section>

        <section class="project-tabs-shell">
            <nav class="project-tabs" aria-label="Zakładki projektu" role="tablist">
                <button type="button" class="project-tabs__button" data-tab-target="summary" role="tab" aria-selected="true"><span class="ui-icon">dashboard</span>Podsumowanie</button>
                <button type="button" class="project-tabs__button" data-tab-target="edit" role="tab" aria-selected="false"><span class="ui-icon">edit</span>Dane projektu</button>
                <button type="button" class="project-tabs__button" data-tab-target="prestashop" role="tab" aria-selected="false"><span class="ui-icon">shopping_cart</span>PrestaShop Draft</button>
                <button type="button" class="project-tabs__button" data-tab-target="files" role="tab" aria-selected="false"><span class="ui-icon">add_to_drive</span>Pliki / Mockupy / Drive</button>
                <button type="button" class="project-tabs__button" data-tab-target="ai" role="tab" aria-selected="false"><span class="ui-icon">magic_button</span>AI Draft</button>
                <button type="button" class="project-tabs__button" data-tab-target="audit" role="tab" aria-selected="false"><span class="ui-icon">manage_history</span>Ślad rewizyjny</button>
                <button type="button" class="project-tabs__button" data-tab-target="logs" role="tab" aria-selected="false"><span class="ui-icon">terminal</span>Logi API</button>
            </nav>

            <div class="project-tab-content">
                {% include 'project/_detail_summary_tab.html.twig' %}
                {% include 'project/_detail_edit_tab.html.twig' %}

                <section class="project-tab-panel" data-tab-panel="prestashop" hidden>
                    <div id="prestashop-draft-tab-content" class="project-card">
                        <div class="project-card__body">
                            {% include 'project/_prestashop_draft_tab.html.twig' with {
                                project: project,
                                prestashop: prestashop,
                                draft: prestashop_draft,
                                draft_exists: prestashop_draft_exists,
                                integration: prestashop_integration,
                                categories: prestashop_categories,
                                features: prestashop_features,
                                feature_values_by_feature: prestashop_feature_values_by_feature,
                                attributes_by_group: prestashop_attributes_by_group,
                                selected_attribute_ids: prestashop_selected_attribute_ids,
                                perfect_for_cards: prestashop_perfect_for_cards,
                                custom_tags: prestashop_custom_tags,
                                dictionary_readiness: prestashop_dictionary_readiness,
                                default_setting: prestashop_default_setting,
                                variant_json_mappings: prestashop_variant_json_mappings
                            } only %}
                        </div>
                    </div>
                </section>

                {% include 'project/_detail_files_tab.html.twig' %}
                {% include 'project/_detail_ai_tab.html.twig' %}
                {% include 'project/_detail_audit_tab.html.twig' %}
                {% include 'project/_detail_logs_tab.html.twig' %}
            </div>
        </section>
    </div>
{% endblock %}