templates/FrontCommun/VoyagesOrganise/details/details.html.twig line 1

Open in your IDE?
  1. {% set configAffichage = getConfigAffichage() %}
  2. {% set add_select_pack = configAffichage.VOYAGE.ADD_SELECT_PACK == 'oui' %}
  3. {% set type_champ_periode = configAffichage.VOYAGE.TYPE_CHAMP_PERIODE %}
  4. {% set resultView = {1:'pension-room',2:'pension-combin-room',3:'combin-room-pension',4:'room-pension','pension-room':'pension-room','pension-combin-room':'pension-combin-room','combin-room-pension':'combin-room-pension','room-pension':'room-pension'}[app.request.get('modele',is_mobile() ? configAffichage.HOTEL.BLOC_CHAMBRE_TARIFS_MOBILE : configAffichage.HOTEL.BLOC_CHAMBRE_TARIFS)] %}
  5. {% set produit = "SHT" %}
  6. {% set onlyHotelPrice = true %}
  8. {% extends 'FrontCommun/base.html.twig' %}
  9. {% import "FrontCommun/template_banner.html.twig" as tpl %}
  11. {% block title %}
  12.     {% if details.referencement.title is defined and details.referencement.title != null %}{{ details.referencement.title|raw }}{% else %}Details Voyages!{% endif %}
  13. {% endblock %}
  15. {% block breadcrumb_title %}
  16.     {{ details.libelle }}
  17. {% endblock %}
  19. {% block stylesheets %}
  20.     {{ parent() }}
  22.     <link rel="stylesheet" href="{{ asset('assets-commun/css/choices.min.css') }}">
  23.     <link rel="stylesheet" href="{{ asset('assets-commun/css/slick.css') }}">
  24.     <link rel="stylesheet" href="{{ asset('assets-commun/css/slick-theme.css') }}">
  25.     <link rel="stylesheet" href="{{ asset('assets-commun/css/prettyPhoto.css') }}">
  30.     {% if configAffichage is defined and configAffichage!= null and configAffichage.VOYAGE.BLOC_CARNET is defined and configAffichage.VOYAGE.BLOC_CARNET ==2 %}
  31.         <link rel="stylesheet" href="{{ asset('assets-commun/css/details-voyages-carnet-02.css') }}">
  32.     {% elseif configAffichage is defined and configAffichage!= null and configAffichage.VOYAGE.BLOC_CARNET is defined and configAffichage.VOYAGE.BLOC_CARNET == 3 %}
  33.         <link rel="stylesheet" href="{{ asset('assets-commun/css/details-voyages-carnet-03.css') }}">
  34.     {% else %}
  35.         <link rel="stylesheet" href="{{ asset('assets-commun/css/details-voyages-carnet-01.css') }}">
  36.     {% endif %}
  37.     {% if configAffichage is defined and configAffichage!= null and configAffichage.VOYAGE.BLOCS_DETAILS is defined and configAffichage.VOYAGE.BLOCS_DETAILS == 4 %}
  39.         <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css'>
  40.         <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/carousel/carousel.css'>
  41.         <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/carousel/carousel.thumbs.css'>
  42.     {% endif %}
  45.     <link rel="stylesheet" href="{{ asset('assets-commun/css/details-voyages-pricing-01.css') }}">
  46.     <style>
  47.         ul.tarifs-pack li {
  48.             order: 5;
  49.         }
  51.         ul.tarifs-pack {
  52.             display: flex;
  53.             flex-direction: column;
  54.         }
  56.         .loading img {
  57.             width: 15%;
  58.         }
  60.         .title-event .text-bold.font-color {
  61.             font-weight: 600;
  62.             color: #f26622;
  63.         }
  65.         .bg-transparent {
  66.             background-color: transparent !important;;
  67.         }
  69.         .noborder {
  70.             border: none !important;
  71.         }
  73.         .border-color-omra {
  74.             border: 2px solid var(--color)
  75.         }
  77.         .border-color-omra h4 {
  78.             color: #f26622;
  79.             font-weight: 600 !important;
  80.         }
  82.     </style>
  83.     <link href="{{ asset('assets-commun/css/icones.css') }}" rel="stylesheet" type="text/css"/>
  86.     <script>(function (d, s, id) {
  87.             var js, fjs = d.getElementsByTagName(s)[0];
  88.             if (d.getElementById(id)) return;
  89.             js = d.createElement(s);
  90.             js.id = id;
  91.             js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.5&appId=1312988775401737";
  92.             fjs.parentNode.insertBefore(js, fjs);
  93.         }(document, 'script', 'facebook-jssdk'));</script>
  94.     <script type="application/ld+json">
  95.          {
  96.               "telephone" : "{{ getAgence().tel1 }}",
  97.               "@context" : "http://schema.org",
  98.               "@type": "Product",
  99.               "name": "{{ details.libelle }}",
  100.               "@id": "{{ app.request.uri }}",
  103.               "brand": {
  104.                   "@type": "Brand",
  105.                   "name": "{{ agence.nom }}"
  106.               },
  107.               "description" : "{{ details.descriptionCourte }}",
  108.               "priceRange" : "Prix disponible dès {{ details.prix }}
  109.          {{ app.session.get('devise',{'symbole':'DT'})['symbole'] }}",
  110.               "@type" : "Voyage",
  111.               "name" : "{{ details.libelle }}",
  112.               "image" : "{{ details.photoPrincipal }}",
  113.               "url" : "{{ app.request.uri }}",
  114.               "offers": {
  115.                   "@type": "Offer",
  116.                   "url": "{{ app.request.uri }}",
  117.                   "priceCurrency": "{{ app.session.get('devise',{'symbole':'DT'})['symbole'] }}",
  118.                   "price": "{{ details.prix }}",
  119.                   "itemCondition": "https://schema.org/NewCondition"
  120.               }
  121.           }
  131.     </script>
  133. {% endblock %}
  135. {% block meta_keywords %}
  136.     {% if  details.referencement.metaKeywords is defined and details.referencement.metaKeywords != null %}
  137.         <meta name="keywords" content="{{ details.referencement.metaKeywords|raw }}">
  138.     {% endif %}
  139. {% endblock %}
  143. {% block meta_description %}
  144.     {% if details.referencement.metaDescription is defined and details.referencement.metaDescription != null %}
  145.         <meta name="description" content="{{ details.referencement.metaDescription|raw }}">
  146.     {% endif %}
  147. {% endblock %}
  149. {% block injection_head %}
  150.     {% if details.referencement.injectionHeader is defined and details.referencement.injectionHeader != null %}
  151.         {{ details.referencement.injectionHeader|raw }}
  152.     {% endif %}
  153.     {% block metas %}
  154.         <meta property="og:locale" content="fr_FR"/>
  155.         <meta property="og:type" content="article"/>
  156.         <meta property="og:title" content="{{ details.libelle }}"/>
  157.         <meta property="og:description" content="{{ details.descriptionCourte }}"/>
  158.         <meta property="og:url" content="{{ app.request.uri }}"/>
  159.         <meta property="og:site_name" content="{{ agence.nom }}"/>
  160.         <meta property="og:image" content="{{ details.photoPrincipal }}"/>
  161.     {% endblock %}
  162. {% endblock %}
  165. {% block body %}
  166.     {% block injection_body %}
  167.         {% if details.referencement.injectionBody is defined and details.referencement.injectionBody != null %}
  168.             {{ details.referencement.injectionBody|raw }}
  169.         {% endif %}
  170.     {% endblock %}
  172.    {% set modele = configAffichage.VOYAGE.MODELE_OMRA_PERSONNALISE %}
  173.     {% set file = (type == 6 and modele != 'modele-voyage-organise')
  174.         ? 'details-omra-content' ~ modele ~ '.html.twig'
  175.         : 'details-content.html.twig' %}
  177.     {% include checkCustomTemplate('VoyagesOrganise/details/' ~ file) %}
  179. {% endblock %}
  181. {% block javascripts %}
  183.     {{ parent() }}
  184.     <script type="text/javascript"
  185.             src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-61d2ef47fa39ad61"></script>
  186.     <script type="text/javascript" src="{{ asset('assets-commun/html5lightbox/html5lightbox.js') }}"></script>
  187.     <script type="text/javascript" src="{{ asset('assets-commun/js/jquery.jclock.js') }}"></script>
  188.     <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
  189.     <script src="{{ asset('assets-commun/js/jquery.month.circle.js') }}" charset="utf-8"></script>
  190.     <script type="text/javascript">
  191.         $(function ($) {
  193.             $('#jclock').jclock({
  194.                 format: '%H:%M:%S',
  195.                 utc: true,
  196.                 utcOffset: 5
  197.             });
  198.         });
  200.         /*plan de voyage*/
  202.         $('#sel2').on('change', function () {
  203.             $(".pack_item_palns").hide();
  204.             $("#pl-" + $(this).val()).show();
  205.         });
  206.         /**/
  209.         /*periode pack*/
  210.         {% if type_champ_periode == 'select' %}
  211.         $('#sel1').on('change', function () {
  212.             $(".pack_item").hide();
  213.             $("#p-" + $(this).val()).show();
  215.             {% if add_select_pack %}
  216.             $("select#packs option").hide();
  217.             $("select#packs option.packs-" + $(this).val()).show();
  218.             $("select#packs option.packs-" + $(this).val() + ":first").prop('selected', true);
  220.             $("div.periode-pack").hide();
  221.             $("div#periode__periode__-pack__pack__".replace('__periode__', $('select#sel1').val()).replace('__pack__', $('select#packs').val())).show();
  223.             {% endif %}
  224.         });
  226.         {% if add_select_pack %}
  227.         $('#packs').on('change', function () {
  228.             $("div.periode-pack").hide();
  229.             $("div#periode__periode__-pack__pack__".replace('__periode__', $('select#sel1').val()).replace('__pack__', $('select#packs').val())).show();
  230.         })
  231.         {% endif %}
  232.         {% endif %}
  235.         /*end periode pack */
  236.         {% if type_champ_periode == 'radio' %}
  237.         /*periode pack radio */
  238.         $('[name=sel1]').on('change', function () {
  239.             $(".pack_item").hide();
  240.             $("#p-" + $(this).val()).show();
  242.             {% if add_select_pack %}
  243.             $("label.packs").hide();
  244.             $("label.packs.packs-" + $(this).val()).show();
  245.             $("label.packs.packs-" + $(this).val() + ":first input").prop('checked', true);
  247.             $("div.periode-pack").hide();
  248.             $("div#periode__periode__-pack__pack__".replace('__periode__', $('[name=sel1]:checked').val()).replace('__pack__', $('[name=packs]:checked').val())).show();
  250.             {% endif %}
  251.         });
  253.         {% if add_select_pack %}
  254.         $('[name=packs]').on('change', function () {
  255.             $("div.periode-pack").hide();
  256.             $("div#periode__periode__-pack__pack__".replace('__periode__', $('[name=sel1]:checked').val()).replace('__pack__', $('[name=packs]:checked').val())).show();
  257.         })
  258.         {% endif %}
  259.         {% endif %}
  261.         /*end periode pack*/
  262.     </script>
  263.     {##}
  264.     <script src="{{ asset('assets-commun/js/vuejs-component/vue-paginate.js') }}"></script>
  266.     <script src="{{ asset('assets-commun/js/vuejs-component/axios.min.js') }}"></script>
  268.     {% include 'FrontCommun/SejourHotel/availability/vuejs-list-hotels.html.twig' %}
  269.     {% include 'FrontCommun/vuejs-advanced-search.html.twig' with { produit:'SHT', onlySearchCity:'0', destination:{type:'h', id:app.request.get('id'), name:''} } %}
  271.     {##}
  273.     <script>
  274.         $('.heberger').click(function () {
  275.             let checkout = new Date($(this).data('checkin'))
  276.             checkout.setDate(checkout.getDate() + $(this).data('nuitees'));
  278.             vjsAdvancedSearchSHT.checkin_en = $(this).data('checkin')
  279.             vjsAdvancedSearchSHT.checkout_en = checkout.toISOString().split('T')[0]
  280.             vjsAdvancedSearchSHT.nuitees = $(this).data('nuitees')
  281.             window.checkin_en = vjsAdvancedSearchSHT.checkin_en
  282.             window.checkout_en = vjsAdvancedSearchSHT.checkout_en
  283.             vjsAdvancedSearchSHT.destination = `h-${$(this).data('hotel')}`
  284.             $('#occupationsSHT .modal-header h3').html(` ${$(this).data('title')}`)
  285.         })
  287.         $('#demande-hebergement').click(function () {
  288.             let rooms = []
  289.             vjsAdvancedSearchSHT.rooms.map(x => {
  290.                 rooms.push(([x['Adult']].concat(x['Child'])).join(','))
  291.             });
  293.             vjsAdvancedSearchSHT.room = rooms.join(';')
  294.             vjsAdvancedSearchSHT.callAvailabilitySHT()
  295.         })
  296.     </script>
  297.     <script>
  298.         function setRecap() {
  299.             vjsAdvancedSearchSHT.Recap()
  300.             $('#recap-checkin').html(vjsAdvancedSearchSHT.checkin_en)
  301.             $('#recap-nuitees').html(vjsAdvancedSearchSHT.nuitees + ' nuitées')
  302.             $('#recap-occupations').html(vjsAdvancedSearchSHT.recap_occupations)
  303.         }
  305.         $("#demande-hebergement").click(function () {
  306.             $("#event-room").show();
  307.             $("#vjs-advanced-search-sht").hide();
  309.             setRecap()
  311.         });
  312.         $(document).on('click', '#edit-search', function () {
  313.             $("#vjs-advanced-search-sht").show();
  314.             $("#event-room").hide();
  315.             setRecap()
  316.         });
  317.         $(document).on('click', '.heberger', function () {
  318.             $("#vjs-advanced-search-sht").show();
  319.             $("#event-room").hide();
  320.             setRecap()
  321.         });
  324.     </script>
  325.     <script>
  326.         // Get all share buttons
  327.         const shareButtons = document.querySelectorAll('.share-button');
  328.         // Add click event listener to each button
  329.         shareButtons.forEach(button => {
  330.             button.addEventListener('click', () => {
  331.                 // Get the URL of the current page
  332.                 const url = window.location.href;
  333.                 // Get the social media platform from the button's class name
  334.                 const platform = button.classList[1];
  335.                 // Set the URL to share based on the social media platform
  336.                 let shareUrl;
  337.                 switch (platform) {
  338.                     case 'facebook':
  339.                         shareUrl = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(url)}`;
  340.                         break;
  341.                     case 'twitter':
  342.                         shareUrl = `https://twitter.com/share?url=${encodeURIComponent(url)}`;
  343.                         break;
  344.                     case 'linkedin':
  345.                         shareUrl = `https://www.linkedin.com/shareArticle?url=${encodeURIComponent(url)}`;
  346.                         break;
  347.                     case 'instagram':
  348.                         shareUrl = `https://www.instagram.com/?url=${encodeURIComponent(url)}`;
  349.                         break;
  351.                     case 'whatsapp':
  352.                         shareUrl = `https://api.whatsapp.com/send?text=${encodeURIComponent(url)}`;
  353.                         break;
  354.                 }
  355.                 // Open a new window to share the URL
  356.                 window.open(shareUrl, '_blank');
  357.             });
  358.         });
  359.     </script>
  361.     {% if configAffichage is defined and configAffichage!= null and configAffichage.VOYAGE.BLOCS_DETAILS is defined and configAffichage.VOYAGE.BLOCS_DETAILS == 4 %}
  362.         <script src='https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js'></script>
  363.         <script src='https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/carousel/carousel.umd.js'></script>
  364.         <script src='https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/carousel/carousel.thumbs.umd.js'></script>
  366.         <script>
  367.             const container = document.getElementById("myCarousel");
  368.             const options = {
  369.                 Dots: false,
  370.                 Thumbs: {
  371.                     type: 'classic',
  372.                 },
  373.             };
  375.             new Carousel(container, options, {Thumbs});
  377.             Fancybox.bind("[data-fancybox]", {
  378.                 // Your custom options
  379.             });
  380.         </script>
  381.     {% endif %}
  383.     <script>
  384.         $(document).ready(function () {
  386.             $('.chambre .inc').on('click', function () {
  387.                 var maxOcc = $(this).parents('.chambre').find('.chambre-select').val();
  388.                 var nbrAdultes = $(this).parents(".chambre").find("input[type='number'].adultes");
  389.                 var nbrEnfants = $(this).parents(".chambre").find("input[type='number'].enfants");
  390.                 var nbrBebes = $(this).parents(".chambre").find("input[type='number'].bebes");
  392.                 var InputNumber = $(this).siblings("input[type='number']");
  393.                 InputNumber.attr('max', maxOcc);
  394.                 InputNumber.attr('min', 0);
  396.                 var Occ = parseInt(nbrAdultes.val(), 10) + parseInt(nbrEnfants.val(), 10) + parseInt(nbrBebes.val(), 10);
  399.                 if (Occ < maxOcc) {
  400.                     InputNumber.val(parseInt(InputNumber.val()) + +1);
  401.                 }
  402.             });
  403.             $('.chambre .dec').on('click', function () {
  404.                 var InputNumber = $(this).siblings("input[type='number']:not(.adultes)");
  405.                 var InputNumberAdulte = $(this).siblings("input[type='number'].adultes");
  406.                 if (InputNumberAdulte.val() > 1) {
  407.                     InputNumberAdulte.val(parseInt(InputNumberAdulte.val()) + -1);
  408.                 }
  409.                 if (InputNumber.val() > 0) {
  410.                     InputNumber.val(parseInt(InputNumber.val()) + -1);
  411.                 }
  413.             });
  415.             $('.add_chambre').on('click', function () {
  416.                 chambre = $('.chambres .chambre.first').clone(true);
  417.                 var idx = $('.chambres .chambre').length + 1;
  418.                 chambre.removeClass('first');
  419.                 chambre.attr('id', 'chambre_' + idx);
  420.                 chambre.find('.control-label.chmbr').html('Chambre' + (idx));
  421.                 chambre.find("input[type='number'].adultes").val(1);
  422.                 chambre.find("input[type='number']:not(.adultes)").val(0);
  423.                 chambre.find("select").val(4);
  424.                 chambre.find('.delete_chambre').show();
  425.                 chambre.find("select[name='reservation[chambre][0][type]']").attr('name', "reservation[chambre][" + (idx) + "][type]");
  426.                 chambre.find("input[type='number'][name='reservation[chambre][0][adultes]']").attr('name', "reservation[chambre][" + (idx) + "][adultes]");
  427.                 chambre.find("input[type='number'][name='reservation[chambre][0][enfants]']").attr('name', "reservation[chambre][" + (idx) + "][enfants]");
  428.                 chambre.find("input[type='number'][name='reservation[chambre][0][bebes]']").attr('name', "reservation[chambre][" + (idx) + "][bebes]");
  429.                 $('.chambres').append(chambre);
  431.                 $('.delete_chambre').on('click', function () {
  432.                     $(this).closest('.chambre:not(.first)').remove();
  433.                 });
  434.                 $('.reset_chambres').on('click', function () {
  435.                     $('.chambres').find('.chambre:not(.first)').remove();
  436.                 });
  439.             });
  441.             // Disable scroll when focused on a number input.
  442.             $('form').on('focus', 'input[type=number]', function (e) {
  443.                 $(this).on('wheel', function (e) {
  444.                     e.preventDefault();
  445.                 });
  446.             });
  449.             // Disable up and down keys.
  450.             $('form').on('keydown', 'input[type=number]', function (e) {
  451.                 if (e.which == 38 || e.which == 40)
  452.                     e.preventDefault();
  453.             });
  455.         });
  458.     </script>
  461.     </body>
  462. {% endblock %}