{% extends 'adminstram/layout.html.twig' %}
{% block body %}
<div class="card-body">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4 class="mt-0 header-title">Gestion de la page Carrières (Contenu CMS)</h4>
        <button type="submit" form="carriere_page_form" class="btn btn-success">Enregistrer les modifications</button>
    </div>

    {{ form_start(form, {'attr': {'id': 'carriere_page_form'}}) }}
    
    <!-- Section Hero -->
    <div class="row bg-light p-3 rounded mb-4" style="border: 1px solid #eee;">
        <div class="col-md-12">
            <h5 class="mt-0 text-primary"><i class="fa fa-image"></i> Section Hero (Haut de page)</h5>
        </div>
        <div class="col-md-6">
            <strong>FR</strong>
            {{ form_row(form.heroTitle) }}
            {{ form_row(form.heroText) }}
        </div>
        <div class="col-md-6">
            <strong>EN</strong>
            {{ form_row(form.heroTitleEn) }}
            {{ form_row(form.heroTextEn) }}
        </div>
    </div>

    <!-- Section Politique RH -->
    <div class="row bg-light p-3 rounded mb-4" style="border: 1px solid #eee;">
        <div class="col-md-12">
            <h5 class="mt-0 text-success"><i class="fa fa-users"></i> Politique RH (Les 5 piliers)</h5>
        </div>
        <div class="col-md-6">
            {{ form_row(form.rhTitle) }}
            {{ form_row(form.rhIntro) }}
        </div>
        <div class="col-md-6">
            {{ form_row(form.rhTitleEn) }}
            {{ form_row(form.rhIntroEn) }}
        </div>
        <div class="col-md-12"><hr></div>
        <div class="col-md-4">{{ form_row(form.rhPillar1Title) }}{{ form_row(form.rhPillar1Text) }}</div>
        <div class="col-md-4">{{ form_row(form.rhPillar2Title) }}{{ form_row(form.rhPillar2Text) }}</div>
        <div class="col-md-4">{{ form_row(form.rhPillar3Title) }}{{ form_row(form.rhPillar3Text) }}</div>
        <div class="col-md-4">{{ form_row(form.rhPillar4Title) }}{{ form_row(form.rhPillar4Text) }}</div>
        <div class="col-md-4">{{ form_row(form.rhPillar5Title) }}{{ form_row(form.rhPillar5Text) }}</div>
    </div>

    <!-- Section Pourquoi nous rejoindre -->
    <div class="row bg-light p-3 rounded mb-4" style="border: 1px solid #eee;">
        <div class="col-md-12">
            <h5 class="mt-0 text-warning"><i class="fa fa-question-circle"></i> Pourquoi rejoindre STRAM GROUP ?</h5>
        </div>
        <div class="col-md-6">
            {{ form_row(form.whyJoinTitle) }}
            {{ form_row(form.whyJoinPoint1) }}
            {{ form_row(form.whyJoinPoint2) }}
        </div>
        <div class="col-md-6">
            <br><br>
            {{ form_row(form.whyJoinPoint3) }}
            {{ form_row(form.whyJoinPoint4) }}
        </div>
    </div>

    <!-- Section Appel à l'action -->
    <div class="row bg-light p-3 rounded mb-4" style="border: 1px solid #eee;">
        <div class="col-md-12">
            <h5 class="mt-0 text-danger"><i class="fa fa-bullhorn"></i> Rejoignez l'aventure (CTA)</h5>
        </div>
        <div class="col-md-8">
            {{ form_row(form.ctaTitle) }}
            {{ form_row(form.ctaText) }}
            {{ form_row(form.ctaVideoUrl) }}
        </div>
    </div>

    <div class="mt-5 mb-4 text-center">
        <button type="submit" class="btn btn-primary btn-lg px-5">Enregistrer tout le contenu Carrière</button>
    </div>
    {{ form_end(form) }}
</div>
{% endblock %}