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

{% block title %}{% trans %}Liste des évènements{% endtrans %}{% endblock %}
{% block body %}

<div class="form">
  <h2 class="form_title">{% trans %}Liste des réservations{% endtrans %} </h2>

    {% block flash %}
    {% include 'base/flash.html.twig' %}
    {% endblock %}

    <div class="my-4 row d-flex box">
    
         <div class="col-4 text-center ">
            <a href="{{ path('admin_calendar')}}" class="btn btn-info " data-toggle="tooltip"
                data-placement="top" title="{% trans %}Calendrier{% endtrans %}" class="text-center"><i
                    class="fa-solid fa-calendar-days pr-1"></i>Calendrier</a>
   </div>   
    <div class="col-4 text-center ">
            <a href="{{ path('admin_reservation')}}" class="btn btn-info " data-toggle="tooltip"
                data-placement="top" title="{% trans %}Calendrier{% endtrans %}" class="text-center"><i
                    class="fa-regular fa-calendar-plus pr-1"></i>Demandes à traiter</a>
   </div>   
        <div class="col-4 text-right">
            <a href="{{ path('admin_calendar_new')}}" class="btn btn_add" data-toggle="tooltip"
                data-placement="top" title="{% trans %}Ajouter un évènement{% endtrans %}" class="text-center">Ajouter une réservation</a>
        </div>
    </div>
      <div class="row d-flex ">
        <div class="col-12 text-right">

            <table class="table table-striped table-admin">
                <thead>
                    <tr>
                    <th class="text-left" data-toggle="tooltip" data-placement="right">
                            {% trans %}Titre{% endtrans %}</th>
                        <th class="text-left" data-toggle="tooltip" data-placement="right">
                            {% trans %}Prénom{% endtrans %}</th>
                       <th class="text-left" data-toggle="tooltip" data-placement="right">
                            {% trans %}Coord.{% endtrans %}</th>
                       <th class="text-center">{% trans %}Nbre pers.{% endtrans %}</th>
                         <th class="text-center">{% trans %}Langue{% endtrans %}</th>
                          <th class="text-center">{% trans %}Activité{% endtrans %}</th>
                           <th class="text-center">{% trans %}Formule{% endtrans %}</th>
                           <th class="text-center">{% trans %}Dates{% endtrans %}</th>
                            <th class="text-center">{% trans %}Confirmation envoyée{% endtrans %}</th>
                             <th class="text-center">{% trans %}Acompte{% endtrans %}</th>
                              <th class="text-center">{% trans %}Total{% endtrans %}</th>
                        <th style="width: 20%" colspan="2" data-toggle="tooltip" data-placement="top"
                            title="{% trans %}Actions{% endtrans %}" class="text-center"><i class=" fas fa-cog"></i>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    {% for calendar in calendars %}
                    <tr>
                    <td class="text-left">{{ calendar.title }}</td>
                        <td class="text-left">{{ calendar.firstname }}</td>
                       
                         <td class="text-left"><a href="mailto:{{ calendar.email }}" title="Envoyer un mail à {{ calendar.firstname }} {{ calendar.lastname }}"><i
              class="bi bi-envelope-fill"></i></a>
                        <a href="tel:{{ calendar.phone }}" title="Appeler {{ calendar.firstname }} {{ calendar.lastname }}"><i
              class="bi bi-phone-fill phone-icon"></i></a></td>
                        
                        <td class="text-left">{{ calendar.person }}</td>
                         <td class="text-left">{{ calendar.language }}</td>
                          <td class="text-left">{{ calendar.category }}</td>
                           <td class="text-left">{{ calendar.package }}</td>
                           
                       {% if calendar.start|date('Y-m-d') == calendar.end|date('Y-m-d') %}
                  <td class="text-left">Le {{ calendar.start|format_date('short') }}</td>
                 {% else %}
                <td class="text-left">Du {{ calendar.start|format_date('short') }} <br> 
                au {{ calendar.end|format_date('short') }}</td>
                  {% endif %}
                  <td class="text-left">{% if calendar.send == 1 %}
                  {{ calendar.depositExpiry|date_modify("-3 days")|date("m/d/Y") }}{%else%}Non{% endif %}</td>
                  <td class="text-left">{% if calendar.deposit == 1 %}Payé{% endif %}</td>
                    <td class="text-left">{{calendar.due}}</td>
                         <td class="text-center">
                            <a data-toggle="tooltip" data-placement="top"
                                title="{% trans %}Modifier le calendrier{% endtrans %}"
                                href="{{ path('admin_calendar_edit', {'id': calendar.id}) }}" class="btn btn-warning "><i
                                    class="fa-solid fa-pen-to-square"></i></a>
                                    
                             <span data-toggle="tooltip" title="{% trans %}Supprimer l'évènement{% endtrans %}">
                                <a data-toggle="modal" data-target="#calendarDelete{{ calendar.id }}"
                                    data-placement="top" href="{{ path('admin_calendar_delete', {'id': calendar.id}) }}"
                                    class="btn btn-danger btn_delete calendar_delete"><i
                                        class="fa-solid fa-trash-can"></i></a>
                            </span>
                            {# <form action="/checkout/{{ calendar.id }}" method="POST">
                    <button type="submit" class="btn btn-info">Checkout</button> #}
                   
  <!-- A Stripe Element will be inserted here. -->
</div>
    </form>
                        </td>
                        <!-- Modal -->
                       <div class="modal" id="calendarDelete{{ calendar.id }}" tabindex="-1" role="dialog"
                            aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">{% trans %}Attention !{% endtrans %}</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal"
                                            aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        {% trans %}L'évènement sera définitivement supprimé.{% endtrans %}
                                    </div>
                                    <div class="modal-footer d-flex justify-content-center">
                                        <button type="button" class="btn btn-danger btn_cancel"
                                            data-dismiss="modal">{% trans %}Annuler{% endtrans %}</button>
                                        <a href="{{  path('admin_calendar_delete', {'id': calendar.id}) }}"
                                            class="btn btn_info ">{% trans %}OK{% endtrans %}</a>
                                    </div>
                                </div>
                            </div> 
                        </div>
                      
                        {% else %}
                        <td colspan="4" class="text-center">{% trans %}Il n'y aucun évènement dans le calendrier.{% endtrans %}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}


 {% block javascripts %}


 {% endblock %}