{% extends "adminstram/layout.html.twig" %}
{% block styles %}
{% endblock %}
{% block body %}
<div class="card-body">

 <h4 class="header-title mt-0" style="font-size:25px;">Mise à jour de la page d'accueil avec des informations supplémentaires</h4>
 
    <br/>
      {% for message in app.flashes('info') %}
  <div class="alert bg-gradient2 text-white">
   <p style="text-align:center; font-size:18px;color:white;"> {{ message }}</p>
      </div>
      {% endfor %}

    <br/>
                                     
{{form_start(unsocieterform)}}

 <div class="row form-material">
    <div class="col-md-6">
     <h6 class=" input-title mt-0">Texte Banner (FR) * :</h6>
     <p style="color:blue; font-size:17px; font-weight:bold;">  {{ form_widget(unsocieterform.textbanner) }}</p>
     <h6 class=" input-title">Années d'expérience * :</h6>
     {{ form_widget(unsocieterform.anneesdexperience) }}
      <br/>

     <h6 class=" input-title mt-lg-0">Projets terminés * :</h6>
     {{ form_widget(unsocieterform.projetstermines) }}

      <h6 class=" input-title mt-lg-0">Collaborateurs * :</h6>
     {{ form_widget(unsocieterform.expert) }}

      <h6 class=" input-title mt-lg-0">Projets en cours * :</h6>
     {{ form_widget(unsocieterform.projetencours) }}

     <h6 class=" input-title mt-lg-0">Emplois créés localement (2026) :</h6>
     {{ form_widget(unsocieterform.emploisCrees) }}

     <h6 class=" input-title mt-lg-0">Taux de projets durables (%) :</h6>
     {{ form_widget(unsocieterform.tauxDurable) }}


     
      <h6 class=" input-title mt-lg-0">Text Map Stram (FR) * :</h6>
     {{ form_widget(unsocieterform.textmap) }}
                                                        
    </div>

     <div class="col-md-6">
        <h6 class=" input-title mt-0">Banner Text (EN) * :</h6>
        <p style="color:blue; font-size:17px; font-weight:bold;">{{ form_widget(unsocieterform.textbannerEn) }}</p>

        <h6 class=" input-title mt-lg-0" style="margin-top: 196px !important;">Map Text Stram (EN) * :</h6>
        {{ form_widget(unsocieterform.textmapEn) }}
     </div>
 </div>

 <hr style="margin-top: 40px; margin-bottom: 40px;">

 <div class="row form-material">
    <div class="col-md-12">
        <h4 style="color:var(--primary-blue);">Section : Hero / Slider Vidéo</h4>
    </div>
    <div class="col-md-6">
        <h6 class="input-title">Slogan Image (FR) :</h6>
        {% if acceilinfo.slogan %}
            <div class="mb-2">
                <small>Image actuelle : <strong>{{ acceilinfo.slogan }}</strong></small><br/>
                <img src="{{ asset('images/' ~ acceilinfo.slogan) }}" style="max-height: 50px; background: #eee; padding: 5px;" alt="Slogan FR">
            </div>
        {% else %}
            <p><small>Aucune image (Défaut: no_limit_just_sky_back_bleu.svg)</small></p>
        {% endif %}
        {{ form_widget(unsocieterform.slogan) }}
        <h6 class="input-title mt-3">URL Vidéo Hero (YouTube) :</h6>
        {{ form_widget(unsocieterform.videoHeroUrl) }}
    </div>
    <div class="col-md-6">
        <h6 class="input-title">Slogan Image (EN) :</h6>
        {% if acceilinfo.sloganEn %}
            <div class="mb-2">
                <small>Image actuelle : <strong>{{ acceilinfo.sloganEn }}</strong></small><br/>
                <img src="{{ asset('images/' ~ acceilinfo.sloganEn) }}" style="max-height: 50px; background: #eee; padding: 5px;" alt="Slogan EN">
            </div>
        {% else %}
            <p><small>Aucune image (Défaut: no_limit_just_sky_back_bleu.svg)</small></p>
        {% endif %}
        {{ form_widget(unsocieterform.sloganEn) }}

    </div>
 </div>

 <hr style="margin-top: 40px; margin-bottom: 40px;">

 <div class="row form-material">
    <div class="col-md-12">
        <h4 style="color:var(--primary-blue);">Section : Notre Vision</h4>
    </div>
    <div class="col-md-6">
        <h6 class="input-title">Notre Vision (FR) :</h6>
        {{ form_widget(unsocieterform.vision) }}
    </div>
    <div class="col-md-6">
        <h6 class="input-title">Our Vision (EN) :</h6>
        {{ form_widget(unsocieterform.visionEn) }}
    </div>
    <div class="col-md-6 mt-3">
        <h6 class="input-title">Photo de la section Vision :</h6>
        {% if acceilinfo.visionImage %}
            <div class="mb-2">
                <small>Image actuelle : <strong>{{ acceilinfo.visionImage }}</strong></small><br/>
                <img src="{{ asset('images/' ~ acceilinfo.visionImage) }}" style="max-height: 100px; border-radius: 10px; margin-top: 10px;" alt="Vision Image">
            </div>
        {% else %}
            <p><small>Aucune image (Défaut: stram_groupe_team2.webp)</small></p>
        {% endif %}
        {{ form_widget(unsocieterform.visionImage) }}
    </div>
 </div>

 <hr style="margin-top: 40px; margin-bottom: 40px;">
 
 <div class="row form-material">
    <div class="col-md-12">
        <h4 style="color:var(--primary-blue);">Section : Démarche RSE (Sustainability)</h4>
    </div>
    <div class="col-md-6">
        <h6 class="input-title">Titre RSE (FR) :</h6>
        {{ form_widget(unsocieterform.sustainabilityTitle) }}
    </div>
    <div class="col-md-6">
        <h6 class="input-title">Titre RSE (EN) :</h6>
        {{ form_widget(unsocieterform.sustainabilityTitleEn) }}
    </div>
    <div class="col-md-6 mt-3">
        <h6 class="input-title">Texte RSE (FR) :</h6>
        {{ form_widget(unsocieterform.sustainabilityText) }}
    </div>
    <div class="col-md-6 mt-3">
        <h6 class="input-title">Texte RSE (EN) :</h6>
        {{ form_widget(unsocieterform.sustainabilityTextEn) }}
    </div>
    <div class="col-md-12 mt-3">
        <h6 class="input-title">URL Vidéo Engagement durable (YouTube) :</h6>
        {{ form_widget(unsocieterform.oddVideoUrl) }}
    </div>
 </div>

 <hr style="margin-top: 40px; margin-bottom: 40px;">
 
 <div class="row form-material">
    <div class="col-md-12">
        <h4 style="color:var(--primary-blue);">Section : Carrières</h4>
    </div>
    <div class="col-md-6">
        <h6 class="input-title">Titre (FR) :</h6>
        {{ form_widget(unsocieterform.careersTitle) }}
    </div>
    <div class="col-md-6">
        <h6 class="input-title">Titre (EN) :</h6>
        {{ form_widget(unsocieterform.careersTitleEn) }}
    </div>
    <div class="col-md-6 mt-3">
        <h6 class="input-title">Sous-titre (FR) :</h6>
        {{ form_widget(unsocieterform.careersSubtitle) }}
    </div>
    <div class="col-md-6 mt-3">
        <h6 class="input-title">Sous-titre (EN) :</h6>
        {{ form_widget(unsocieterform.careersSubtitleEn) }}
    </div>
 </div>

 <div class="row form-material mt-5">
    <div class="col-md-12 text-center">
        <button type="submit" class="btn btn-success" style="width:200px; font-size: 1.2rem; padding: 10px;">Enregistrer les modifications</button>
    </div>
 </div>

{{ form_end(unsocieterform, {'render_rest': false}) }}   
</div>






{% endblock %}

{% block javascript %}

{% endblock %}