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

<div class="form_errors form">
     {{ form_start(formHero, {'attr': {'novalidate': 'novalidate'} }) }}
     <div>
          <h2 class="form_title">
               {% if editMode %}
               {% trans %}Modifier une bannière{% endtrans %}
               {% else %}
               {% trans %}Ajouter une bannière{% endtrans %}
               {% endif %}
          </h2>
     </div>
     <h4>Français</h4>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-5 col-xs-12">
               {{ form_row(formHero.name, {'label': "Nom de la bannière :", 'attr': {'placeholder': "Ce nom ne sera pas visible", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-2 col-xs-12">
               {{ form_row(formHero.ranking, {'label': "Position :", 'attr': {'placeholder': "Bannière nᵒ ?", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-4 col-xs-12">
               {{ form_label(formHero.display, 'La bannière est-elle visible ? :', {'label_attr': {'class': 'status'}})
               }}
               {{ form_widget(formHero.display, {'attr': {'class': 'form-check-inline pr-2'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-4 col-xs-12">
               {{ form_row(formHero.title, {'label': "Titre :", 'attr': {'placeholder': "Intitulé de la bannière", 'class': 'form-control'}})}}
          </div>
         <div class="col-sm-4 col-xs-12">
               {{ form_row(formHero.lineOne, {'label': "Ligne 1 :", 'attr': {'placeholder': "Première ligne", 'class': 'form-control'}})}}
          </div>
       <div class="col-sm-4 col-xs-12">
               {{ form_row(formHero.lineTwo, {'label': "Ligne 2 :", 'attr': {'placeholder': "Deuxième ligne", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-4 col-xs-12">
               {{ form_label(formHero.color, 'Quelle est la couleur du texte ? :', {'label_attr': {'class': 'status'}})
               }}
               {{ form_widget(formHero.color, {'attr': {'class': 'form-check-inline pr-2'}})}}
          </div>
         <div class="col-sm-4 col-xs-12">
               {{ form_row(formHero.button, {'label': "Texte du bouton :", 'attr': {'placeholder': "Ex.: En savoir plus", 'class': 'form-control'}})}}
          </div>
         <div class="col-sm-4 col-xs-12">
               {{ form_row(formHero.link, {'label': "Lien vers :", 'attr': {'placeholder': "Ex.: ski", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
        <div class="col-sm-4 col-xs-12">
               <span data-toggle="tooltip" data-placement="top" title="{% trans %}Choisir un fichier{% endtrans %}">
                    {{ form_row(formHero.imageFile, {'label': "Bannière (en format jpeg, png ou svg - 1920 x 1440) :", 'attr': {'placeholder': "Bannière"}})}}
               </span>
          </div>
          {% if editMode %}
         <div class="col-sm-4 col-xs-12">
               {% if hero.imageName %}
               <h6>{% trans %}Bannière actuelle{% endtrans %}</h6>
               <img src="{{ vich_uploader_asset(hero, 'imageFile')| imagine_filter('thumb') }}">
               {% endif %}
          </div>
          {% endif %}
        <div class="col-sm-4 col-xs-12">
               {{ form_row(formHero.altText, {'label': "Texte alternatif :", 'attr': {'placeholder': "Ex.: Image d'un skieur", 'class': 'form-control'}})}}
          </div>
     </div>
     <hr>
     <h4>English</h4>
     <div class="row d-flex justify-content-left mt-4">
         <div class="col-sm-4 col-xs-12">
               {{ form_row(formHero.etitle, {'label': "Titre :", 'attr': {'placeholder': "Ex.: Qui sommes nous?", 'class': 'form-control'}})}}
          </div>
         <div class="col-sm-4 col-xs-12">
               {{ form_row(formHero.elineOne, {'label': "Ligne 1 :", 'attr': {'placeholder': "Ex.: Nous sommes...", 'class': 'form-control'}}) }}
          </div>
         <div class="col-sm-4 col-xs-12">
               {{ form_row(formHero.elineTwo, {'label': "Ligne 2 :", 'attr': {'placeholder': "Ex.: ...les meilleurs", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">

          <div class="col-sm-4 col-xs-12">
               {{ form_row(formHero.ebutton, {'label': "Texte du bouton :", 'attr': {'placeholder': "Ex.: Plus", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-4 col-xs-12">
               {{ form_row(formHero.elink, {'label': "Lien vers :", 'attr': {'placeholder': "Ex.: ski", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-4 col-xs-12">
               {{ form_row(formHero.ealtText, {'label': "Texte alternatif :", 'attr': {'placeholder': "Ex.: Image d'un skieur", 'class': 'form-control'}})}}
          </div>
     </div>
     {{ form_errors(formHero) }}
     <div class="row d-flex justify-content-center mt-5">
          {% include 'base/save_button.html.twig' %}

          <a href="{{ path('admin_hero')}}" data-toggle="tooltip" class="btn btn_cancel "
               title="{% trans %}Retour à l'index{% endtrans %}">{% trans %}Annuler{% endtrans %}</a>

     </div>
     {{ form_end(formHero) }}
</div>

{% endblock %}