{% extends 'base.html.twig' %}

{% block title %}{% if editMode|default(false) %}Édition : {% endif %}{{ metaTitle ?? title ?? 'Coming Soon' }}{% endblock %}

{% block meta %}
    <meta name="description"
          content="{{ metaDescription ?? 'Notre site internet est actuellement en cours de création et sera bientôt dévoilé.' }}">
    <link rel="canonical" href="{{ app.request.uri }}">
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('coming-soon') }}
{% endblock %}

{% block body %}
    <div class="coming-soon">
        {# Hero Section #}
        <section class="coming-soon__hero">
            <div class="coming-soon__hero__light-mountain">
            </div>
            {# Logo #}
            <img src="{{ asset('build/images/coming-soon/logo-galta.svg') }}" alt="Galta Architecte"
                 class="coming-soon__logo-image">
            <img src="{{ asset('build/images/coming-soon/parapente.svg') }}" alt="Galta Architecte - Parapente"
                 class="coming-soon__parapente-image">

            <div class="coming-soon__hero__content">
                <div class="coming-soon__hero__content__wrapper">
                    <div class="container">
                        <h1 class="coming-soon__hero__content__title">
                            <span class="coming-soon__hero__content__title__title-line1"{% if editMode|default(false) %}
                                data-editable="true"
                                data-editor-type="simple"
                                data-field="titlePartOne"{% endif %}>{{ content.titlePartOne ?? 'Coming' }}</span>
                            <span class="coming-soon__hero__content__title__title-line2"{% if editMode|default(false) %}
                                data-editable="true"
                                data-editor-type="simple"
                                data-field="titlePartTwo"{% endif %}>{{ content.titlePartTwo ?? 'soon' }}</span>
                        </h1>

                        <p class="coming-soon__hero__content__description"{% if editMode|default(false) %}
                            data-editable="true"
                            data-field="heroDescription"{% endif %}>
                            {{ content.heroDescription ?? 'Notre site internet est actuellement en cours de création et sera bientôt dévoilé.' }}
                        </p>

                        <div class="coming-soon__hero__content__wrapper-cta">
                            <div class="coming-soon__hero__content__cta">
                                {% set contact_button_content %}<span{% if editMode|default(false) %}
                                        data-editable="true"
                                        data-editor-type="simple"
                                        data-field="contactButtonText"{% endif %}>{{ content.contactButtonText ?? 'Contactez-nous' }}</span>
                                    {% include 'components/_icon.html.twig' with {name: 'arrow-right-filled', width: '14px', height: '13px'} only %}{% endset %}
                                {% set contact_attrs = editMode|default(false) ? 'data-editable-href="true" data-field="contactEmail"' %}
                                {{ include('components/_button.html.twig', {
                                    href: content.contactEmail starts with 'mailto:' ? content.contactEmail : ('mailto:' ~ (content.contactEmail ?? 'contact@galta.archi')),
                                    content: contact_button_content,
                                    variant: 'lined',
                                    attrs: contact_attrs,
                                }) }}
                            </div>

                            <div class="coming-soon__hero__content__cta">
                                {% set instagram_button_content %}{% include 'components/_icon.html.twig' with {name: 'instagram', size: '14px'} only %}{% endset %}
                                {% set instagram_attrs = editMode|default(false) ? 'data-editable-href="true" data-field="instagramUrl"' %}
                                {{ include('components/_button.html.twig', {
                                    href: content.instagramUrl ?? 'https://www.instagram.com/galta.archi',
                                    content: instagram_button_content,
                                    variant: 'lined',
                                    target: '_blank',
                                    attrs: instagram_attrs,
                                }) }}
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </section>

        {# Content Section #}
        <section class="coming-soon__content">
            <div class="coming-soon__content__wrapper">
                <div class="container galta">

                    {# Project Image #}
                    <div class="coming-soon__content__image">
                        <img src="{{ asset('build/images/coming-soon/project-apt03-05.jpg') }}" alt=""
                             class="coming-soon__content__image-picture">
                    </div>

                    {# Content Text #}
                    <div class="coming-soon__content-text">
                        <p class="coming-soon__tagline"{% if editMode|default(false) %}
                            data-editable="true"
                            data-field="tagline"{% endif %}>
                            {{ content.tagline|raw }}
                        </p>

                        <div class="coming-soon__agency-description"{% if editMode|default(false) %}
                            data-editable="true"
                            data-field="agencyDescription"{% endif %}>
                            {{ content.agencyDescription|raw }}
                        </div>
                    </div>
                </div>
            </div>
        </section>

        {# Footer #}
        <footer class="coming-soon__footer">
            <div class="coming-soon__footer__wrapper">
                <div class="container">
                    <p class="coming-soon__footer-text"{% if editMode|default(false) %}
                        data-editable="true"
                        data-editor-type="simple"
                        data-field="footerCopyright"{% endif %}>
                        {{ content.footerCopyright ?? '©Galta Architecte' }}
                    </p>
                    <p class="coming-soon__footer-text">
                        <a href="{{ content.footerLegalUrl ?? '#' }}"{% if editMode|default(false) %}
                            data-editable-href="true"
                            data-field="footerLegalUrl"{% endif %}>
                            <span{% if editMode|default(false) %}
                                data-editable="true"
                                data-editor-type="simple"
                                data-field="footerLegalText"{% endif %}>{{ content.footerLegalText ?? 'Mentions légales' }}</span>
                        </a>
                    </p>
                    <p class="coming-soon__footer-text"{% if editMode|default(false) %}
                        data-editable="true"
                        data-editor-type="simple"
                        data-field="footerYear"{% endif %}>
                        {{ content.footerYear ?? '2026' }}
                    </p>
                </div>
            </div>
        </footer>
    </div>
{% endblock %}

{# This landing page already renders its own page-specific, admin-editable footer above
   (`.coming-soon__footer`, content.footerCopyright/footerLegalUrl/footerYear). Suppressing
   the global non-administrable site footer here avoids stacking two footers on this page. #}
{% block site_footer %}{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('coming-soon') }}
{% endblock %}