{#
    Home closing "quote" section — cream band with the Galta logo mark as a
    giant faded watermark, two photos, a pull-quote and a CTA link.

    Params:
    - section (HomePageSectionModel|null)
    - homeIntroSection (HomePageSectionModel|null): source of the "Découvrir" scroll
      button's label (kept on the home-intro section's own field — the button just
      lives here visually)
    - sectionMedia (array): data.sectionMedia['quote']
    - editMode (bool)
#}
{% set fields = section ? section.fields : null %}
{% set introFields = homeIntroSection ? homeIntroSection.fields : null %}
{% set media = sectionMedia['quote']|default({}) %}
{% set ctaLabel = fields.ctaLabel|default('Découvrir Galta') %}

<section class="home-quote" data-section="quote">
	<div class="container">

		<div class="home-quote__image home-quote__image--1{% if editMode|default(false) and not (media.imagePath|default(false) or media.imageDarkPath|default(false)) %} is-empty-image{% endif %}"{{ image_frame_attrs(fields|default({}), 'image', editMode|default(false)) }} {% if editMode|default(false) %} data-editable-image="true" data-section-id="quote" data-field="image" data-media-id="{{ fields.image|default('') }}" data-media-id-dark="{{ fields.imageDark|default('') }}" {% endif %}>
			{% if editMode|default(false) and not (media.imagePath|default(false) or media.imageDarkPath|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: media.imagePath|default(''), dark: media.imageDarkPath|default(''), alt: '', class: 'home-quote__img', loading: 'lazy'} only %}
		</div>

		<div class="home-quote__content">
			<p class="home-quote__text" {% if editMode|default(false) %} data-editable="true" data-section-id="quote" data-field="content" {% endif %}>
				{{ fields.content|default('galta, c’est un regard, la montagne, et votre manière d’habiter les lieux.')|raw }}
			</p>

			{% set ctaContent %}<span class="link-btn__label{% if not ctaLabel %} is-empty{% endif %}" data-label-target="true">{{ ctaLabel }}</span>
			{% endset %}
            {{ include('components/_button.html.twig', editMode|default(false) ? {
                href: fields.ctaHref|default('#'),
                content: ctaContent,
                extra_class: 'home-quote__cta link-btn--on-content',
                attrs: 'data-editable-href="true" data-section-id="quote" data-field="ctaHref" data-label-field="ctaLabel" data-label-value="' ~ ctaLabel|e('html_attr') ~ '"'
            } : {
                href: fields.ctaHref|default('#'),
                content: ctaContent,
                extra_class: 'home-quote__cta link-btn--on-content'
            }) }}
		</div>

		<div class="home-quote__image home-quote__image--2{% if editMode|default(false) and not (media.image2Path|default(false) or media.image2DarkPath|default(false)) %} is-empty-image{% endif %}"{{ image_frame_attrs(fields|default({}), 'image2', editMode|default(false)) }} {% if editMode|default(false) %} data-editable-image="true" data-section-id="quote" data-field="image2" data-media-id="{{ fields.image2|default('') }}" data-media-id-dark="{{ fields.image2Dark|default('') }}" {% endif %}>
			{% if editMode|default(false) and not (media.image2Path|default(false) or media.image2DarkPath|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: media.image2Path|default(''), dark: media.image2DarkPath|default(''), alt: '', class: 'home-quote__img', loading: 'lazy'} only %}
		</div>
	</div>
</section>