templates/pages/espacepro/hotels/show.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/front/baseinternes.html.twig' %}
  3. {% block title %}{{ parametres.structure.name ?? company_name }} | {{ title }}{% endblock %}
  4. {% block stylesheets %}
  5.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/animsition.min.css') }}">
  6.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/animate.min.css') }}">
  7.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/jquery.fancybox.min.css') }}">
  8.     <link rel="stylesheet" href="{{ asset('assetics/assets/lib/css/lightgallery.min.css') }}">
  9.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/style3.min.css') }}">
  10.     {% if hotel.longitude or hotel.latitude %}
  11.         <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
  12.               integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
  13.               crossorigin=""/>
  14.     {% endif %}
  15.     <style>
  16.         .blog-single-aside__content .title{
  17.             color: #993300!important;
  18.             text-shadow: none!important;
  19.         }
  20.     </style>
  21. {% endblock %}
  22. {% block body %}
  23.     <section>
  24.         <div class="slider-banner-3" style="height: auto!important;overflow: hidden;position:relative;">
  25.             <div style="position: absolute; top: 0;right: 0;bottom: 0; left: 0; background: rgba(0,0,0,0.3);width: 100%!important;height: inherit;z-index: 1"></div>
  26.             <div class="slider-banner-3__item">
  27.                 {% if hotel.bandeaufile %}
  28.                     <img src="{{ vich_uploader_asset(hotel, 'bandeauImageFile') | imagine_filter('cover') }}" width="100%" alt="{{ hotel.name }}">
  29.                 {% else %}
  30.                     <img src="{{ asset('assetics/internes/images/empty-hotel.jpg') }}" alt="{{ hotel.name }}">
  31.                 {% endif %}
  32.                 <div class="slider-banner-3__item__text animated bounceIn" style="z-index: 15!important;">
  33.                     <div class="slider-banner-3__destination">
  34.                         <span style="color: orange!important;text-shadow: 0px 0px 3px #000;"><i class="fas fa-map-marker-alt"></i>{{ hotel.address }}</span>
  35.                         <h1>{{ hotel.name }}</h1>
  36.                     </div>
  37.                 </div>
  38.             </div>
  39.         </div>
  40.         {#{{ search_form() }}#}
  41.     </section>
  43.     <section class="tour-item-banner-2 mt-lg-5">
  44.         <div class="container">
  45.             <h4 class="pull-right"><a href="{{ path('home') }}">Accueil</a> / {{ menu }} / <span> {{ title|u.truncate(50, '...') }}</span></h4>
  46.         </div>
  47.     </section>
  49.     <section>
  50.         <div class="container">
  51.             <div class="row">
  52.                 <div class="col-lg-9">
  53.                     <aside>
  54.                         <div class="blog-single-aside" style="padding: 20px 30px 30px 0;">
  55.                             <div class="blog-single-aside__time">
  56.                                 <span><i class="far fa-calendar-check"></i> {{ hotel.createdAt|date('d/m/Y H:i:s') }} </span>
  57.                                 <span><i class="far fa-user"></i> {{ hotel.user.username }} </span>
  58.                                 <span><i class="far fa-comment-alt"></i> 6 commnets </span>
  59.                             </div>
  60.                             <div class="blog-single-aside__content">
  61.                                 <h3>{{ title }}</h3>
  62.                                 <p class="text-justify mb-lg-3">
  63.                                     {{ hotel.description|raw }}
  64.                                 </p>
  65.                             </div>
  66.                             <div class="blog-single-aside__tag">
  67.                                 <div class="blog-single-aside__tag__item">
  68.                                     <span>Catégorie: </span>
  69.                                     <p>Hotels</p>
  70.                                 </div>
  71.                                 <div class="blog-single-aside__tag__item">
  72.                                     <span>Partager: </span>
  73.                                     <a href="#"><img src="{{ asset('assetics/internes/images/blog/ins.png') }}" alt="share1"></a>
  74.                                     <a href="#"><img src="{{ asset('assetics/internes/images/blog/facebook.png') }}" alt="share2"></a>
  75.                                     <a href="#"><img src="{{ asset('assetics/internes/images/blog/twit.png') }}" alt="share3"></a>
  76.                                 </div>
  77.                             </div>
  78.                             {% if hotel.mediashotels|length != 0 %}
  79.                                 <div>
  80.                                     <div id="dgwt-jg-1" data-thumb="true" data-height="160" class="dgwt-jg-gallery dgwt-jg-style1 dgwt-jg-1 ">
  81.                                         {% for index, media in hotel.mediashotels %}
  82.                                             <a style="background-size: cover!important;" href="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('large') }}" class="dgwt-jg-item"
  83.                                                data-sub-html="<h4>{{ media.name ?? hotel.name }}</h4><div class='dgwt-jg-item-desc'>{{ media.name ?? hotel.name }}</div>">
  84.                                                 <img data-lazy-src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}"
  85.                                                      src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}" class="s-img-switch" alt=""/>
  86.                                                 <div class="dgwt-jg-caption"><span>{{ media.name ?? hotel.name }}</span></div>
  87.                                             </a>
  88.                                         {% endfor %}
  89.                                     </div>
  90.                                 </div>
  91.                             {% endif %}
  93.                             {% if chambres|length != 0 %}
  94.                                 <div class="blog-single-aside__content">
  95.                                     <h3 class="blog-single-aside__tag">Liste des chambres</h3>
  96.                                     <div class="row">
  97.                                         {% include 'pages/espacepro/hotels/chambres/partials/__card_chambres.html.twig' with {chambres: chambres } %}
  98.                                     </div>
  99.                                     <!-- pagination -->
  100.                                     <div class="wander-pagination__pagination" style="display: flex; justify-content: center; justify-items: center;">
  101.                                         <div>
  102.                                             {{ knp_pagination_render(chambres) }}
  103.                                         </div>
  104.                                     </div>
  105.                                 </div>
  106.                             {% endif %}
  108.                             {% if hotel.longitude or hotel.latitude %}<div id="map-hotels" style="width: 100%;height: 400px;position: relative;z-index: 0"></div>{% endif %}
  110.                             {% if othersHotels|length != 0 %}
  111.                                 <div class="blog-single-aside__content">
  112.                                     <h3 class="blog-single-aside__tag">D'autres hôtels qui pourraient vous intéresser</h3>
  113.                                     <div class="row">
  114.                                         {% include 'pages/espacepro/hotels/partials/__card_random.html.twig' with {hotels: othersHotels } %}
  115.                                     </div>
  116.                                 </div>
  117.                             {% endif %}
  118.                         </div>
  119.                     </aside>
  120.                 </div>
  122.                 <div class="col-lg-3">
  123.                     {% include 'pages/espacepro/hotels/partials/__sidebar.html.twig' %}
  124.                 </div>
  125.             </div>
  126.         </div>
  127.     </section>
  128. {% endblock %}
  129. {% block javascripts %}
  130.     <script src="{{ asset('assetics/assets/js/jquery-3.3.1.min.js') }}"></script>
  131.     <script src="{{ asset('assetics/assets/js/equalHeightsPlugin.min.js') }}"></script>
  132.     <script src="{{ asset('assetics/assets/js/jquery.fancybox.min.js') }}"></script>
  133.     <script src="{{ asset('assetics/assets/js/jquery.fitvids.min.js') }}"></script>
  134.     <script src="{{ asset('assetics/assets/js/swiper3.min.js') }}"></script>
  135.     <script src="{{ asset('assetics/assets/lib/js/lightgallery.min.js') }}"></script>
  136.     <script src="{{ asset('assetics/assets/lib/js/jquery.justifiedGallery.min.js') }}"></script>
  137.     <script src="{{ asset('assetics/assets/js/jquery.sliphover.min.js') }}"></script>
  138.     <script src="{{ asset('assetics/assets/js/script.js') }}"></script>
  139.     {% if hotel.longitude or hotel.latitude %}
  140.     <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
  141.             integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
  142.             crossorigin=""></script>
  143.     <script>
  144.         $(document).ready(function () {
  145.             let longitude = {{ hotel.longitude }};
  146.             let latitude = {{ hotel.latitude }};
  147.             let mymap = L.map('map-hotels').setView([longitude, latitude], 7);
  149.             let osmLayer = new L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
  150.                 attribution: '© OpenStreetMap contributors',
  151.                 draggable:true,
  152.                 minZoom: 1,
  153.                 maxZoom: 20,
  154.             }).addTo(mymap);
  155.             let marker = new L.marker([longitude, latitude]).addTo(mymap);
  156.             marker.bindPopup("<h5>{{ hotel.name }}</h5><p>Contacts: {{ hotel.contacts }}</br>Adresse: {{ hotel.address ?? 'Aucune adreese' }}</br>Email: {{ hotel.email }} </p>").openPopup();
  157.         })
  158.     </script>
  159.     {% endif %}
  160. {% endblock %}