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

 {% block title %}booking calendar{% endblock %}

 {% block body %}
 <main id="resa-page">
   <!-- ======= Breadcrumbs ======= -->
   <section class="breadcrumbs">
     <div class="container">
       {% for category in categories %}
       {% if category.ename|lower == "booking" %}
       <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.ename}}</h1>
         <ol>
           <li><a href="{{path('home')}}">Home</a></li>
           <li>{{category.ename}}</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.ename|lower == "booking" %}
         <h5>Bookings calendar</h5>
         <div class="mb-4">Use the form <a href="{{path('booking')}}"><i class="fa-brands fa-wpforms"></i></a> to submit
           a booking request. Click on a date to get all the details.</div>
         {% endif %}
         {% endfor %}
         <div id="calendare">
         </div>
       </div>
     </section>
   </container>
 </main><!-- End #main -->
 {% endblock %}

 {% block javascripts %}

 {{ encore_entry_script_tags('calendar_e_front') }} 
  {% include 'base/scripts.html.twig' %}
 {% endblock %}