{% extends 'base/adminbase.html.twig' %}
{% block title %}
{% if editMode %}
{% trans %}Modifier la section{% endtrans %}
{% else %}
{% trans %}Ajouter une section{% endtrans %}
{% endif %}
{% endblock %}
{% block body %}

<div class="form_errors form">
     {{ form_start(formSection, {'attr': {'novalidate': 'novalidate'} }) }}
     <div>
          <h2 class="form_title">
               {% if editMode %}
               {% trans %}Modifier la section{% endtrans %}
               {% else %}
               {% trans %}Ajouter une section{% endtrans %}
               {% endif %}
          </h2>
     </div>
     <h4>Français</h4>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.about, {'label': "Nom de la section À propos:", 'attr': {'placeholder': "Ex. : À propos", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.aboutTitle, {'label': "Titre de la section :", 'attr': {'placeholder': "Ex. :Qui sommes-nous?", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.category, {'label': "Nom de la section Catégories:", 'attr': {'placeholder': "Ex. : Activités", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.categoryTitle, {'label': "Titre de la section :", 'attr': {'placeholder': "Ex. : Au choix", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.team, {'label': "Nom de la section Équipe:", 'attr': {'placeholder': "Ex.: Équipe", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.teamTitle, {'label': "Titre de la section :", 'attr': {'placeholder': "Ex.: Les meilleurs", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.qandA, {'label': "Nom de la section FAQ:", 'attr': {'placeholder': "Ex. : Kézako ?", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.qandATitle, {'label': "Titre de la section :", 'attr': {'placeholder': "Ex.: Une réponse à la question", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.contact, {'label': "Nom de la section Contact:", 'attr': {'placeholder': "Ex.: Nous sommes joignables", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.contactTitle, {'label': "Titre de la section :", 'attr': {'placeholder': "Ex.:Voici comment", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.price, {'label': "Nom de la section Tarifs:", 'attr': {'placeholder': "Ex.: C'est combien?", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.priceTitle, {'label': "Titre de la section :", 'attr': {'placeholder': "Ex.:Ça dépend", 'class': 'form-control'}})}}
          </div>
     </div>
     <hr>
     <h4>English</h4>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-6">
               {{ form_row(formSection.eabout, {'label': "Nom de la section About:", 'attr': {'placeholder': "Ex.: About us", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.eaboutTitle, {'label': "Titre de la section :", 'attr': {'placeholder': "Ex.:This is us", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.ecategory, {'label': "Nom de la section Category:", 'attr': {'placeholder': "Ex.: Activities", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.ecategoryTitle, {'label': "Titre de la section :", 'attr': {'placeholder': "Ex.: Many choices", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.eteam, {'label': "Nom de la section Team:", 'attr': {'placeholder': "Ex.: Our team", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.eteamTitle, {'label': "Titre de la section :", 'attr': {'placeholder': "Ex.: Not just a team..", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.eqandA, {'label': "Nom de la section Q&A:", 'attr': {'placeholder': "Ex.: Questions?", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.eqandATitle, {'label': "Titre de la section :", 'attr': {'placeholder': "Ex.: Here is our answer...", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.econtact, {'label': "Nom de la section Contact:", 'attr': {'placeholder': "Ex.: Contact us", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.econtactTitle, {'label': "Titre de la section :", 'attr': {'placeholder': "Ex.: We can be contacted....", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.eprice, {'label': "Nom de la section Rates:", 'attr': {'placeholder': "Ex.: How much?", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formSection.epriceTitle, {'label': "Titre de la section :", 'attr': {'placeholder': "Ex.: It depends...", 'class': 'form-control'}})}}
          </div>
     </div>
     {{ form_errors(formSection) }}
     <div class="row d-flex justify-content-center mt-5">
          <div class="col-6 text-right">{% include 'base/save_button.html.twig' %}</div>
          <div class="col-6 text-left"><a href="{{ path('admin_category')}}" class="btn btn_cancel "
                    title="{% trans %}Retour à l'index{% endtrans %}">{% trans %}Annuler{% endtrans %}</a></div>
     </div>
     {{ form_end(formSection) }}
</div>

{% endblock %}