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

Open in your IDE?
  1. {% set image=null %}
  2.     {% if details.photoBanniere !=null %}
  3.         {% set image=details.photoBanniere %}
  4.         {{ tpl.subHeader(block('title'),image) }}
  5.     {% endif %}
  8. <!--start property menu-->
  9. <div class="property-menu-wrap">
  10.     <div class="container">
  11.         <ul class="property-menu">
  12.             <li><a class="back-top" href="#header-section"><i
  13.                             class="fa fa-long-arrow-up"></i> {{ "Remonter en haut"|trans }}</a></li>
  14.             <li><a class="target" href="#galleries"> {{ "Galerie Photos"|trans }} </a></li>
  15.             <li><a class="target" href="#description"> {{ "Description"|trans }} </a></li>
  16.             <li><a class="target" href="#tarifs"> {{ "Tarifs"|trans }}</a></li>
  18.         </ul>
  19.     </div>
  20. </div>
  22. {% if details|length>0 %}
  24.     <!--end property menu-->
  25.     {% if  configAffichage!= null and configAffichage.VOYAGE.BLOCS_DETAILS is defined and configAffichage.VOYAGE.BLOCS_DETAILS == 2 %}
  26.         <div class="detail-top">
  27.             <div class="container">
  28.                 <div class="row">
  29.                         <div class="col-12">
  30.                         <div class="header-detail table-list details-vo-header-detail-edit">
  31.                             {#<ol class="breadcrumb">
  32.                                 <li><a href="{{ path('accueil') }}"><i class="fa fa-home"></i></a></li>
  33.                                 <li><a href="#">Liste Voyages</a></li>
  34.                                 <li class="active">{{ details.libelle }}</li>
  35.                             </ol>#}
  36.                             {% if  configAffichage!= null and configAffichage.VOYAGE.BLOCS_DETAILS is defined and configAffichage.VOYAGE.BLOCS_DETAILS == 2 %}
  37.                                 <div class="header-left details-vo-header-left-edit">
  38.                                     <h1 class="details-vo-h1-edit">
  39.                                         {{ details.libelle }}
  40.                                     </h1>
  41.                                     {% if details.villes is not null %}
  42.                                         <address class="property-address"><i class="fa fa-map-marker-alt fa-1"
  43.                                                                              aria-hidden="true"
  44.                                                                              style="margin-right: 5px;margin-left: 1px;"></i>{{ details.villes }}
  45.                                         </address>
  46.                                     {% endif %}
  47.                                 </div>
  48.                                 <div class="header-right price details-vo-price-edit">
  49.                                     <p class="price-start details-price-start-edit">  {{ "à partir de"|trans }}</p>
  50.                                     <span class="item-price details-item-price-edit">{{ details.prix|devise(false,true) }}<sup
  51.                                                 style=" font-size: 60%; ">{{ deviseSelected().symbole }}</sup></span>
  52.                                     <p class="rant details-price-rant-edit"> {{ "par personne"|trans }}</p>
  53.                                 </div>
  54.                             {% endif %}
  55.                         </div>
  57.                         {% if configAffichage is defined and configAffichage!= null and configAffichage.VOYAGE.BLOCS_DETAILS is defined and configAffichage.VOYAGE.BLOCS_DETAILS == 2 %}
  58.                             {% for description in details.descriptionsNonLateral %}
  59.                                 {% if description.type.libelle=="Autre" %}
  60.                                     {{ description.texte |raw }}
  61.                                 {% endif %}
  62.                             {% endfor %}
  63.                         {% endif %}
  65.                         {% if configAffichage is defined and configAffichage!= null and configAffichage.VOYAGE.BLOCS_DETAILS is defined and configAffichage.VOYAGE.BLOCS_DETAILS == 2 %}
  66.                             <div class="detail-media detail-top-slideshow" id="galleries">
  67.                                 <div class="tab-content">
  68.                                     <div id="gallery" class="tab-pane fade in active">
  69.                                         {% if details.photosAlbum |length > 0 %}
  70.                                             <div class="slideshow">
  71.                                                 <div class="slideshow-main">
  72.                                                     <div class="slide">
  73.                                                         {% for image in details.photosAlbum %}
  74.                                                             <div>
  75.                                                                 {#<img src="{{image|replace({  domaineBack()~'/' :'' }) }}" width="1170" height="654" alt="Slide show">#}
  76.                                                                 <img src="{{ image }}" width="1170" height="654"
  77.                                                                      alt="Slide show">
  78.                                                             </div>
  79.                                                         {% endfor %}
  80.                                                     </div>
  81.                                                 </div>
  82.                                             </div>
  83.                                         {% endif %}
  84.                                     </div>
  85.                                 </div>
  86.                                 <div class="media-tabs">
  87.                                     <ul class="media-tabs-list">
  88.                                         {% if details.photosAlbum|length>0 %}
  89.                                             <li class="popup-trigger" data-placement="bottom" data-toggle="tooltip"
  90.                                                 data-original-title="{{ details.photosAlbum|length }} Photos">
  91.                                                 <a href="#gallery" data-toggle="tab">
  92.                                                     <i class="fa fa-camera"></i>
  93.                                                 </a>
  94.                                             </li>
  95.                                         {% endif %}
  96.                                     </ul>
  97.                                     <ul class="actions">
  98.                                         <li class="share-btn">
  99.                                             <div class="share_tooltip tooltip_left fade">
  100.                                                 <a href="#"
  101.                                                    onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i
  102.                                                             class="fa fa-facebook"></i></a>
  103.                                                 <a href="#"
  104.                                                    onclick="if(!document.getElementById('td_social_networks_buttons')){window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;}"><i
  105.                                                             class="fa fa-twitter"></i></a>
  106.                                                 <a href="#"
  107.                                                    onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i
  108.                                                             class="fa fa-pinterest"></i></a>
  109.                                                 <a href="#"
  110.                                                    onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i
  111.                                                             class="fa fa-linkedin"></i></a>
  112.                                                 <a href="#"
  113.                                                    onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i
  114.                                                             class="fa fa-google-plus"></i></a>
  115.                                                 <a href="#"><i class="fa fa-envelope"></i></a>
  116.                                             </div>
  117.                                             <span data-placement="right" data-toggle="tooltip"
  118.                                                   data-original-title="{{ "share"|trans }}"><i
  119.                                                         class="fa fa-share-alt"></i></span>
  120.                                         </li>
  121.                                         <li>
  122.                                             <span><i class="fa fa-heart-o"></i></span>
  123.                                         </li>
  124.                                     </ul>
  125.                                 </div>
  126.                             </div>
  127.                         {% endif %}
  130.                     </div>
  131.                 </div>
  132.             </div>
  133.         </div>
  134.     {% endif %}
  135.     <section id="section-body">
  136.         <!--start detail content-->
  137.         <div class="section-detail-content" id="detail-voyage">
  138.             <div class="container">
  139.                 <div class="row">
  140.                     <div class="col-12 col-sm-12 col-md-8 container-contentbar">
  141.                         <div class="detail-bar example">
  142.                             {% if  configAffichage!= null and configAffichage.VOYAGE.BLOCS_DETAILS is defined and configAffichage.VOYAGE.BLOCS_DETAILS == 1 %}
  143.                                 <div class="a">
  144.                                     {% for description in details.descriptionsNonLateral %}
  145.                                         {% if description.type.libelle=="Autre" %}
  146.                                             {{ description.texte |raw }}
  147.                                         {% endif %}
  148.                                     {% endfor %}
  149.                                 </div>
  150.                             {% endif %}
  152.                             {% if configAffichage is defined and configAffichage!= null and configAffichage.VOYAGE.BLOCS_DETAILS is defined and configAffichage.VOYAGE.BLOCS_DETAILS == 4 %}
  153.                                 {% if details.photosAlbum |length > 0 %}
  154.                                     <div>
  155.                                         <div class="f-carousel" id="myCarousel">
  156.                                             {% for image in details.photosAlbum %}
  157.                                                 <div class="f-carousel__slide"
  158.                                                      data-thumb-src="{{ image }}">
  159.                                                     <a href="{{ image }}"
  160.                                                        data-fancybox="gallery"><img width="100%" height="480" alt=""
  161.                                                                                     class="fancy-img"
  162.                                                                                     data-lazy-src="{{ image }}"/></a>
  163.                                                 </div>
  164.                                             {% endfor %}
  165.                                         </div>
  166.                                     </div>
  167.                                 {% endif %}
  168.                                 <div class="row">
  170.                                     <div class="col-sm-12 col-xs-12">
  171.                                         <div class="header-detail table-list details-vo-header-detail-edit">
  172.                                             <div class="header-left details-vo-header-left-edit">
  173.                                                 <h1 class="details-vo-h1-edit">
  174.                                                     {{ details.libelle }}
  175.                                                 </h1>
  176.                                                 {% if details.villes is not null %}
  177.                                                     <address class="property-address">
  178.                                                     <i class="fa fa-map-marker-alt fa-1" aria-hidden="true" style="margin-right: 5px;margin-left: 1px;"></i>{{ details.villes }}
  179.                                                     </address>
  180.                                                 {% endif %}
  181.                                             </div>
  182.                                             <div class="header-right price details-vo-price-edit">
  183.                                                 <p class="price-start details-price-start-edit">  {{ "à partir de"|trans }}</p>
  184.                                                 <span class="item-price details-item-price-edit">{{ details.prix|devise(false,true) }}<sup
  185.                                                             style=" font-size: 60%; ">{{ deviseSelected().symbole }}</sup></span>
  186.                                                 <p class="rant details-price-rant-edit"> {{ "par personne"|trans }}</p>
  187.                                             </div>
  190.                                         </div>
  191.                                     </div>
  192.                                 </div>
  193.                             {% endif %}
  196.                             {% if configAffichage == null %}
  197.                                 <div class="detail-media detail-top-slideshow" id="galleries">
  198.                                     <div class="tab-content">
  199.                                         <div id="gallery" class="tab-pane fade in active">
  200.                                             {% if details.photosAlbum |length > 0 %}
  201.                                                 <div class="slideshow">
  202.                                                     <div class="slideshow-main">
  203.                                                         <div class="slide">
  204.                                                             {% for image in details.photosAlbum %}
  205.                                                                 <div>
  206.                                                                     <img src="{{ image }}" width="1170" height="654"
  207.                                                                          alt="Slide show">
  208.                                                                 </div>
  209.                                                             {% endfor %}
  210.                                                         </div>
  211.                                                     </div>
  212.                                                 </div>
  213.                                             {% endif %}
  214.                                         </div>
  215.                                     </div>
  216.                                     <div class="media-tabs">
  217.                                         <ul class="media-tabs-list">
  218.                                             {% if details.photosAlbum |length > 0 %}
  219.                                                 <li class="popup-trigger" data-placement="bottom"
  220.                                                     data-toggle="tooltip"
  221.                                                     data-original-title="{{ details.photosAlbum|length }} Photos">
  222.                                                     <a href="#gallery" data-toggle="tab">
  223.                                                         <i class="fa fa-camera"></i>
  224.                                                     </a>
  225.                                                 </li>
  226.                                             {% endif %}
  227.                                         </ul>
  228.                                         <ul class="actions">
  229.                                             <li class="share-btn">
  230.                                                 <div class="share_tooltip tooltip_left fade">
  231.                                                     <a href="#"
  232.                                                        onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i
  233.                                                                 class="fa fa-facebook"></i></a>
  234.                                                     <a href="#"
  235.                                                        onclick="if(!document.getElementById('td_social_networks_buttons')){window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;}"><i
  236.                                                                 class="fa fa-twitter"></i></a>
  237.                                                     <a href="#"
  238.                                                        onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i
  239.                                                                 class="fa fa-pinterest"></i></a>
  240.                                                     <a href="#"
  241.                                                        onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i
  242.                                                                 class="fa fa-linkedin"></i></a>
  243.                                                     <a href="#"
  244.                                                        onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i
  245.                                                                 class="fa fa-google-plus"></i></a>
  246.                                                     <a href="#"><i class="fa fa-envelope"></i></a>
  247.                                                 </div>
  248.                                                 <span data-placement="right" data-toggle="tooltip"
  249.                                                       data-original-title="{{ "share"|trans }}"><i
  250.                                                             class="fa fa-share-alt"></i></span>
  251.                                             </li>
  252.                                         </ul>
  253.                                     </div>
  254.                                 </div>
  255.                                 <div class="header-detail table-list details-vo-header-detail-edit">
  256.                                     <div class="header-left ">
  258.                                         <h1 class="details-vo-h1-edit">
  259.                                             {{ details.libelle }}
  261.                                         </h1> {% if details.villes is not null %}
  262.                                             <address class="property-address"><i class="fa fa-map-marker-alt fa-1"
  263.                                                                                  aria-hidden="true"
  264.                                                                                  style="margin-right: 5px;margin-left: 1px;"></i>{{ details.villes }}
  265.                                             </address>
  266.                                         {% endif %}
  267.                                     </div>
  268.                                     <div class="header-right price details-vo-price-edit">
  269.                                         <p class="price-start details-price-start-edit"> {{ "à partir de"|trans }} </p>
  270.                                         <span class="item-price">  {{ details.prix|devise(false,true) }}{#<span style=" font-size: 16px; ">000</span>#}<sup
  271.                                                     style=" font-size: 60%; ">{{ deviseSelected().symbole }}</sup></span>
  272.                                         <p class="rant"> {{ "par personne"|trans }}</p>
  273.                                     </div>
  274.                                 </div>
  275.                             {% elseif configAffichage!= null and configAffichage.VOYAGE.BLOCS_DETAILS is defined and  (configAffichage.VOYAGE.BLOCS_DETAILS == 1 or configAffichage.VOYAGE.BLOCS_DETAILS == 3) %}
  276.                                 <div class="detail-media detail-top-slideshow b" id="galleries">
  277.                                     <div class="tab-content">
  278.                                         <div id="gallery" class="tab-pane fade in active">
  279.                                             {% if details.photosAlbum |length > 0 %}
  280.                                                 <div class="slideshow">
  281.                                                     <div class="slideshow-main">
  282.                                                         <div class="slide">
  283.                                                             {% for image in details.photosAlbum %}
  284.                                                                 <div>
  285.                                                                     <img src="{{ image }}" width="1170" height="654"
  286.                                                                          alt="Slide show">
  287.                                                                 </div>
  288.                                                             {% endfor %}
  289.                                                         </div>
  290.                                                     </div>
  291.                                                 </div>
  292.                                             {% endif %}
  293.                                         </div>
  294.                                     </div>
  295.                                     <div class="media-tabs">
  296.                                         <ul class="media-tabs-list">
  297.                                             {% if details.photosAlbum |length > 0 %}
  298.                                                 <li class="popup-trigger" data-placement="bottom"
  299.                                                     data-toggle="tooltip"
  300.                                                     data-original-title="{{ details.photosAlbum|length }} Photos">
  301.                                                     <a href="#gallery" data-toggle="tab">
  302.                                                         <i class="fa fa-camera"></i>
  303.                                                     </a>
  304.                                                 </li>
  305.                                             {% endif %}
  306.                                         </ul>
  307.                                         <ul class="actions">
  308.                                             <li class="share-btn">
  309.                                                 <div class="share_tooltip tooltip_left fade">
  310.                                                     <a href="#"
  311.                                                        onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i
  312.                                                                 class="fa fa-facebook"></i></a>
  313.                                                     <a href="#"
  314.                                                        onclick="if(!document.getElementById('td_social_networks_buttons')){window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;}"><i
  315.                                                                 class="fa fa-twitter"></i></a>
  316.                                                     <a href="#"
  317.                                                        onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i
  318.                                                                 class="fa fa-pinterest"></i></a>
  319.                                                     <a href="#"
  320.                                                        onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i
  321.                                                                 class="fa fa-linkedin"></i></a>
  322.                                                     <a href="#"
  323.                                                        onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i
  324.                                                                 class="fa fa-google-plus"></i></a>
  325.                                                     <a href="#"><i class="fa fa-envelope"></i></a>
  326.                                                 </div>
  327.                                                 <span data-placement="right" data-toggle="tooltip"
  328.                                                       data-original-title="{{ "share"|trans }}"><i
  329.                                                             class="fa fa-share-alt"></i></span>
  330.                                             </li>
  331.                                             <li>
  332.                                                 <span><i class="fa fa-heart-o"></i></span>
  333.                                             </li>
  334.                                         </ul>
  335.                                     </div>
  336.                                 </div>
  337.                                 <div class="header-detail table-list details-vo-header-detail-edit c">
  338.                                     <div class="header-left">
  340.                                         <h1 class="details-vo-h1-edit">
  341.                                             {{ details.libelle }}
  342.                                         </h1> {% if details.villes is not null %}
  343.                                             <address class="property-address"><i class="fa fa-map-marker-alt fa-1"
  344.                                                                                  aria-hidden="true"
  345.                                                                                  style="margin-right: 5px;margin-left: 1px;"></i>{{ details.villes }}
  346.                                             </address>
  347.                                         {% endif %}
  348.                                     </div>
  349.                                     <div class="header-right price details-price-start-edit">
  350.                                         {% if details.aPartirDe=="true" %}
  351.                                             <p class="price-start details-price-start-edit">  {{ "à partir de"|trans }}</p>
  352.                                         {% endif %}
  353.                                         <span class="item-price details-item-price-edit">  {{ details.prix|devise(false,true) }}<sup
  354.                                                     style=" font-size: 60%; ">{{ deviseSelected().symbole }}</sup></span>
  355.                                         <p class="rant"> {{ "par personne"|trans }}</p>
  356.                                     </div>
  357.                                 </div>
  358.                             {% endif %}
  363.                             {% if configAffichage is defined and configAffichage!= null and configAffichage.VOYAGE.BLOC_THEMES_VO == "afficher-theme" %}
  364.                                 {% if details.themes|length>0 %}
  365.                                     <div id="services-module-3" class="detail-block services-module style3 d">
  366.                                         <div class="row">
  367.                                             {% for theme in details.themes %}
  368.                                                     <div class="col-12 col-sm-6 col-md-4 theme-details-voyage">
  369.                                                     <div class="service-block d-flex align-items-center">
  370.                                                         {% if theme.path != null %}
  371.                                                             <div class="block-icon">
  372.                                                                 <img src="{{ theme.path }}" width="30" height="30"
  373.                                                                      alt="{{ theme.libelle }}">
  374.                                                             </div>
  375.                                                         {% endif %}
  376.                                                         <div class="block-content">
  377.                                                             <h3>{{ theme.libelle }}</h3>
  378.                                                         </div>
  379.                                                     </div>
  380.                                                 </div>
  381.                                             {% endfor %}
  382.                                         </div>
  383.                                     </div>
  384.                                 {% endif %}
  385.                             {% endif %}
  386.                             {% include checkCustomTemplate('VoyagesOrganise/details/description.html.twig') %}
  387.                         </div>
  388.                     </div>
  389.                               <div class="col-12 col-xs-12 col-md-4 container-sidebar">
  390.                         <aside id="sidebar" class="sidebar-white">
  393.                             {% if configAffichage is defined and configAffichage!= null and configAffichage.VOYAGE.ADD_FORM_ROOM_PAX_DETAILS_OMRA =='oui' and type==6 %}
  396.                                 <div class="mob-side payment-side-block border-color-omra">
  399.                                     <form action="" method="post"
  400.                                           onsubmit="$(this).attr('action','{{ path('reservation', {slug : app.request.get('slug'), pack:'_pack_', periode:'_periode_'}) }}'.replace('_pack_',$('select#packs').val()).replace('_periode_',$('select#periodes').val()))"
  401.                                           class="form-reservation-omra">
  402.                                         <h3 class="bloc-rtl text-center mb-3 py-2">
  403.                                             Inscription
  404.                                         </h3>
  406.                                         <div class="row">
  409.                                             <div class="form-group packs bloc-rtl">
  410.                                                 <h4 class="control-label" style="float: right">{{ "Programme(s)"|trans }}</h4>
  413.                                                 <select class="form-control" id="packs" style=" width: 100%; ">
  414.                                                     {% for periode in details.PERIODES %}
  415.                                                         {% for pack in periode.PACKS %}
  416.                                                             <option class="packs-{{ periode.id }}"
  417.                                                                     {% if not loop.parent.loop.first %}hidden{% endif %}
  418.                                                                     value="{{ pack.id }}"
  419.                                                                     {% if loop.parent.loop.first and loop.first %}selected{% endif %}>{{ pack.libelle }}
  420.                                                                 {% if (periode.nombreInscription >= periode.maxInscription or  periode.complet == true) and (type !=8 ) %} disabled {% endif %}
  421.                                                             </option>
  422.                                                         {% endfor %}
  423.                                                     {% endfor %}
  424.                                                 </select>
  427.                                             </div>
  428.                                             <div class="form-group bloc-rtl periode">
  429.                                                 <h4 class=" control-label" style="float: right">{{ "Voyage(s)"|trans }}</h4>
  432.                                                 <select class="form-control periode-select" id="periodes"
  433.                                                         style=" width: 100%; ">
  434.                                                     {% for periode in details.PERIODES %}
  436.                                                         <option value="{{ periode.id }}" data-complet=" ">
  437.                                                             {% if (periode.nombreInscription >= periode.maxInscription or  periode.complet == true) and (type !=8 ) %} disabled {% endif %}
  439.                                                             {% if configAffichage.VOYAGE.TEXT_SELECT_PERIODES == "libelle" %}
  440.                                                                 {{ periode.libelle }}
  441.                                                             {% elseif configAffichage.VOYAGE.TEXT_SELECT_PERIODES == "periode" %}
  442.                                                                 {{ "du"|trans }}  {{ periode.du|date("d/m/Y") }} {{ "au"|trans }} {{ periode.au|date("d/m/Y") }}
  443.                                                             {% elseif configAffichage.VOYAGE.TEXT_SELECT_PERIODES == "libelle-periode" %}
  444.                                                                 {{ periode.libelle }} {{ "du"|trans }}  {{ periode.du|date("d/m/Y") }} {{ "au"|trans }} {{ periode.au|date("d/m/Y") }}
  445.                                                             {% endif %}
  446.                                                         </option>
  447.                                                     {% endfor %}
  448.                                                 </select>
  451.                                             </div>
  454.                                             <div>
  455.                                                 <h4 style="text-align: right">{{ "Chambres"|trans }}
  456.                                                     <a href="javascript:void(0)" class="add_chambre mx-2">
  458.                                                         <i class="fas fa-plus-square font-size-21 text-primary"></i>
  460.                                                     </a>
  461.                                                     <a href="javascript:void(0)"
  462.                                                        class="reset_chambres pull-right">
  463.                                                         <i class="fas fa-redo-alt"></i>
  464.                                                     </a>
  465.                                                 </h4>
  468.                                                 <div class="chambres">
  471.                                                     <div class="chambre first" id="chambre_1">
  474.                                                         <div class="form-group">
  475.                                                             <a style="display: none" href="javascript:void(0)"
  476.                                                                class="delete_chambre pull-right">
  478.                                                                 <i class="fas fa-trash"></i>
  480.                                                             </a>
  483.                                                             <label class="control-label chmbr"
  484.                                                                    style="float: right">{{ "Chambre"|trans }} 1</label>
  487.                                                             <select name="reservation[chambre][0][type]"
  488.                                                                     class="form-control chambre-select"
  489.                                                                     style=" width: 100%; ">
  490.                                                                 {% for key, chambre in details.typeChambre %}
  493.                                                                     <option value="{{ key }}">
  494.                                                                         {{ "Chambre"|trans }} {{ chambre }} </option>
  495.                                                                 {% endfor %}
  496.                                                             </select>
  499.                                                         </div>
  501.                                                         <div class="row">
  503.                                                             <div class="col-md-4 col-sm-4">
  504.                                                                 <div class="form-group">
  505.                                                                     <label>Adultes</label>
  507.                                                                     <div class="numbers-row d-flex  align-items-center">
  508.                                                                         <div class="dec button_inc"><i
  509.                                                                                     class="fas fa-minus-square font-size-21 text-primary"></i>
  510.                                                                         </div>
  511.                                                                         <input type="number" value="1"
  512.                                                                                class="qty2 form-control adultes bg-transparent noborder"
  513.                                                                                name="reservation[chambre][0][adultes]"
  514.                                                                                readonly>
  516.                                                                         <div class="inc button_inc"><i
  517.                                                                                     class="fas fa-plus-square font-size-21 text-primary"></i>
  518.                                                                         </div>
  521.                                                                     </div>
  522.                                                                 </div>
  523.                                                             </div>
  524.                                                             <div class="col-md-4 col-sm-4">
  525.                                                                 <div class="form-group">
  526.                                                                     <label>Enfants</label>
  529.                                                                     <div class="numbers-row d-flex  align-items-center">
  532.                                                                         <div class="dec button_inc"><i
  533.                                                                                     class="fas fa-minus-square font-size-21 text-primary"></i>
  534.                                                                         </div>
  536.                                                                         <input type="number" value="0"
  537.                                                                                class="qty2 form-control enfants bg-transparent noborder"
  538.                                                                                name="reservation[chambre][0][enfants]"
  539.                                                                                readonly>
  540.                                                                         <div class="inc button_inc"><i
  541.                                                                                     class="fas fa-plus-square font-size-21 text-primary"></i>
  542.                                                                         </div>
  544.                                                                     </div>
  545.                                                                 </div>
  546.                                                             </div>
  547.                                                             <div class="col-md-4 col-sm-4">
  548.                                                                 <div class="form-group">
  549.                                                                     <label>Bébés
  550.                                                                         {#  <small>(-2 ans)</small>#}
  551.                                                                     </label>
  554.                                                                     <div class="numbers-row d-flex  align-items-center">
  556.                                                                         <div class="dec button_inc"><i
  557.                                                                                     class="fas fa-minus-square font-size-21 text-primary"></i>
  558.                                                                         </div>
  559.                                                                         <input type="number" value="0"
  560.                                                                                class="qty2 form-control bebes bg-transparent noborder"
  561.                                                                                name="reservation[chambre][0][bebes]">
  562.                                                                         <div class="inc button_inc"><i
  563.                                                                                     class="fas fa-plus-square font-size-21 text-primary"></i>
  564.                                                                         </div>
  566.                                                                     </div>
  567.                                                                 </div>
  568.                                                             </div>
  569.                                                         </div>
  572.                                                     </div>
  575.                                                 </div>
  578.                                             </div>
  579.                                         </div>
  581.                                         <button class="btn_full theme-btn" type="submit">{{ "S'inscrire"|trans }}
  582.                                         </button>
  584.                                     </form>
  587.                                 </div>
  591.                             {% endif %}
  594.                             {% for pls in  details.PERIODES %}
  595.                                 {% if pls.plans|length>0 and loop.first %}
  596.                                     <div class="detail-block widget-categories details-vo-widget-categories-edit ">
  597.                                         <div class="widget-top">
  598.                                             <h3 class="widget-title details-vo-widget-title-edit">PLANS DE
  599.                                                 VOYAGE</h3>
  600.                                         </div>
  601.                                         <div class="form-group details-vo-form-group-edit">
  602.                                             <label class="control-label details-vo-control-label-edit"> {{ "Prochains #{type==8?'date':'départs'}"|trans }}</label>
  604.                                             <select class="form-control" id="sel2" style=" width: 100%; ">
  605.                                                 {% for periode in details.PERIODES %}
  606.                                                     <option value="{{ periode.id }}"
  607.                                                             {% if loop.first %}selected{% endif %}>
  608.                                                         {% if configAffichage.VOYAGE.TEXT_SELECT_PERIODES == "libelle" %}
  609.                                                             {{ periode.libelle }}
  610.                                                         {% elseif configAffichage.VOYAGE.TEXT_SELECT_PERIODES == "periode" %}
  611.                                                             {{ "du"|trans }}  {{ periode.du|date("d/m/Y") }} {{ "au"|trans }} {{ periode.au|date("d/m/Y") }}
  612.                                                         {% elseif configAffichage.VOYAGE.TEXT_SELECT_PERIODES == "libelle-periode" %}
  613.                                                             {{ periode.libelle }} {{ "du"|trans }}  {{ periode.du|date("d/m/Y") }} {{ "au"|trans }} {{ periode.au|date("d/m/Y") }}
  614.                                                         {% endif %}
  615.                                                     </option>
  616.                                                 {% endfor %}
  617.                                             </select>
  618.                                         </div>
  619.                                         <div class="details-vo-pack-edit">
  620.                                             <div class="details-vo-pack-list-edit">
  621.                                                 {% if details.PERIODES | length > 0 %}
  622.                                                     {% for periode in details.PERIODES %}
  623.                                                         {% set plans=periode.plans|length %}
  624.                                                         <div class="pack_item_palns details-vo-pack-item-palns-edit"
  625.                                                              id="pl-{{ periode.id }}"
  626.                                                              style="padding-top:20px;{% if loop.first %}display:block;{% else %}display:none;{% endif %}">
  628.                                                             {% for pl in periode.plans %}
  629.                                                                 <div class="widget-body details-vo-widget-body-edit " {% if not loop.last %}
  630.                                                                      style="border-bottom: 2px dotted #08a5ea;margin-bottom: 10px;"
  631.                                                                      {% endif %}id="plan-voyages">
  632.                                                                     {% if pl.company.logo is  null %}
  633.                                                                         <p> company:{{ pl.company.nom }}</p>
  634.                                                                     {% else %}
  635.                                                                         <div class="info_voyages_organises d-flex justify-content-between align-items-center"
  636.                                                                              style="justify-content: space-between;">
  637.                                                                             <img src="{{ pl.company.logo }}"
  638.                                                                                  class=""
  639.                                                                                  title="{{ pl.company.nom }}"
  640.                                                                                  style="width: 80px">
  641.                                                                             <div class="price details-vo-price-edit">{{ pl.description|raw }}</div>
  642.                                                                         </div>
  643.                                                                     {% endif %}
  644.                                                                     <div class=" d-flex "
  645.                                                                          style="justify-content: space-between;margin-top: 10px;"
  646.                                                                          id="palnvol">
  647.                                                                         <h6 style="width: 100%"> Aéroport Départ:
  648.                                                                             <br>
  649.                                                                             <div class="aeroport details-vo-aeroport-edit">{{ pl.aeroport }} </div>
  650.                                                                         </h6>
  651.                                                                         <div style="width: 150px"><img
  652.                                                                                     src="{{ asset('assets-commun/images/planeplan.svg') }}"
  653.                                                                                     class=""
  654.                                                                                     title="{{ pl.company.nom }}"
  655.                                                                                     style="width: 45px; "></div>
  656.                                                                         <h6 style="width: 85%">Aéroport Arrivée:
  657.                                                                             <br>
  658.                                                                             <div class="aeroport details-vo-aeroport-edit "> {{ pl.aeroport_arrivee }}</div>
  659.                                                                         </h6>
  660.                                                                     </div>
  661.                                                                 </div>
  662.                                                             {% endfor %}
  663.                                                         </div>
  664.                                                     {% endfor %}
  665.                                                 {% endif %}
  666.                                             </div>
  667.                                         </div>
  668.                                     </div>
  669.                                 {% endif %}
  670.                             {% endfor %}
  673.                             {% if configAffichage is defined and configAffichage!= null and configAffichage.VOYAGE.BLOCS_DETAILS == 3 %}
  674.                                 {% for description in details.descriptionsLateral %}
  675.                                     {% if description.type.libelle=="Autre" %}
  676.                                         <div class="detail-block widget-categories details-vo-widget-categories-edit">
  677.                                             {% if description.libelle is not null %}
  678.                                                 <div class="widget-top details-vo-widget-top-edit">
  679.                                                     <h3 class="widget-title details-vo-widget-title-edit">{{ description.libelle }}</h3>
  680.                                                 </div>
  681.                                             {% endif %}
  682.                                             <div class="widget-body details-vo-widget-body-edit">
  683.                                                 <p class="details-vo-widget-p-edit">{{ description.texte |raw }}</p>
  684.                                             </div>
  685.                                         </div>
  686.                                     {% endif %}
  687.                                 {% endfor %}
  688.                             {% endif %}
  691.                             {% for description in details.descriptionsLateral %}
  692.                                 {% if description.type.libelle!="Autre" %}
  693.                                     <div class="widget widget-categories details-vo-widget-categories-edit"
  694.                                          id="descriptionsLateral-detail-voyage-{{ loop.index }}">
  695.                                         {% if description.libelle is not null %}
  696.                                             <div class="widget-top details-vo-widget-top-edit">
  697.                                                 <h3 class="widget-title details-vo-widget-title-edit">{{ description.libelle }}</h3>
  698.                                             </div>
  699.                                         {% endif %}
  700.                                         <div class="widget-body details-vo-widget-body-edit">
  701.                                             <p class="details-vo-widget-p-edit">{{ description.texte |raw }}</p>
  702.                                         </div>
  703.                                     </div>
  704.                                 {% endif %}
  705.                             {% endfor %}
  707.                             {% if details.photosHotel|length>0 %}
  708.                                 <div class="detail-block widget-slider details-vo-widget-slider-edit">
  709.                                     <div class="widget-top details-vo-widget-top-edit">
  710.                                         <h3 class="widget-title details-vo-widget-title-edit"> {{ "Albums Photos Hôtel"|trans }}</h3>
  711.                                     </div>
  712.                                     <div class="widget-body details-vo-widget-body-edit">
  713.                                         <div class="property-widget-slider details-vo-property-widget-slider-edit">
  714.                                             {% for hotel in details.photosHotel %}
  715.                                                 <div class="item details-vo-item-edit">
  716.                                                     <div class="figure-block">
  717.                                                         <figure class="item-thumb">
  718.                                                             <a href="#" class="hover-effect">
  719.                                                                 <img src="{{ hotel.image }}" width="370"
  720.                                                                      height="202" alt="{{ hotel.alt }}">
  721.                                                             </a>
  722.                                                             {% if hotel.alt is not null %}
  723.                                                                 <div class="price details-vo-price-edit">
  724.                                                                     <span class="item-price details-vo-item-price-edit">{{ hotel.alt }}</span>
  725.                                                                 </div>
  726.                                                             {% endif %}
  727.                                                         </figure>
  728.                                                     </div>
  729.                                                 </div>
  730.                                             {% endfor %}
  731.                                         </div>
  732.                                     </div>
  733.                                 </div>
  734.                             {% endif %}
  737.                             <ul id="tools_2">
  738.                                 <li class="dropdown-new  details-vo-dropdown-new-partage-edit">
  739.                                     <div class="detail-block">
  740.                                         {#<a href="javascript:void(0)">
  741.                                             <i id="addthis" class="fa fa-share-alt"></i> {{ "Partager"|trans }}
  742.                                         </a>#}
  743.                                         <div class="share-buttons align-items-center">
  745.                                             <i class="fa fa-share-alt"></i> {{ "Partager"|trans }}
  747.                                             {% if reseauxSociaux and reseauxSociaux.facebook  is not null %}
  748.                                                 <button class="share-button facebook">
  749.                                                     <i class="fab fa-facebook-f"></i>
  750.                                                 </button>
  751.                                             {% endif %}
  752.                                             {% if reseauxSociaux and reseauxSociaux.twitter  is not null %}
  754.                                                 <button class="share-button twitter">
  755.                                                     <i class="fab fa-twitter"></i>
  756.                                                 </button>
  757.                                             {% endif %}
  759.                                             {% if reseauxSociaux and reseauxSociaux.twitter  is not null %}
  760.                                                 <button class="share-button linkedin">
  761.                                                     <i class="fab fa-linkedin"></i>
  762.                                                 </button>
  763.                                             {% endif %}
  765.                                             {% if reseauxSociaux and reseauxSociaux.instagram  is not null %}
  766.                                                 <button class="share-button instagram">
  767.                                                     <i class="fab fa-instagram"></i>
  768.                                                 </button>
  769.                                             {% endif %}
  771.                                         </div>
  772.                                     </div>
  773.                                 </li>
  774.                                 {% if  details.maps |length > 0 %}
  775.                                     <li>
  776.                                         {% for map in details.maps %}
  777.                                             {% if loop.first %}
  778.                                                 <a href="{{ asset(map) }}" data-thumbnail="{{ asset(map) }}"
  779.                                                    class="video html5lightbox" data-group="map"><i
  780.                                                             class="fa fa-map-marker-alt"></i>Afficher
  781.                                                     la carte</a>
  782.                                             {% endif %}
  783.                                             <a href="{{ asset(map) }}" data-thumbnail="{{ asset(map) }}"
  784.                                                class="video html5lightbox" data-group="map"
  785.                                                style="display: none;"></a>
  786.                                         {% endfor %}
  787.                                     </li>
  788.                                 {% endif %}
  789.                                 {% if details.prog_pdf is not null %}
  790.                                     <li><a class="pdf-prog" target="_blank" href="{{ details.prog_pdf }}"><i
  791.                                                     class="fa fa-download"></i> {{ "Télécharger le programme"|trans }}
  792.                                         </a></li>
  793.                                 {% endif %}
  794.                                 {% if details.visa_pdf is not null %}
  795.                                     <li><a target="_blank" href="{{ asset(details.visa_pdf) }}"><i
  796.                                                     class="fas fa-cloud-download-alt"></i> {{ "Visas demandés"|trans }}
  797.                                         </a></li>
  798.                                 {% endif %}
  799.                                 {% if details.docs_pdf is not null %}
  800.                                     <li><a target="_blank" href="{{ asset(details.docs_pdf) }}"><i
  801.                                                     class="fas fa-cloud-download-alt"></i> {{ "Papiers nécessaires"|trans }}
  802.                                         </a></li>
  803.                                 {% endif %}
  804.                                 {% if details.videos|length > 0 %}
  805.                                     <li class="magnific-gallery" id="video-voyage">
  806.                                         {% for video in details.videos %}
  807.                                             {% if loop.index == 1 %}
  808.                                                 <a href="{{ video.embed }}" data-thumbnail="{{ video.thumb }}"
  809.                                                    class="video html5lightbox" data-group="omra">
  810.                                                     <i class="fa fa-file-video-o"></i> {{ "Galerie vidéos"|trans }}
  811.                                                 </a>
  812.                                             {% endif %}
  813.                                             <a style="display:none" href="{{ video.embed }}"
  814.                                                data-thumbnail="{{ video.thumb }}" class="video html5lightbox"
  815.                                                data-group="omra"></a>
  816.                                         {% endfor %}
  817.                                     </li>
  818.                                 {% endif %}
  819.                             </ul>
  820.                             {% if facebook and facebook!=null %}
  821.                                 <div class="detail-block fb-version" style="padding:10px">
  822.                                     <div class="fb-page"
  823.                                          data-tabs="timeline,events,messages"
  824.                                          data-href="{{ facebook }}"
  825.                                          data-small-header="false"
  826.                                          data-adapt-container-width="true"
  827.                                          data-hide-cover="false"
  828.                                          data-show-facepile="true"
  829.                                          data-show-posts="false"></div>
  830.                                     <div class="clearfix"></div>
  831.                                 </div>
  832.                             {% endif %}
  833.                             {% for article in ArticlesElement().desktop %}
  834.                                 {% if article.code=="infovoyage" %}
  835.                                     {% for ele in article.elements %}
  836.                                             <div class="detail-block " style="height: 490px">
  837.                                             <div class="widget-top">
  838.                                                 <h3 class="widget-title"
  839.                                                     style="color: #e41f26;font-weight: 600;text-align: center;"> {{ "Besoin  de plus d'informations"|trans }}  </h3>
  840.                                             </div>
  841.                                             <div class="widget-top" style="padding: 0px 50px 0px 50px;">
  842.                                                 <h3 class="widget-title"
  843.                                                     style="background: red;color: white; padding: 5px 5px 5px 5px;  border-radius: 17px;text-align: center;">{{ "Contactez-Nous"|trans }}  </h3>
  844.                                             </div>
  845.                                             <div class="widget-body ">
  846.                                                 <a href="tel:{{ agence.tel1 }}">
  847.                                                     <img src=" {{ domaineBack() }}/{{ ele.photo }}" alt="" class="">
  848.                                                 </a>
  849.                                                 <div class="container-ramco"
  850.                                                      style="float: left; {% if is_mobile() %} position: relative;top: 300px; {% endif %}">
  851.                                                     <a style="color: black" href="tel:{{ ele.metaDescriptions }}">
  852.                                                         <img style="box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 30%);border-radius: 50%;"
  853.                                                              src="{{ asset('assets-commun/images/icons/phonevo-ramco.svg') }}"
  854.                                                              alt="" class="ramco-image">
  855.                                                     </a>
  856.                                                     {% if not is_mobile() %}
  857.                                                         <div class="middle">
  858.                                                             <div class="text-ramco">{{ ele.metaDescriptions }}</div>
  859.                                                         </div>
  860.                                                     {% endif %}
  861.                                                 </div>
  862.                                                 <div class="container-ramco2" style="float: right">
  863.                                                     <a style="color: black" href="tel:{{ ele.texte }}">
  864.                                                         <img style=" box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 30%);border-radius: 50%;"
  865.                                                              src="{{ asset('assets-commun/images/icons/portable-vo-ramco.svg') }}"
  866.                                                              alt="" class="ramco-image2">
  867.                                                     </a>
  868.                                                     {% if not is_mobile() %}
  869.                                                         <div class="middle2">
  870.                                                             <div class="text-ramco2">{{ ele.texte }}</div>
  871.                                                         </div>
  872.                                                     {% endif %}
  873.                                                 </div>
  874.                                             </div>
  875.                                         </div>
  876.                                     {% endfor %}
  877.                                 {% endif %}
  878.                             {% endfor %}
  879.                         </aside>
  880.                     </div>
  881.                 </div>
  882.             </div>
  883.         </div>
  884.         <!--end detail content-->
  885.     </section>
  886.     {% if details.photosAlbum|length>0 %}
  887.         <div id="lightbox-popup-main" class="fade">
  888.             <div class="lightbox-popup">
  889.                 <div class="popup-inner">
  890.                     <div class="lightbox-left">
  891.                         <div class="lightbox-header">
  892.                             <div class="header-actions">
  893.                                 <ul class="actions">
  894.                                     <li class="lightbox-close">
  895.                                         <span><i class="fa fa-close"></i></span>
  896.                                     </li>
  897.                                 </ul>
  898.                             </div>
  899.                         </div>
  900.                         <div class="gallery-area">
  901.                             <div class="slider-placeholder">
  902.                                 <div class="loader-inner">
  903.                                     <span class="fa fa-spin fa-spinner"></span> {{ "Téléchargement..."|trans }}
  904.                                 </div>
  905.                             </div>
  906.                             <div class="expand-icon lightbox-expand hidden-xs"></div>
  907.                             <div class="gallery-inner">
  908.                                 <div class="lightbox-slide slide-animated">
  909.                                     {% for image in details.photosAlbum %}
  910.                                         <div>
  911.                                             <img src="{{ image }}" alt="Lightbox Slider" width="1170" height="525">
  912.                                         </div>
  913.                                     {% endfor %}
  914.                                 </div>
  915.                             </div>
  916.                             <div class="lightbox-slide-nav visible-xs">
  917.                                 <button class="lightbox-arrow-left lightbox-arrow"><i class="fa fa-angle-left"></i>
  918.                                 </button>
  919.                                 <button class="lightbox-arrow-right lightbox-arrow"><i
  920.                                             class="fa fa-angle-right"></i></button>
  921.                             </div>
  922.                         </div>
  923.                     </div>
  924.                 </div>
  925.             </div>
  926.         </div>
  927.     {% endif %}
  928. {% endif %}