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

{% block title %}{{ is_edit ? 'Edycja projektu' : 'Nowy projekt' }} | Luminous{% endblock %}

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

    <section class="page-head project-form-head">
        <div>
            <p class="page-head__eyebrow">Projekty</p>
            <h1 class="page-head__title">{{ is_edit ? 'Edycja projektu' : 'Nowy projekt' }}</h1>
            <p class="page-head__subtitle">
                Dane projektu są bazą dla AI, Drive, PrestaShop i kolejnych kanałów sprzedaży.
            </p>
        </div>

        <div class="page-head__actions">
            <a href="{{ is_edit and project.id ? path('app_project_show', { id: project.id }) : path('app_projects_catalog') }}" class="button button--ghost">
                <span class="ui-icon" aria-hidden="true">arrow_back</span>
                Wróć
            </a>
            <button type="submit" form="project-main-form" class="button button--primary">
                <span class="ui-icon" aria-hidden="true">save</span>
                {{ is_edit ? 'Zapisz zmiany' : 'Zapisz projekt' }}
            </button>
        </div>
    </section>

    <section class="project-editor-layout">
        <div class="panel project-form-panel">
            <div class="panel__header project-form-panel__header">
                <div>
                    <p class="panel__eyebrow">Formularz projektu</p>
                    <h2 class="panel__title">{{ is_edit ? 'Aktualizacja danych' : 'Dodaj nowy projekt' }}</h2>
                    <p class="panel__text">Uzupełnij tylko dane źródłowe. Statusy platform możesz zaplanować niżej w sekcji kanałów.</p>
                </div>
            </div>

            {% include 'project/_form.html.twig' with {
                form: form,
                project: project,
                form_id: 'project-main-form',
                submit_label: is_edit ? 'Zapisz zmiany' : 'Zapisz projekt',
                cancel_path: is_edit and project.id ? path('app_project_show', { id: project.id }) : path('app_projects_catalog'),
                show_actions: true
            } %}
        </div>

        <aside class="project-editor-aside">
            <div class="panel project-help-card">
                <p class="panel__eyebrow">Wskazówka</p>
                <h3 class="panel__section-title">Źródło prawdy</h3>
                <p class="panel__text">Projekt pozostaje głównym bytem. Platformy są tylko kanałami publikacji, dlatego nie usuwamy danych z formularza, a jedynie porządkujemy je wizualnie.</p>
            </div>

            <div class="panel project-help-card project-help-card--soft">
                <p class="panel__eyebrow">Drive</p>
                <h3 class="panel__section-title">Ścieżka względna</h3>
                <p class="panel__text">Wpisz ścieżkę względem katalogu ustawionego w profilu Drive, np. <strong>(U) - Uniwersalne\U_105</strong>.</p>
            </div>
        </aside>
    </section>
{% endblock %}