templates/pages/espacepro/restaurants/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 restaurant.longitude or restaurant.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 restaurant.bandeaufile %}
  28.                     <img src="{{ vich_uploader_asset(restaurant, 'imageBandeauFile') | imagine_filter('cover') }}" width="100%" alt="{{ restaurant.name }}">
  29.                 {% else %}
  30.                     <img src="{{ asset('assetics/internes/images/empty-hotel.jpg') }}" alt="{{ restaurant.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-hospital"></i>{{ restaurant.cities }}</span>
  35.                         <h1>{{ restaurant.name }}</h1>
  36.                     </div>
  37.                 </div>
  38.             </div>
  39.         </div>
  40.         {#{{ search_form_restaurant() }}#}
  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> {{ restaurant.createdAt|date('d/m/Y H:i:s') }} </span>
  57.                                 <span><i class="far fa-user"></i> {{ restaurant.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.                                     {{ restaurant.description|raw }}
  64.                                 </p>
  65.                             </div>
  67.                             <div class="blog-single-aside__tag mb-lg-5">
  68.                                 <div class="blog-single-aside__tag__item">
  69.                                     <span>Catégorie: </span>
  70.                                     <p>Restaurants</p>
  71.                                 </div>
  72.                                 <div class="blog-single-aside__tag__item">
  73.                                     <span>Partager: </span>
  74.                                     <a href="#"><img src="{{ asset('assetics/internes/images/blog/ins.png') }}" alt="share1"></a>
  75.                                     <a href="#"><img src="{{ asset('assetics/internes/images/blog/facebook.png') }}" alt="share2"></a>
  76.                                     <a href="#"><img src="{{ asset('assetics/internes/images/blog/twit.png') }}" alt="share3"></a>
  77.                                 </div>
  78.                             </div>
  79.                             {% if restaurant.mediasrestaurants|length != 0 %}
  80.                                 <div>
  81.                                     <div id="dgwt-jg-1" data-thumb="true" data-height="160" class="dgwt-jg-gallery dgwt-jg-style1 dgwt-jg-1 ">
  82.                                         {% for index, media in restaurant.mediasrestaurants %}
  83.                                             <a style="background-size: cover!important;" href="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('large') }}" class="dgwt-jg-item"
  84.                                                data-sub-html="<h4>{{ media.name ?? restaurant.name }}</h4><div class='dgwt-jg-item-desc'>{{ media.name ?? restaurant.name }}</div>">
  85.                                                 <img data-lazy-src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}"
  86.                                                      src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}" class="s-img-switch" alt=""/>
  87.                                                 <div class="dgwt-jg-caption"><span>{{ media.name ?? restaurant.name }}</span></div>
  88.                                             </a>
  89.                                         {% endfor %}
  90.                                     </div>
  91.                                 </div>
  92.                             {% endif %}
  94.                             {% if restaurant.longitude or restaurant.latitude %}<div id="map-restaurant" style="width: 100%;height: 400px;position: relative;z-index: 0"></div>{% endif %}
  96.                             {% if othersRestaurants|length != 0 %}
  97.                                 <div class="blog-single-aside__content">
  98.                                     <h3 class="blog-single-aside__tag">D'autres restaurants qui pourraient vous intéresser</h3>
  99.                                     <div class="row">
  100.                                         {% include 'pages/espacepro/restaurants/partials/__card.html.twig' with {restaurants: othersRestaurants } %}
  101.                                     </div>
  102.                                 </div>
  103.                             {% endif %}
  104.                         </div>
  105.                     </aside>
  106.                 </div>
  108.                 <div class="col-lg-3">
  109.                     {% include 'pages/espacepro/restaurants/partials/__sidebar.html.twig' with {restaurant: restaurant } %}
  110.                 </div>
  111.             </div>
  112.         </div>
  113.     </section>
  114. {% endblock %}
  115. {% block javascripts %}
  116.     <script src="{{ asset('assetics/assets/js/jquery-3.3.1.min.js') }}"></script>
  117.     <script src="{{ asset('assetics/assets/js/equalHeightsPlugin.min.js') }}"></script>
  118.     <script src="{{ asset('assetics/assets/js/jquery.fancybox.min.js') }}"></script>
  119.     <script src="{{ asset('assetics/assets/js/jquery.fitvids.min.js') }}"></script>
  120.     <script src="{{ asset('assetics/assets/js/swiper3.min.js') }}"></script>
  121.     <script src="{{ asset('assetics/assets/lib/js/lightgallery.min.js') }}"></script>
  122.     <script src="{{ asset('assetics/assets/lib/js/jquery.justifiedGallery.min.js') }}"></script>
  123.     <script src="{{ asset('assetics/assets/js/jquery.sliphover.min.js') }}"></script>
  124.     <script src="{{ asset('assetics/assets/js/script.js') }}"></script>
  125.     {% if restaurant.longitude or restaurant.latitude %}
  126.     <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
  127.             integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
  128.             crossorigin=""></script>
  129.     <script>
  130.         let longitude = {{ restaurant.longitude ?? 0 }};
  131.         let latitude = {{ restaurant.latitude ?? 0 }};
  132.         let mymapRestaurant = L.map('map-restaurant').setView([longitude, latitude], 7);
  134.         let osmLayer = new L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
  135.             attribution: '© OpenStreetMap contributors',
  136.             draggable:true,
  137.             minZoom: 1,
  138.             maxZoom: 20,
  139.         }).addTo(mymapRestaurant);
  140.         let marker = new L.marker([longitude, latitude]).addTo(mymapRestaurant);
  141.         marker.bindPopup("<h5>{{ restaurant.name }}</h5><p>Contacts: {{ restaurant.contacts }}</br>Adresse: {{ restaurant.address ?? 'Aucune adreese' }}</br>Email: {{ restaurant.email }} </p>").openPopup();
  142.     </script>
  143.     {% endif %}
  144. {% endblock %}