templates/Pages/destination-faq.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2.         {% block top_destinations %}
  3.         {% endblock %}
  4. {% block body %}
  5.     {% include 'Components/Destination/Detail/basic-info.html.twig' %}
  6.     <div class="row product-complete-info">
  7.         <div class="container clear-padding">
  8.             <div class="col-md-12 main-content">
  9.                 <div class="room-complete-detail custom-tabs cruise-tabs col-md-12">
  10.                     <div class="tab-content">
  11.                         <div class="space"></div>
  12.                         <div class="panel-group element-accordian" id="accordion">
  13.                             {% for faq in destination.faqs %}
  14.                                 <div class="panel panel-default">
  15.                                 <div class="panel-heading">
  16.                                     <h4 class="panel-title">
  17.                                         <a data-toggle="collapse" data-parent="#accordion" href="#collapse{{ faq.id }}">{{ faq.title }}<i class="fa fa-chevron-down pull-right"></i></a>
  18.                                     </h4>
  19.                                 </div>
  20.                                 <div id="collapse{{ faq.id }}" class="panel-collapse collapse">
  21.                                     <div class="panel-body">
  22.                                         {{ faq.description | raw }}
  23.                                     </div>
  24.                                 </div>
  25.                             </div>
  26.                             {% endfor %}
  27.                         </div>
  32.                     </div>
  33.                 </div>
  34.             </div>
  35.         </div>
  36.     </div>
  37. {% endblock %}
  39. {% block scripts %}
  40.     {{ parent() }}
  41.     <script type="text/javascript">
  42.         /*******************************************************************
  43.          BEGIN: FLEX SLIDER SETTING
  44.          *******************************************************************/
  45.         $(window).load(function () {
  46.             "use strict";
  47.             $('#carousel').flexslider({
  48.                 animation: "slide",
  49.                 controlNav: false,
  50.                 animationLoop: false,
  51.                 slideshow: false,
  52.                 itemWidth: 150,
  53.                 itemMargin: 5,
  54.                 asNavFor: '#slider'
  55.             });
  57.             $('#slider').flexslider({
  58.                 animation: "slide",
  59.                 controlNav: false,
  60.                 animationLoop: false,
  61.                 slideshow: false,
  62.                 sync: "#carousel"
  63.             });
  65.             $(document).on('click', ".view-terms", function (el) {
  66.                 let container = $(this).data('toggleId');
  67.                 $('#' + container).toggle();
  68.             });
  70.             $("#accommodation .inclusion-wrapper").each((index, inclusion) => {
  71.                 $(".inclusion-title", inclusion).click(() => {
  72.                     $(".inclusion-body").hide();
  73.                     $(".inclusion-body", inclusion).toggle();
  74.                 });
  75.             });
  76.         });
  77.     </script>
  78. {% endblock %}