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

 {% block title %}réservation{% 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>{{category.name}}</h5>
         <div class="mb-4">{{category.description}}</div>
         {% endif %}
         {% endfor %}
         {# <div>Voir le calendrier <a href="{{path('calendrier')}}"><i class="fa-solid fa-calendar-days"></i></a> pour
           vérifier notre disponibilité.</div> #}
         <div id="resa" class="booking">
           {% include 'reservation/resa.html.twig' %}
         </div>
       </div>
     </section>
   </container>
 </main><!-- End #main -->
 {% endblock %}

 {% block javascripts %}
 {{ parent() }}
 {{ encore_entry_script_tags('booking_phone') }}
 {{ encore_entry_script_tags('booking_form_validation') }}
 {% endblock %}