templates/Pages/destination.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% set title = destination.name %}
  3. {% if(destination.metaTitle is not empty) %}
  4.     {% set title = destination.metaTitle %}
  5. {% endif %}
  6. {% set description = destination.metaDescription %}
  7. {% block title %}{{ title }} | {{ parent() }}{% endblock %}
  8. {% block metaDescription %}{% if(description is not empty) %}{{ description }}{% else %}{{ parent() }}{% endif %}{% endblock %}
  9.         {% block top_destinations %}
  10.         {% endblock %}
  11. {% block body %}
  12.     {% set activeTab = app.request.get('tab','info') %}
  13.     {% include 'Components/Destination/Detail/basic-info.html.twig' %}
  14.     <div class="row product-complete-info">
  15.         <div class="container clear-padding">
  16.             <div class="col-md-12 main-content">
  17.                 <div class="room-complete-detail custom-tabs cruise-tabs col-md-12">
  18.                     <ul class="nav nav-tabs">
  19.                         <li class="{% if(activeTab=='info') %}active {% endif %}col-xs-12  col-sm-2 text-center"><a data-toggle="tab" href="#info">Informace</a></li>
  20.                         {% if(destination.showAccommodation) %}
  21.                             <li class="{% if(activeTab=='accommodation') %}active {% endif %}col-xs-12 col-sm-2 text-center"><a data-toggle="tab" href="#accommodation">Ubytování</a></li>
  22.                         {% endif %}
  23.                         {% if(destination.trips|length > 0 or destination.trip is not empty) %}
  24.                             <li class="{% if(activeTab=='trips') %}active {% endif %}col-xs-12 col-sm-2 text-center"><a data-toggle="tab" href="#trips">Výlety</a></li>
  25.                         {% endif %}
  26.                         {% if(destination.priceTable is not empty) %}
  27.                             <li class="{% if(activeTab=='prices') %}active {% endif %}col-xs-12 col-sm-4 text-center"><a data-toggle="tab" href="#prices">Ceník & Obsazenost</a></li>
  28.                         {% endif %}
  29.                         {% if(destination.gallerySecond is not empty and destination.gallerySecond.galleryItems|length > 0) %}
  30.                             <li class="{% if(activeTab=='gallery') %}active {% endif %}col-xs-12 col-sm-2 text-center"><a data-toggle="tab" href="#gallery">Galerie</a></li>
  31.                         {% endif %}
  32.                     </ul>
  33.                     <div class="tab-content">
  34.                         {% include 'Components/Destination/Detail/Tabs/info.html.twig' %}
  35.                         {% if(destination.showAccommodation) %}
  36.                             {% include 'Components/Destination/Detail/Tabs/accommodation.html.twig' %}
  37.                         {% endif %}
  38.                         {% if(destination.trips|length > 0 or destination.trip is not empty) %}
  39.                             {% include 'Components/Destination/Detail/Tabs/trips.html.twig' %}
  40.                         {% endif %}
  41.                         {% if(destination.priceTable is not empty) %}
  42.                             {% include 'Components/Destination/Detail/Tabs/prices.html.twig' %}
  43.                         {% endif %}
  44.                         {% if(destination.gallerySecond is not empty and destination.gallerySecond.galleryItems|length > 0) %}
  45.                             {% include 'Components/Destination/Detail/Tabs/gallery.html.twig' %}
  46.                         {% endif %}
  47.                     </div>
  48.                 </div>
  49.             </div>
  50.         </div>
  51.     </div>
  52. {% endblock %}
  54. {% block scripts %}
  55.     {{ parent() }}
  56.     <script type="text/javascript">
  57.         /*******************************************************************
  58.          BEGIN: FLEX SLIDER SETTING
  59.          *******************************************************************/
  60.         $(window).load(function () {
  61.             "use strict";
  62.             $('#carousel').flexslider({
  63.                 animation: "slide",
  64.                 controlNav: false,
  65.                 animationLoop: false,
  66.                 slideshow: false,
  67.                 itemWidth: 150,
  68.                 itemMargin: 5,
  69.                 asNavFor: '#slider'
  70.             });
  72.             $('#slider').flexslider({
  73.                 animation: "slide",
  74.                 controlNav: false,
  75.                 animationLoop: false,
  76.                 slideshow: false,
  77.                 sync: "#carousel"
  78.             });
  80.             $(document).on('click', ".view-terms", function (el) {
  81.                 let container = $(this).data('toggleId');
  82.                 $('#' + container).toggle();
  83.             });
  85.             $("#accommodation .inclusion-wrapper").each((index, inclusion) => {
  86.                 $(".inclusion-title", inclusion).click(() => {
  87.                     $(".inclusion-body").hide();
  88.                     $(".inclusion-body", inclusion).toggle();
  89.                 });
  90.             });
  91.         });
  92.     </script>
  93. {% endblock %}