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

{% block title %}{% trans %}Calendrier{% endtrans %}{% endblock %}
{% block body %}

<div class="form">
  <h2 class="form_title">{% trans %}Calendrier{% 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_cal_index')}}" class="btn btn-info " data-toggle="tooltip" data-placement="top"
        title="{% trans %}Liste des évènements{% endtrans %}" class="text-center"><i
          class="fa-solid fa-list pr-1"></i>Voir sous forme de liste</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-info 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="mb-4 row d-flex justify-content-center box">
    <div class="col-sm-3 col-xs-12">
      <h6>Légende</h6>
      <div><span class="dot ski_color"></span>Ski</div>
      <div><span class="dot snow_color"></span>Snowboard</div>
      <div><span class="dot para_color"></span>Parapente</div>
    </div>
    <div class="col-sm-4 col-xs-12">
      <div><span class="dot google_color"></span>Google</div>
      <div><span class="dot other_color"></span>Autre</div>
      <div><span class="dot perso_color"></span>Perso</div>
      <div><span class="dot resa_color"></span>Demande de réservation</div>
    </div>
  </div>
  <div id="calendar">
  </div>
</div>
{% endblock %}

{% block javascripts %}
{{ encore_entry_script_tags('calendar') }}

{% endblock %}