{#
    Patrimoine section — dark/brown band with a mountain-mask top edge, image
    + title/subtitle/text + CTA. Shared by expertise.html.twig and
    projects/list.html.twig (both templates store the same flat
    patrimoine*/patrimoineImage/patrimoineButton* content keys).

    Params:
    - content (array, required): the page's content array (patrimoineTitle,
      patrimoineSubtitle, patrimoineText, patrimoineImage, patrimoineButtonLabel,
      patrimoineButtonHref)
    - imagePath (string, default ''): resolved URL for content.patrimoineImage
      (a Media UUID — resolved by AbstractPageEnricher::enrichMediaReferences()
      into `patrimoineImagePath`)
    - imageDarkPath (string, default ''): resolved URL for content.patrimoineImageDark (Hiver)
    - edit_mode (bool, default false): wraps fields with inline-edit data attributes
#}
<section class="patrimoine-section">
    <div class="container">
        <div class="patrimoine-section__image-col">
            <div class="patrimoine-section__image{% if edit_mode|default(false) and not (content.patrimoineImage|default(false) or content.patrimoineImageDark|default(false)) %} is-empty-image{% endif %}"{{ image_frame_attrs(content|default({}), 'patrimoineImage', edit_mode|default(false)) }} {% if edit_mode|default(false) %} data-editable-image="true" data-field="patrimoineImage" data-media-id="{{ content.patrimoineImage|default('') }}" data-media-id-dark="{{ content.patrimoineImageDark|default('') }}" {% endif %}>
                {% if edit_mode|default(false) and not (content.patrimoineImage|default(false) or content.patrimoineImageDark|default(false)) %}
                    <span class="editable-image__placeholder">
                        <span class="editable-image__placeholder-icon">+</span>
                        <span class="editable-image__placeholder-label">Ajouter une image</span>
                    </span>
                {% endif %}
                {% include 'components/_themed_img.html.twig' with {light: imagePath|default(''), dark: imageDarkPath|default(''), alt: '', class: 'patrimoine-section__img'} only %}
            </div>
        </div>

        <div class="patrimoine-section__text-col">
            {% if (content.patrimoineTitle is defined and content.patrimoineTitle) or edit_mode|default(false) %}
                <h2 class="patrimoine-section__title" {% if edit_mode|default(false) %} data-editable="true" data-editor-type="simple" data-field="patrimoineTitle" data-placeholder="Titre" {% endif %}>{{ content.patrimoineTitle|default('') }}</h2>
            {% endif %}

            {% if (content.patrimoineSubtitle is defined and content.patrimoineSubtitle) or edit_mode|default(false) %}
                <p class="patrimoine-section__subtitle" {% if edit_mode|default(false) %} data-editable="true" data-editor-type="simple" data-field="patrimoineSubtitle" data-placeholder="Sous-titre" {% endif %}>{{ content.patrimoineSubtitle|default('') }}</p>
            {% endif %}

            {% if (content.patrimoineText is defined and content.patrimoineText) or edit_mode|default(false) %}
                <div class="patrimoine-section__text" {% if edit_mode|default(false) %} data-editable="true" data-field="patrimoineText" data-placeholder="Texte" {% endif %}>{{ content.patrimoineText|default('')|raw }}</div>
            {% endif %}

            {% set patrimoineButtonLabel = content.patrimoineButtonLabel|default('') %}
            {% if (content.patrimoineButtonHref is defined and content.patrimoineButtonHref and patrimoineButtonLabel) or edit_mode|default(false) %}
                {% set patrimoineButtonContent %}<span class="link-btn__label{% if not patrimoineButtonLabel %} is-empty{% endif %}" data-label-target="true">{{ patrimoineButtonLabel|default('Découvrir en détail') }}</span>
                {% endset %}
                {{ include('components/_button.html.twig', edit_mode|default(false) ? {
                    href: content.patrimoineButtonHref|default('#'),
                    content: patrimoineButtonContent,
                    extra_class: 'patrimoine-section__cta link-btn--on-content',
                    attrs: 'data-editable-href="true" data-field="patrimoineButtonHref" data-label-field="patrimoineButtonLabel" data-label-value="' ~ patrimoineButtonLabel|e('html_attr') ~ '"'
                } : {
                    href: content.patrimoineButtonHref,
                    content: patrimoineButtonContent,
                    extra_class: 'patrimoine-section__cta'
                }) }}
            {% endif %}
        </div>
    </div>
</section>