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

{% block title %}Et l'eau dans tout ça - PTGE{% endblock %}

{% block body %}
    <main role="main">
        <section class="about-water-page">
            <div class="container">
                <div class="title">
                    <h1>
                        {% set title = pageAboutWater.title | split(' ') %}
                        {% for word in title %}
                            {% if loop.last is same as true or loop.index is same as(loop.length-1) %}
                            {% else %}
                                {{ word }}
                            {% endif %}
                        {% endfor %}
                        <span class="green"> {{ title[title|length-2] }} {{ title|last }} <img src="{{ asset('images/soulignement/soulignement-territoire.svg') }}" alt="Trait bleu"></span>
                    </h1>
                </div>
                <div class="row">
                    <div class="col-6">
                        {{ pageAboutWater.leftTopParagraph|raw }}
                    </div>
                    <div class="col-6">
                        {{ pageAboutWater.rightTopParagraph|raw }}
                    </div>
                </div>
                <div class="water-information mt-2">
                    <div class="water-information__wrapper flex-row wrap align-center justify-between">
                        <div class="water-information__wrapper__text">
                            {{ pageAboutWater.leftBottomParagraph|raw }}
                        </div>
                        <div class="water-information__wrapper__image flex-row align-end">
                            <img src="{{ vich_uploader_asset(pageAboutWater, 'photoFile') }}" alt="{{ pageAboutWater.photoFileAlt }}">
                            <img src="{{ asset('images/plante-eau-usage.webp') }}" class="plant" alt="Illustration plante aquatique">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
{% endblock %}