{% extends 'base/adminbase.html.twig' %}

{% block title %}
{% if editMode %}
{% trans %}Modifier un évènement{% endtrans %}
{% else %}
{% trans %}Ajouter un évènement{% endtrans %}
{% endif %}
{% endblock %}
{% block body %}

<div class="form_errors form">
     {{ form_start(formCalendar, {'attr': {'novalidate': 'novalidate'} }) }}
     <div>
          <h2 class="form_title">
               {% if editMode %}
               {% trans %}Modifier un évènement{% endtrans %}
               {% else %}
               {% trans %}Ajouter un évènement{% endtrans %}
               {% endif %}
          </h2>
     </div>

     <p>Pour des journées consécutives, enregistrer la première journée avec les horaires sans envoyer le mail de confirmation; revenir
          sur la première journée et cliquer sur le bouton copier (cela rajoute les mêmes détails pour le jour suivant) et ainsi de suite.
          Utiliser la première journée pour envoyer le mail.
     </p>
     <p>Attention ! À chaque fois que le bouton <b>Sauvegarder</b> est cliqué, cela envoie un mail au client si la réponse à l'envoi de mail est toujours positive. On peut renvoyer un mail pour un changement d'horaire par exemple.</p>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-4 col-xs-12 ">
               {{ form_row(formCalendar.title, {'label': "Titre ou note :", 'attr': {'placeholder': "Ex.: Leçon de ski"}})
               }}
          </div>
          <div class="col-sm-4 col-xs-12 ">
               {{ form_row(formCalendar.color, {'label': "Couleur :", 'attr': {'placeholder': "Ex. : Couleur dans le calendrier"}})
               }}
          </div>
          <div class="col-sm-4 col-xs-12 ">
               <i style="color:red">Vérifier que les horaires sont bien déterminées.</i>
               {{ form_label(formCalendar.send, 'Envoyer le mail de confirmation ? :', {'label_attr': {'class': 'status'}})
               }}

               {{ form_widget(formCalendar.send, {'attr': {'class': 'form-check-inline '}})
               }}
          </div>

     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-3 col-xs-12 ">
               {{ form_row(formCalendar.start, {'label': "Début :", 'attr': {'placeholder': "Ex.: Ski"}})
               }}
          </div>
          <div class="col-sm-3 col-xs-12 ">
               {{ form_row(formCalendar.end, {'label': "Fin :", 'attr': {'placeholder': "Ordre croissant"}})
               }}
          </div>
          <div class="col-sm-3 col-xs-12 ">
               {{ form_row(formCalendar.allDay, {'label': "Journée entière ? :", 'attr': {'placeholder': "Ordre croissant"}})
               }}
          </div>
          <div class="col-sm-3 col-xs-12 ">
               {% if editMode %}
               <a data-toggle="tooltip" data-placement="top"
                    title="{% trans %}Copier pour le jour suivant{% endtrans %}"
                    href="{{ path('admin_calendar_clone', {'id': calendar.id}) }}" class="btn btn-info"><i
                         class="fa-solid fa-copy pr-1"></i>Copier</a>
               {% endif %}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-4 col-xs-12">
               {{ form_row(formCalendar.category, {'attr': {'placeholder': "Activité", 'class':"form-control", 'id':"category"}})}}
          </div>
          <div class="col-sm-4 col-xs-12">
               {{ form_row(formCalendar.package, {'attr': {'placeholder': "Durée", 'class':"form-control", 'id':"hour"}})}}
          </div>
          <div class="col-sm-4 col-xs-12">
               {{ form_row(formCalendar.discipline, {'attr': {'placeholder': "Discipline", 'class':"form-control", 'id':"discipline"}})}}
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-3 col-xs-12 ">
               {{ form_row(formCalendar.firstname, {'attr': {'placeholder': "Prénom", 'class':"form-control", 'id':"firstname"}})}}
          </div>
          <div class="col-sm-3 col-xs-12 ">
               {{ form_row(formCalendar.lastname, {'attr': {'placeholder': "Nom", 'class':"form-control", 'id':"lastname"}})}}
          </div>
          <div class="col-sm-3 col-xs-12 ">
               {{ form_row(formCalendar.email, {'attr': {'placeholder': "Adresse mail", 'class':"form-control", 'id':"email"}})}}
          </div>
          <div class="col-sm-3 col-xs-12 ">
               {{ form_row(formCalendar.phone, {'attr': {'placeholder': "Numéro de téléphone", 'class':"form-control", 'id':"phone"}})}}
               <div class="alert alert-info" style="display: none;"></div>
          </div>
     </div>
     <div class="row d-flex justify-content-left mt-4">
          <div class="col-sm-4 col-xs-12 ">
               {{ form_row(formCalendar.person, {'attr': {'placeholder': "Choisir un nombre", 'class':"form-control", 'id':"person"}})}}
          </div>
          <div class="col-sm-4 col-xs-12 ">
               {{ form_row(formCalendar.age, {'attr': {'placeholder': "Inscrire l'âge ou autre", 'class':"form-control", 'id':"age"}})}}
          </div>
          <div class="col-sm-4 col-xs-12 ">
               {{ form_row(formCalendar.language, {'attr': {'placeholder': "Langue parlée", 'class':"form-control", 'id':"language"}})}}
          </div>
     </div>
     {{ form_errors(formCalendar) }}

     <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_calendar')}}" class="btn btn_cancel "
                    title="{% trans %}Retour à l'index{% endtrans %}">{% trans %}Annuler{% endtrans %}</a></div>
     </div>
     {{ form_end(formCalendar) }}
     <div class="alert alert-info" style="display: none;"></div>
</div>


{% endblock %}
{% block javascripts %}
{# {{ encore_entry_script_tags('admin_phone') }} #}

{% endblock %}