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

 {% block title %}calendrier des réservations{% endblock %}

 {% block body %}
 <main id="resa-page">
   <!-- ======= Breadcrumbs ======= -->
   <section class="breadcrumbs">
     <div class="container">
       {% for category in categories %}
       {% if category.name|lower == "réservation" %}
       <div class="d-flex justify-content-between align-items-center">
         <h1><img src="{{ vich_uploader_asset(category, 'iconFile')| imagine_filter('tiny') }}"
             class="mr-3 pb-2">{{category.name}}</h1>
         <ol>
           <li><a href="{{path('accueil')}}">Accueil</a></li>
           <li>{{category.name}}</li>
         </ol>
       </div>
       {% endif %}
       {% endfor %}
     </div>
   </section><!-- End Breadcrumbs -->
   <container class="resa-page">
     <section class="inner-page">
       <div class="container">
         {% for category in categories %}
         {% if category.name|lower == "réservation" %}
         <h5>Calendrier des réservations</h5>
         <div class="mb-4">Utiliser le formulaire <a href="{{path('reservation')}}"><i
               class="fa-brands fa-wpforms"></i></a> pour faire une demande de réservation. Cliquer sur une date pour plus de détails.</div>
         {% endif %}
         {% endfor %}
         <div id="calendarf">
         </div>
       </div>
     </section>
   </container>
 </main><!-- End #main -->
 {% endblock %}
 
 {% block javascripts %}
  {{ encore_entry_script_tags('calendar_front') }}
  {% endblock %}