{% extends 'adminstram/layout.html.twig' %}
{% block body %}
<div class="card-body">
    <h4 class="mt-0 header-title">Gestion de la page Notre Approche</h4>
    {{ form_start(form) }}
    <div class="row">
        <div class="col-md-6">
            <h5>Hero & Intro (FR)</h5>
            {{ form_row(form.heroTitle) }}
            {{ form_row(form.heroText) }}
            {{ form_row(form.introTitle) }}
            {{ form_row(form.introText) }}
        </div>
        <div class="col-md-6">
            <h5>Hero & Intro (EN)</h5>
            {{ form_row(form.heroTitle_en) }}
            {{ form_row(form.heroText_en) }}
            {{ form_row(form.introTitle_en) }}
            {{ form_row(form.introText_en) }}
        </div>
    </div>
    <hr>
    <h5>Piliers Stratégiques</h5>
    <div class="row">
        <div class="col-md-4">
            <h6>1. Expertise technique</h6>
            {% if approach.pillar1Image %}
                <div class="mb-2">
                    <img src="{{ asset('images/' ~ approach.pillar1Image) }}" alt="Pilier 1" style="max-height: 100px; border-radius: 5px;">
                </div>
            {% endif %}
            {{ form_row(form.pillar1Image) }}
            {{ form_row(form.pillar1Title) }}
            {{ form_row(form.pillar1Title_en) }}
            {{ form_row(form.pillar1Text) }}
            {{ form_row(form.pillar1Text_en) }}
            <strong>Checkmarks (3 items)</strong>
            {{ form_row(form.pillar1List1) }} {{ form_row(form.pillar1List1En) }}
            {{ form_row(form.pillar1List2) }} {{ form_row(form.pillar1List2En) }}
            {{ form_row(form.pillar1List3) }} {{ form_row(form.pillar1List3En) }}
        </div>
        <div class="col-md-4">
            <h6>2. Approche intégrée</h6>
            {% if approach.pillar2Image %}
                <div class="mb-2">
                    <img src="{{ asset('images/' ~ approach.pillar2Image) }}" alt="Pilier 2" style="max-height: 100px; border-radius: 5px;">
                </div>
            {% endif %}
            {{ form_row(form.pillar2Image) }}
            {{ form_row(form.pillar2Title) }}
            {{ form_row(form.pillar2Title_en) }}
            {{ form_row(form.pillar2Text) }}
            {{ form_row(form.pillar2Text_en) }}
            <strong>Vidéo YouTube</strong>
            {{ form_row(form.approachVideo) }}
            
            <h6 class="mt-3">Processus - 5 Étapes</h6>
            {{ form_row(form.processStep1Title) }} {{ form_row(form.processStep1TitleEn) }}
            {{ form_row(form.processStep2Title) }} {{ form_row(form.processStep2TitleEn) }}
            {{ form_row(form.processStep3Title) }} {{ form_row(form.processStep3TitleEn) }}
            {{ form_row(form.processStep4Title) }} {{ form_row(form.processStep4TitleEn) }}
            {{ form_row(form.processStep5Title) }} {{ form_row(form.processStep5TitleEn) }}
        </div>
        <div class="col-md-4">
            <h6>3. Innovation durable</h6>
            {% if approach.pillar3Image %}
                <div class="mb-2">
                    <img src="{{ asset('images/' ~ approach.pillar3Image) }}" alt="Pilier 3" style="max-height: 100px; border-radius: 5px;">
                </div>
            {% endif %}
            {{ form_row(form.pillar3Image) }}
            {{ form_row(form.pillar3Title) }}
            {{ form_row(form.pillar3Title_en) }}
            {{ form_row(form.pillar3Text) }}
            {{ form_row(form.pillar3Text_en) }}
            <strong>Listes (3 items)</strong>
            {{ form_row(form.pillar3List1) }} {{ form_row(form.pillar3List1En) }}
            {{ form_row(form.pillar3List2) }} {{ form_row(form.pillar3List2En) }}
            {{ form_row(form.pillar3List3) }} {{ form_row(form.pillar3List3En) }}

            <h6 class="mt-3">Indicateurs ODD</h6>
            {{ form_row(form.odd1Title) }} {{ form_row(form.odd1TitleEn) }}
            {{ form_row(form.odd2Title) }} {{ form_row(form.odd2TitleEn) }}
            {{ form_row(form.odd3Title) }} {{ form_row(form.odd3TitleEn) }}
        </div>
    </div>

    <button type="submit" class="btn btn-primary mt-4">Enregistrer</button>
    {{ form_end(form) }}
</div>
{% endblock %}