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

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

{% block meta %}
    <meta name="description" content="{{ metaDescription ?? title }}">
    <meta property="og:title" content="{{ metaTitle ?? title }}">
    <meta property="og:description" content="{{ metaDescription ?? title }}">
    <meta property="og:type" content="website">
    <meta property="og:url" content="{{ app.request.uri }}">
    <link rel="canonical" href="{{ app.request.uri }}">
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('about') }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('about') }}
{% endblock %}

{% block body %}
<div class="about-page__bg" data-about-bg="true" aria-hidden="true"></div>
<div class="about-page {% if editMode|default(false) %}about-page--edit-mode{% endif %}">
    <div class="container about-page__hero-wrap">
        {% include 'components/_page_hero.html.twig' with {
            title: title,
            edit_mode: editMode|default(false),
            entity_id: entityId ?? 0,
            show_tags: false,
            title_class: 'page-hero__title--xl'
        } %}

        {% include 'components/_about-intro.html.twig' with { content: content, editMode: editMode|default(false) } %}

        {% include 'components/_about-philosophie.html.twig' with { content: content, editMode: editMode|default(false) } %}

        {% include 'components/_about-equipe.html.twig' with { content: content, editMode: editMode|default(false) } %}
    </div>
    
    {% include 'components/_about-savoir-faire.html.twig' with { content: content, editMode: editMode|default(false) } %}

    {% include 'components/_about-galta.html.twig' with { content: content, editMode: editMode|default(false) } %}

    {# Wavy mountain-mask transition into the global site footer (reuses footer-mountain-mask.svg,
       same technique as .actualite-related:before in assets/styles/pages/_actualite.scss). #}
    <div class="about-page__footer-mask" aria-hidden="true"></div>
</div>
{% endblock %}