{% extends 'base/adminbase.html.twig' %}
{% block title %}
{% if editMode %}
{% trans %}Modifier le bandeau{% endtrans %}
{% else %}
{% trans %}Ajouter un bandeau{% endtrans %}
{% endif %}
{% endblock %}
{% block body %}

<div class="form_errors form">
     {{ form_start(formCta, {'attr': {'novalidate': 'novalidate'} }) }}

     <div>
          <h2 class="form_title">
               {% if editMode %}
               {% trans %}Modifier le bandeau{% endtrans %}
               {% else %}
               {% trans %}Ajouter un bandeau{% 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(formCta.title, {'label': "Titre :", 'attr': {'placeholder': "Ex.: Réserver une leçon", 'class': 'form-control'}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_label(formCta.display, 'Le bandeau est-il visible sur le site ? :', {'label_attr': {'class': 'status'}})}}

               {{ form_widget(formCta.display, {'attr': {'class': 'form-check-inline'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-12">
               {{ form_row(formCta.description, {'label': "Texte :", 'attr': {'placeholder': "Call to action bref mais efficace", 'class': 'form-control', 'id': "editor"}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formCta.button, {'label': "Bouton :", 'attr': {'placeholder': "Texte du bouton", 'class': 'form-control', 'id': "editor"}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formCta.link, {'label': "Lien :", 'attr': {'placeholder': "Inscrire le nom de la page après le / du url ", 'class': 'form-control', 'id': "editor"}})}}
          </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(formCta.etitle, {'label': "Titre :", 'attr': {'placeholder': "Ex.: Book a lesson right away!!", 'class': 'form-control'}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-12">
               {{ form_row(formCta.edescription, {'label': "Texte :", 'attr': {'placeholder': "Un petit texte...", 'class': 'form-control', 'id': "editor"}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formCta.ebutton, {'label': "Bouton :", 'attr': {'placeholder': "Texte du bouton", 'class': 'form-control', 'id': "editor"}})}}
          </div>
          <div class="col-sm-6 col-xs-12">
               {{ form_row(formCta.elink, {'label': "Lien :", 'attr': {'placeholder': "Inscrire le nom de la page après le / du url ", 'class': 'form-control', 'id': "editor"}})}}
          </div>
     </div>
     {{ form_errors(formCta) }}
     <div class="row d-flex justify-content-center mt-5">
          {% include 'base/save_button.html.twig' %}
          <span class="mx-2"></span>
          <a href="{{ path('admin_qandA')}}" data-toggle="tooltip" class="btn btn_cancel "
               title="{% trans %}Retour à l'index{% endtrans %}">{% trans %}Annuler{% endtrans %}</a>
     </div>
     {{ form_end(formCta) }}
</div>
{% endblock %}

{% block javascripts %}
{{ encore_entry_script_tags('text_editor') }}
{% endblock %}