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

<div class="form_errors form">
     {{ form_start(formCategory, {'attr': {'novalidate': 'novalidate'} }) }}
     <div>
          <h2 class="form_title">
               {% if editMode %}
               {% trans %}Modifier la catégorie{% endtrans %}
               {% else %}
               {% trans %}Ajouter une catégorie{% endtrans %}
               {% endif %}
          </h2>
     </div>
     <h4>Français</h4>
     <div class="row d-flex justify-content-left mt-4">
         <div class="col-sm-3 col-xs-12">
               {{ form_row(formCategory.name, {'label': "Nom :", 'attr': {'placeholder': "Ex.: Ski", 'class': 'form-control'}})
               }}
          </div>
          <div class="col-sm-2 col-xs-12">
               {{ form_row(formCategory.ranking, {'label': "Position :", 'attr': {'placeholder': "Ordre croissant", 'class': 'form-control'}})
               }}
          </div>
          <div class="col-sm-6 col-xs-12">
            {{ form_label(formCategory.display, 'La catégorie est-elle visible sur la page principale ? :', {'label_attr': {'class': 'status'}}) }}
       
               {{ form_widget(formCategory.display, {'attr': {'class': 'form-check-inline '}})
               }}</div>
     </div>
     
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formCategory.description, {'label': "Description :", 'attr': {'placeholder': "Description bréve de la catégorie...", '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(formCategory.iconFile, {'label': "Icône (en format jpeg, png ou svg) :", 'attr': {'placeholder': "Icône"}})}}
               </span>
          </div>
          {% if editMode %}
          <div class="col-sm-4 col-xs-12">
               {% if category.iconName %}
               <h6>{% trans %}Icône actuelle{% endtrans %}</h6>
               <img src="{{ vich_uploader_asset(category, 'iconFile')| imagine_filter('thumb') }}">
               {% endif %}
          </div>
          {% endif %}
            <div class="col-sm-4 col-xs-12">
               {{ form_row(formCategory.altText, {'label': "Texte alternatif :", 'attr': {'placeholder': "Ex. : Icône d'un skieur", '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(formCategory.button, {'label': "Texte du bouton :", 'attr': {'placeholder': "Ex. : Voir plus", 'class': 'form-control'}})
               }}
          </div>
            <div class="col-sm-6 col-xs-12">
               {{ form_row(formCategory.link, {'label': "Lien vers...", 'attr': {'placeholder': "Ex. : Voir plus", 'class': 'form-control'}})
               }}
          </div>
     </div>
     <hr>
     <h4>English</h4>
      <div class="row d-flex justify-content-left mt-4">
           <div class="col-sm-6 col-xs-12">
               {{ form_row(formCategory.ename, {'label': "Nom de la catégorie :", 'attr': {'placeholder': "Ex.: Ski", 'class': 'form-control'}})
               }}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formCategory.ealtText, {'label': "Texte alternatif :", 'attr': {'placeholder': "Ex. : Icône d'un skieur", 'class': 'form-control'}})
               }}
          </div>
          </div>
           <div class="row d-flex justify-content-left mt-4">
            <div class="col-12">
               {{ form_row(formCategory.edescription, {'label': "Description :", 'attr': {'placeholder': "Description bréve de la catégorie...", '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(formCategory.ebutton, {'label': "Texte du bouton :", 'attr': {'placeholder': "Ex. : Voir plus", 'class': 'form-control'}})
               }}
          </div>
           <div class="col-sm-6 col-xs-12">
               {{ form_row(formCategory.elink, {'label': "Lien vers...", 'attr': {'placeholder': "Ex. : Voir plus", 'class': 'form-control'}})
               }}
          </div>
     </div>
     {{ form_errors(formCategory) }}
     <div class="row d-flex justify-content-center mt-5">
          <div class="col-sm-6 col-xs-12 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(formCategory) }}
</div>

{% endblock %}