app/Resources/views/page/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set metaParams = {
  3.     'title': page.pageTitle,
  4.     'description': page.metaDescription,
  5.     'keywords': page.metaKeywords,
  6.     'ogImage': page.pageOgImage
  7. } %}
  8. {% block meta %}
  9.     {% include 'parts/meta.html.twig' with metaParams %}
  10. {% endblock %}
  11. {% block title %}{{ parent() }} {{ page.pageTitle }}{% endblock %}
  12. {% set homeActive = true %}
  13. {% block body %}
  14.     <div class="position-relative">
  15.         <div class="owl-carousel owl-theme main-owl">
  16.             {% for item in sliders %}
  17.                 <div class="item"
  18.                      style="background-image:linear-gradient(#8a8a8a45,#00000080),url({{ item.ogImage }}); height: 100%;">
  19.                     <h3>{{ item.title }}</h3>
  20.                     {#<p>{{ item.shortText }}</p>#}
  21.                 </div>
  22.             {% endfor %}
  23.         </div>
  24.         <div class="form-hotel">
  25.             <div class="container">
  26.                 <div class="form-hotel-body">
  27.                     <h4>{{ 'Find a Room'|trans }}</h4>
  28.                     <form action="#!" id="form" method="get">
  29.                         <div class="input-daterange">
  31.                             <div class="row">
  33.                                 <div class="booking-fields form-group col-md-3" >
  34.                                     <input  id="form-arrival" autocomplete="off" placeholder="Check in" class="datepicker-fields form-control check-in" type="text"
  35.                                            name="date"/>
  36.                                 </div>
  37.                                 <div class="booking-fields form-group col-md-3" style="">
  38.                                     <input id="form-departure" autocomplete="off" placeholder="Check out" class="datepicker-fields form-control check-out" type="text"
  39.                                           />
  40.                                     <input type="hidden" name="nights" id="nights">
  41.                                 </div>
  42.                                 <div class="form-group col-md-2">
  43.                                     <select name="adults" id="adults" class="form-control">
  44.                                         <option value="">{{ 'Adult'|trans }}</option>
  45.                                         <option value="1">1</option>
  46.                                         <option value="2">2</option>
  47.                                         <option value="3">3</option>
  48.                                         <option value="4">4</option>
  49.                                         <option value="5">5</option>
  50.                                     </select>
  51.                                 </div>
  52.                                 <div class="form-group col-md-2">
  53.                                     <select name="children" id="children" class="form-control">
  54.                                         <option value="">{{ 'Child'|trans }}</option>
  55.                                         <option value="1">1</option>
  56.                                         <option value="2">2</option>
  57.                                         <option value="3">3</option>
  58.                                         <option value="4">4</option>
  59.                                         <option value="5">5</option>
  60.                                     </select>
  61.                                 </div>
  62.                                 <div class="form-group col-md-2">
  63.                                     <button class="btn-ramada-2 hvr-sweep-to-right"
  64.                                             style="width: 100%;">{{ 'Book'|trans }}</button>
  65.                                 </div>
  66.                             </div>
  67.                         </div>
  68.                     </form>
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     </div>
  74.     <section>
  75.         <div class="container">
  76.             <div class="section-title">
  77.                 <h3>{{ aboutPage.pageTitle }}</h3>
  78.             </div>
  79.             <div class="row align-items-center">
  80.                 <div class="col-md-12">
  81.                     <h4 class="about-header text-justify">
  82.                         {{ aboutPage.pageShortText }}
  83.                     </h4>
  84.                     <div class="mb-4"></div>
  85.                     <a href="{{ path('about_page') }}" class="btn-about btn-ramada hvr-sweep-to-right"
  86.                        style="float: right;">{{ 'About'|trans }}</a>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.     </section>
  92.     <!--Luxury Room Section-->
  93.     <section id="luxury-rooms" class="clearfix">
  94.         <div class="room-boxes col-sm-6 col-md-3">
  95.             <a href="{{ path('rooms_list_page') }}" class="inner-container" data-bg="{{ roomPage.pageOgImage }}">
  96.                     <span class="ravis-title">
  97.                         <span class="inner-box">
  98.                             <span class="title luxury-item">{{ roomPage.pageTitle }}</span>
  99.                             <span class="sub-title text-white">{{ roomPage.pageShortText }}</span>
  100.                         </span>
  101.                     </span>
  102.             </a>
  103.         </div>
  104.         <div class="room-boxes col-sm-6 col-md-3">
  105.             <a href="{{ path('events_list_page') }}" class="inner-container" data-bg="{{ eventsPage.pageOgImage }}">
  106.                     <span class="ravis-title">
  107.                         <span class="inner-box">
  108.                             <span class="title luxury-item">{{ eventsPage.pageTitle }}</span>
  109.                             <span class="sub-title text-white">{{ eventsPage.pageShortText }}</span>
  110.                         </span>
  111.                     </span>
  112.             </a>
  113.         </div>
  114.         <div class="room-boxes col-sm-6 col-md-3">
  115.             <a href="{{ path('dining_page') }}" class="inner-container" data-bg="{{ diningPage.pageOgImage }}">
  116.                     <span class="ravis-title">
  117.                         <span class="inner-box">
  118.                             <span class="title luxury-item">{{ diningPage.pageTitle }}</span>
  119.                             <span class="sub-title text-white">{{ diningPage.pageShortText }}"</span>
  120.                         </span>
  121.                     </span>
  122.             </a>
  123.         </div>
  124.         <div class="room-boxes col-sm-6 col-md-3">
  125.             <a href="{{ path('fitness_page') }}" class="inner-container" data-bg="{{ fitnessPage.pageOgImage }}">
  126.                     <span class="ravis-title">
  127.                         <span class="inner-box">
  128.                             <span class="title luxury-item">{{ fitnessPage.pageTitle }}</span>
  129.                             <span class="sub-title text-white">{{ fitnessPage.pageShortText }}</span>
  130.                         </span>
  131.                     </span>
  132.             </a>
  133.         </div>
  134.     </section>
  135.     <!--End of Luxury Room Section-->
  137.     <!-- Gallery -->
  138.     <section id="gallery">
  139.         <div class="inner-container container">
  141.             <div class="section-title">
  142.                 <h3>{{ galleryPage.pageTitle }}</h3>
  143.             </div>
  145.             <!-- Gallery Container -->
  146.             <div class="gallery-container">
  147.                 <div class="sort-section">
  148.                     <div class="sort-section-container">
  149.                         <ul class="list-inline">
  150.                             <li><a href="#!" class="active href-sort" data-filter=".all">{{ 'All'|trans }}</a></li>
  151.                             {% for item in galleryCateg %}
  152.                                 <li><a href="#!" class="href-sort" data-filter=".{{ item.id }}">{{ item.title }}</a>
  153.                                 </li>
  154.                             {% endfor %}
  155.                         </ul>
  156.                     </div>
  157.                 </div>
  158.                 <ul class="image-main-box clearfix">
  159.                     {% set galleryCount = 0 %}
  160.                     {% for item in gallery %}
  161.                         {% for key in item.ogImage |json_decode if galleryCount < 9 %}
  162.                             <li class="item col-lg-4 col-md-6 col-sm-6 all {{ item.category.id }}">
  163.                                 <figure style="background-image:url({{ key|get_thumb }});">
  164.                                     {#<img src="{{ key|get_thumb }}" alt="11"/>#}
  165.                                     <a href="{{ key }}" class="more-details"
  166.                                        data-title="">Enlarge</a>
  167.                                     <figcaption>
  168.                                     </figcaption>
  169.                                 </figure>
  170.                             </li>
  171.                             {% set galleryCount = galleryCount + 1 %}
  172.                         {% endfor %}
  173.                     {% endfor %}
  174.                 </ul>
  175.             </div>
  176.         </div>
  177.     </section>
  178.     <!-- End of Gallery -->
  179.     <section style="margin-bottom: 0;">
  180.         <div class="map">
  181.             <div id="map"></div>
  182.         </div>
  183.     </section>
  184. {% endblock %}
  186. {% block javascripts %}
  187.     {{ parent() }}
  188.     <script>
  189.         // booking
  191.         jQuery('#form').submit(function () {
  192.             var arrival = new Date(jQuery('#form-arrival').val());
  193.             var arrivalMonth = arrival.getMonth() + 1;
  194.             if (arrivalMonth < 10) {
  195.                 arrivalMonth = "0" + arrivalMonth;
  196.             }
  197.             var arrivalDate = arrival.getFullYear() + "-" + arrivalMonth + "-" + arrival.getDate();
  198.             // var adults = jQuery('#adults').val();
  199.             // var children = jQuery('#children').val();
  200.             var departure = new Date(jQuery('#form-departure').val());
  201.             var nights = (departure - arrival) / (1000 * 60 * 60 * 24);
  202.             jQuery('#nights').val(nights);
  204.             jQuery(this).attr("action", "/{{ app.request.locale }}/booking/?date=" + arrivalDate + "&nights=" + nights);
  205.         });
  206.     </script>
  207.     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD74VFI8DTOeAaUT3xTSmfuY_XOJ0Hoozg&callback=initMap"
  208.             async defer></script>
  210. {% endblock %}