templates/building_detail/building_details_index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{companyName}} | {% trans %}Accueil{% endtrans %}{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  8.     <link href="{{ asset('css/home.func.css') }}" rel="stylesheet" />
  9.     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
  12.     <style>
  16.         .truncate-overflow {
  17.             display: -webkit-box;
  19.             -webkit-line-clamp: 4;
  20.             -webkit-box-orient: vertical;
  21.             overflow: hidden;
  22.             font-size: 14px;
  23.         }
  24.         .truncate-overflow:hover {
  26.              cursor: pointer;
  28.         }
  30.         .zoom {
  31.             transition: transform .2s; /* Animation */
  33.             cursor: pointer;
  34.         }
  35.         .slick-next{
  36.             width: 20px;
  37.             height: 20px;
  38.         }
  39.         .slick-prev{
  40.             width: 20px;
  41.             height: 20px;
  42.         }
  44.         .zoom:hover {
  45.             transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  47.         }
  48.         .modal { width:75% !important ; height: 75% !important ; }
  50.         div.ex3 {
  51.             background-color: #ffffff;
  52.             height: 250px;
  53.             width: 100%;
  54.             overflow-y: auto;
  55.         }
  56.         div.ex4 {
  57.             background-color: #ffffff;
  58.             height: 300px;
  59.             border-radius: 30px;
  60.             width: 100%;
  61.             overflow-y: auto;
  62.         }
  63.     </style>
  64.     <style>
  66.        .pagination li{
  67.             display:inline-block;
  68.             margin: 0 2px;
  70.             width: 30px;
  71.             height: 30px;
  72.             border-radius: 50%;
  73.             text-align: center;
  74.             font-size: 18px;
  75.             font-weight: 400;
  76.             line-height: 30px;
  77.             cursor: pointer;
  78.            background-position: 0 -45px;
  79.            transition: background-position 0.5s;
  80.         }
  81.        .pagination li.active{
  82.            color:#fff;
  83.            background-image: linear-gradient(#ff4568, #ff4568);
  84.            background-repeat: no-repeat;
  85.            background-position: 0 0;
  86.        }
  87.         .container-caroussel {
  88.             position: relative;
  89.             width: 50%;
  90.         }
  92.         .image-caroussel {
  93.             display: block;
  94.             width: 100%;
  95.             height: auto;
  96.         }
  98.         .overlay-caroussel {
  99.             position: absolute;
  100.             bottom: 0;
  101.             left: 0;
  102.             right: 0;
  103.             background-color: #008CBA;
  104.             overflow: hidden;
  105.             width: 100%;
  106.             height: 0;
  107.             transition: .5s ease;
  108.         }
  110.         .container-caroussel:hover .overlay {
  111.             height: 100%;
  112.         }
  114.         .text-caroussel {
  115.             color: white;
  116.             font-size: 20px;
  117.             position: absolute;
  118.             top: 50%;
  119.             left: 50%;
  120.             -webkit-transform: translate(-50%, -50%);
  121.             -ms-transform: translate(-50%, -50%);
  122.             transform: translate(-50%, -50%);
  123.             text-align: center;
  124.         }
  125.     </style>
  126. {% endblock %}
  128. {% block body %}
  129.     {{ parent() }}
  132.     <div class="row" id="content" style="margin-top: 80px; ">
  134.         {% if type is not null%}
  136.                         {% if type.enable ==true %}
  138.                             <div id="building_{{type.id }}"
  139.                                  class="col s12 " style=" margin-top: 40px;;
  141.                                    z-index: 100; position: relative" >
  143.                                 <div class="col s12 card z-depth-3" style="   border-radius: 50px; background: -webkit-linear-gradient(90deg, rgba(192,220,126,0.7), rgba(192,220,126,0.73)) !important;; ">
  144.                                     <div class="input-field col m6 s12 l3 m6" style="">
  146.                                         <div class="col s12" >
  148.                                             <i class="fas fa-bed" style=" font-size: 18px; position: absolute; margin-left: -25px;margin-top: 10px; float: right; z-index: 100 "></i>
  150.                                             <select class="js-example-basic-single" name="destinationTown" id="destinationTown_{{type.id  }}" style="width: 100%;   ">
  151.                                                 {% for town in towns %}
  152.                                                     <option value="{{ town.id }}">{{ town.townName }}</option>
  153.                                                 {%endfor %}
  155.                                             </select>
  157.                                         </div>
  160.                                     </div>
  163.                                     <div class="col m6 s12 l4  m6 ">
  165.                                         <div class="col s12">
  166.                                             <div class="col s6">
  168.                                                 <h6>Arrivée Le</h6>
  170.                                                 <input style="margin-top: -10px" type="datetime-local"  onchange="updateStartDate({{ type.id  }})"  value="{{ startDate }}" id="startDate_{{ type.id }}"  placeholder="Date d'arrivée" name="startDate"  class="col s12  "/>
  172.                                             </div>
  173.                                             <div class="col s6">
  175.                                                 <h6>Départ Le</h6>
  177.                                                 <input   style="margin-top: -10px" type="datetime-local"  onchange="updateEndDate({{ type.id  }})" value="{{ endDate }}" id="endDate_{{ type.id }}"  placeholder="Date de départ"  name="endDate"  class="col s12  "/>
  180.                                             </div>
  181.                                         </div>
  182.                                     </div>
  185.                                     <div class="col s12 l3 m6 ">
  186.                                         <div class="col s12">
  187.                                             <div class="col s3 pull-l1 "  style="margin-top: 20px">
  188.                                                 <h6 style="margin-left: -10px">
  189.                                                     <i class="fas fa-user-friends " style="position: absolute; float: right; margin-left: -10px" ></i>
  191.                                                     <span style="margin-left: 15px">Adultes</span>
  192.                                                 </h6>
  193.                                             </div>
  195.                                             <div class="s3 col"   style="margin-top: 20px">
  196.                                                 <input style="margin-top: -10px" min="1" value="{{ adult }}"  onchange="updateAdult({{type.id  }})"  type="number" id="adult_{{ type.id }}"   name="adult_{{ type.id }}"  class="col s12  "/>
  198.                                             </div>
  199.                                             <div class="s3 col "  style="margin-top: 20px">
  202.                                                 <h6 style="margin-left: -10px">
  203.                                                     <i class="fas fa-baby " style="position: absolute; float: right; margin-left: -10px" ></i>
  205.                                                     <span style="margin-left: 15px">Enfants</span>
  206.                                                 </h6>
  207.                                             </div>
  208.                                             <div class="s3 col"   style="margin-top: 20px">
  209.                                                 <input style="margin-top: -10px; margin-left: 10px; font-weight: 20;" min="0" value="{{ child  }}"  onchange="updateChild({{type.id  }})"  type="number" id="child_{{ type.id }}"   name="child_{{ type.id }}"  class="col s12  "/>
  211.                                             </div>
  212.                                         </div>
  213.                                     </div>
  215.                                     <a id="btn_search_{{ type.id }}" onclick="findBuilding({{ type.id }}, '{{ type.type }}')" href="#!" class="   card black-text  col m6 s12 l2 m6 button  waves-ripple waves-effect " style=" padding: 10px; border-radius: 20px; margin-top: 20px">
  216.                                         <i class="fas fa-search" style="margin-left: 5px; margin-right:  5px"></i>
  217.                                         <span class="" id="btn_text_{{ type.id }}">Rechercher</span>
  218.                                         <img id="btn_loading_{{ type.id }}" src="{{ asset('img/loading.webp') }}" class="hide" style="max-height: 20px; position: absolute; float: right; right: 0; padding-right: 10px" alt="">
  221.                                     </a>
  222.                                 </div>
  223.                             </div>
  225.                         {% endif %}
  227.             {% else %}
  228.                 <div class="col s10 offset-s1" style="margin-top: 30px;  ">
  229.                     <ul class="tabs" style=" background-color: rgba(192,220,126,0);">
  233.                         {% for buildingType in buildingTypes %}
  234.                             {% if buildingType.enable ==true %}
  236.                                 <li class="tab col s3  " style="
  237.                    margin: 5px;
  238.  background-color: rgba(192,220,126,0.7);
  239.                       ">
  241.                                     <a href="#building_{{buildingType.id }}" class="black-text waves-ripple waves-effect">
  242.                                         <i class="fas fa-hotel  " style="margin-left: -5px; margin-right:  50px"></i>
  243.                                         {{buildingType.type }}
  245.                                     </a></li>
  247.                             {% endif %}
  248.                         {%endfor %}
  249.                     </ul>
  250.                 </div>
  251.                 {% for buildingType in buildingTypes %}
  252.                     {% if buildingType.enable ==true %}
  254.                         <div id="building_{{buildingType.id }}"
  255.                              class="col s10 offset-s1  " style=" margin-top: 0px;
  257.                      " >
  259.                             <div class="col s12 card" style="  background-color: rgba(192,220,126,0.57);">
  260.                                 <div class="input-field col m6 s12 l3 m6">
  262.                                     <div class="col s12" >
  264.                                         <i class="fas fa-bed" style=" font-size: 18px; position: absolute; margin-left: -30px;margin-top: 10px; float: right; z-index: 100 "></i>
  267.                                         <select class="js-example-basic-single" name="destinationTown" id="destinationTown_{{buildingType.id  }}" style="width: 100%;   ">
  268.                                             {% for town in towns %}
  269.                                                 <option value="{{ town.id }}">{{ town.townName }}</option>
  270.                                             {%endfor %}
  272.                                         </select>
  273.                                     </div>
  275.                                 </div>
  276.                                 <div class="col m6 s12 l4  m6 ">
  277.                                     <div class="col s12">
  278.                                         <div class="col s6">
  279.                                             <h6>Arrivée Le</h6>
  280.                                             <input style="margin-top: -10px" onchange="updateStartDate({{ buildingType.id  }})" type="datetime-local" id="startDate_{{ buildingType.id }}"  placeholder="Date d'arrivée" name="startDate"  class="col s12  "/>
  281.                                         </div>
  282.                                         <div class="col s6">
  283.                                             <h6>Départ Le</h6>
  284.                                             <input   style="margin-top: -10px"  onchange="updateEndDate({{ buildingType.id  }})" type="datetime-local" id="endDate_{{ buildingType.id }}"  placeholder="Date de départ"  name="endDate"  class="col s12  "/>
  286.                                         </div>
  287.                                     </div>
  288.                                 </div>
  291.                                 <div class="col s12 l3 m6 ">
  292.                                     <div class="col s12">
  293.                                         <div class="col s3 pull-l1 "  style="margin-top: 20px">
  294.                                             <h6 style="margin-left: -10px">
  295.                                                 <i class="fas fa-user-friends " style="position: absolute; float: right; margin-left: -10px" ></i>
  297.                                                 <span style="margin-left: 15px">Adultes</span>
  298.                                             </h6>
  299.                                         </div>
  301.                                         <div class="s3 col"   style="margin-top: 20px">
  302.                                             <input style="margin-top: -10px" min="1" onchange="updateAdult({{buildingType.id  }})"  value="1" type="number" id="adult_{{ buildingType.id }}"   name="adult_{{ buildingType.id }}"  class="col s12  "/>
  304.                                         </div>
  305.                                         <div class="s3 col "  style="margin-top: 20px">
  308.                                             <h6 style="margin-left: -10px">
  309.                                                 <i class="fas fa-baby " style="position: absolute; float: right; margin-left: -10px" ></i>
  311.                                                 <span style="margin-left: 15px">Enfants</span>
  312.                                             </h6>
  313.                                         </div>
  314.                                         <div class="s3 col"   style="margin-top: 20px">
  315.                                             <input style="margin-top: -10px; margin-left: 10px; font-weight: 20;" min="0"  onchange="updateChild({{buildingType.id  }})"  value="0" type="number" id="child_{{ buildingType.id }}"   name="child_{{ buildingType.id }}"  class="col s12  "/>
  317.                                         </div>
  318.                                     </div>
  319.                                 </div>
  321.                                 <a id="btn_search_{{ buildingType.id }}" onclick="findBuilding({{ buildingType.id }}, '{{ buildingType.type }}')" href="#!" class="   card black-text  col m6 s12 l2 m6 button  waves-ripple waves-effect " style=" padding: 10px; border-radius: 20px; margin-top: 20px">
  322.                                     <i class="fas fa-search" style="margin-left: 5px; margin-right:  5px"></i>
  323.                                     <span class="" id="btn_text_{{ buildingType.id }}">Rechercher</span>
  324.                                     <img id="btn_loading_{{ buildingType.id }}" src="{{ asset('img/loading.webp') }}" class="hide" style="max-height: 20px; position: absolute; float: right; right: 0; padding-right: 10px" alt="">
  327.                                 </a>
  328.                             </div>
  329.                         </div>
  331.                     {% endif %}
  332.                 {%endfor %}
  333.             {% endif %}
  336.         <div class="col s10 offset-s1 b" style="margin-top: -2px">
  337.             <a href="{{ path('app_home') }}" class="  ">Accueil</a>
  338.             <i class="fas fa-chevron-right"></i>
  339.             <img class="responsive-img circle"  style="max-height: 18px; margin-top: 1px; position: absolute"  src="{{ onlinePath }}/media/{{  town.country.countryFlag }}" alt="">
  341.             <a href="#!" style="margin-left: 30px" class="  ">{{ town.country.countryName }}</a>
  342.             <i class="fas fa-chevron-right"></i>
  343.             <a href="#!" class="  ">{{ town.townName }}</a>
  345.             <i class="fas fa-chevron-right"></i>
  347.             {% if type is not null%}
  348.             <a href="#!" class=" ">{{ type.type }}</a>
  349.             {% else %}
  350.                 <a href="#!" class=" ">All</a>
  351.             {% endif %}
  352.         </div>
  354.         <div class="col s12">
  356.             <div class="col s12 l3 card">
  358.                 <div class="col s12" >
  359.                     <div class="col s12 divider" style="margin-bottom: 10px"></div>
  360.                     <b><h5  id="displayAmount" style="font-size: 16px; margin-top: 10px">
  361.                             Prix max par nuité      </h5></b>
  364.                     <p class="range-field">
  365.                         <input onchange="displayAmount()" type="range" id="maxAmount" min="0" value="10000" max="400000" />
  366.                     </p>
  368.                 </div>
  370.                 <br>
  376.                 <div class="col s12" >
  377.                     <div class="col s12 divider" style="margin-bottom: 10px"></div>
  378.                     <b>
  379.                         <h5 style="font-size: 18px; margin-top: 15px">
  380.                             Notiriété:
  381.                             <i onmouseover="notority(1)" onmouseleave="unCheckNotority()" onclick="notorityShoose(1)" class="fas fa-star zoom-in animated" id="star_1" style="cursor: pointer ; color: palegoldenrod; margin-left: 10px"></i>
  382.                             <i  onmouseover="notority(2)" onmouseleave="unCheckNotority()" onclick="notorityShoose(2)" class="fas fa-star" id="star_2" style="cursor: pointer ; color: palegoldenrod"></i>
  383.                             <i   onmouseover="notority(3)" onmouseleave="unCheckNotority()" onclick="notorityShoose(3)" class="fas fa-star" id="star_3" style="cursor: pointer ; color: palegoldenrod"></i>
  384.                             <i onmouseover="notority(4)" onmouseleave="unCheckNotority()" onclick="notorityShoose(4)" class="fas fa-star" id="star_4" style="cursor: pointer ; color: palegoldenrod"></i>
  385.                             <i  onmouseover="notority(5)" onmouseleave="unCheckNotority()" onclick="notorityShoose(5)" class="fas fa-star" id="star_5" style="cursor: pointer ; color: palegoldenrod"></i>
  386.                             <i  onmouseover="notority(6)" onmouseleave="unCheckNotority()" onclick="notorityShoose(6)" class="fas fa-star" id="star_6" style="cursor: pointer ; color: palegoldenrod"></i>
  388.                         </h5></b>
  390.                 </div>
  392.                 <div class="col s12" >
  393.                     <div class="col s12 divider" style="margin-bottom: 10px"></div>
  394.                     <b><h5 style="font-size: 16px; margin-top: 10px">Promotions</h5></b>
  395.                     <p>
  396.                         <input type="checkbox" id="breakFast" />
  397.                         <label for="breakFast">Petit déjeuner Gratuit</label>
  398.                         <img class="responsive-img zoom"  style="float: right; margin-right:  5px; max-height: 25px" src="{{ asset('img/icon_restaurant.png') }}" alt="">
  400.                     </p>
  401.                 </div>
  402.                 <div class="col s12" >
  403.                     <div class="col s12 divider" style="margin-bottom: 10px"></div>
  404.                     <b><h5 style="font-size: 16px; margin-top: 10px">Conditions de réservations</h5></b>
  405.                     <p>
  406.                         <input type="checkbox" id="cancelableBooking" />
  407.                         <label for="cancelableBooking">Annulation Gratuite</label>
  408.                     </p>
  409.                     <p>
  410.                         <input type="checkbox" id="payBefore" />
  411.                         <label for="payBefore">Paiement à l'avance</label>
  412.                     </p>
  413.                 </div>
  415.                 <div class="col s12">
  416.                     <div class="col s12 divider" style="margin-bottom: 10px"></div>
  417.                     <b><h5 style="font-size: 16px; margin-top: 10px">Les équipements</h5></b>
  419.                     <p>
  420.                         <input type="checkbox" id="pool" />
  421.                         <label for="pool">Piscine  </label>
  422.                         <img class="responsive-img zoom"  style="float: right; margin-right:  5px; max-height: 30px" src="{{ asset('img/icon_swimming.png') }}" alt="">
  424.                     </p>
  425.                     <p>
  426.                         <input type="checkbox" id="mini_bar" />
  427.                         <label for="mini_bar">Mini Bar  </label>
  428.                         <img class="responsive-img zoom "   style="float: right; margin-right:  5px; max-height: 25px" src="{{ asset('img/icon_bar.png') }}" alt="">
  430.                     </p>
  431.                     <p>
  432.                         <input type="checkbox" id="restaurant" />
  433.                         <label for="restaurant">Restaurant   </label>
  434.                         <img class="responsive-img zoom"  style="float: right; margin-right:  5px; max-height: 25px" src="{{ asset('img/icon_restaurant.png') }}" alt="">
  436.                     </p>
  437.                     <p>
  439.                         <input type="checkbox" id="parking" />
  440.                         <label for="parking">Parking</label>
  441.                         <img class="responsive-img zoom"  style="float: right; margin-right:  5px; max-height: 25px" src="{{ asset('img/icon_parking.png') }}" alt="">
  442.                     </p>
  443.                     <p>
  444.                         <input type="checkbox" id="conference_room" />
  445.                         <label for="conference_room">
  446.                             Salle de conference
  447.                         </label>
  448.                         <img class="responsive-img zoom"  style="float: right; margin-right:  5px; max-height: 25px" src="{{ asset('img/icon_conf_off.png') }}" alt="">
  450.                     </p>
  452.                 </div>
  455.             </div>
  458.             <div class="col s12 l9">
  460.                 <div class="col s12">
  461.                     {% if type is not null%}
  462.                     <h5 style="font-weight: 20">{{ town.townName }}: {{ result|length }} {{ type.type}}  trouvé(e)s</h5>
  464.                     {% else %}
  465.                     <h5 style="font-weight: 20">{{ town.townName }}: {{ result|length }}  offre(s) trouvé(e)s</h5>
  466.                     {% endif %}
  467.                 </div>
  468.                 <div class="col s12">
  471.                     {% set buildingLenght=result|length %}
  474.                     {%  if buildingLenght !=1 %}
  475.                         {% set list=1 %}
  476.                     {% for k in range(0, buildingLenght, showItem) %}
  478.                        <div class="row hide " id="building_slide_{{ list }}">
  481.                            {% for building in result|slice(k,k+showItem) %}
  484.                            <div class="col s12 card " style="border-radius: 10px">
  486.                                <div class="m3 l4 s12   col">
  488.                                    <ul class="autoplayPack_{{ list }}">
  490.                                        {% if building.picture1 is not empty %}
  491.                                            <li>
  492.                                                <img class=" zoom circle  image-n-margin  responsive-img halfway-fab hoverable"   src="{{ onlinePath }}/media/{{ building.picture1 }}" style=" width: 200px; height: 200px" alt="">
  493.                                            </li>
  494.                                        {% endif %}
  496.                                        {% if building.picture2 is not empty %}
  497.                                            <li>
  498.                                                <img class="zoom  circle  image-n-margin responsive-img halfway-fab hoverable"  src="{{ onlinePath }}/media/{{ building.picture2 }}"  style=" width: 200px; height: 200px" alt="">
  499.                                            </li>
  500.                                        {% endif %}
  502.                                        {% if building.picture3 is not empty %}
  503.                                            <li>
  504.                                                <img class="  zoom  circle    image-n-margin responsive-img halfway-fab hoverable"  src="{{ onlinePath }}/media/{{ building.picture3 }}"  style=" width: 200px; height: 200px" alt="">
  505.                                            </li>
  506.                                        {% endif %}
  509.                                    </ul>
  510.                                </div>
  511.                                <div class=" col s12 m9 l8">
  512.                                    <div class="col s12">
  513.                                        <h5>
  514.                                            {{ building.designation }}
  516.                                        </h5>
  517.                                        <p style="margin-top: -10px">
  518.                                            {% for i in 0.. building.options.notiriety %}
  519.                                                <i class="fas fa-star " style="font-size: 14px; color: gold"></i>
  520.                                            {%endfor %}
  521.                                        </p>
  522.                                    </div>
  523.                                    <div class="col s12" style="margin-top: -10px">
  525.                                        <h6>Situé à {{ building.address.location }}</h6>
  526.                                    </div>
  527.                                    <div class="col s12">
  528.                                        <p class="truncate-overflow">{{ building.description }}</p>
  529.                                    </div>
  536.                                    <div class="col s12 " style="margin-top: -20px">
  538.                                        {% if building.options is not null %}
  539.                                            <h5 class="left-align ">
  540.                                                {% if building.options.miniBar == true %}
  541.                                                    <img class="responsive-img zoom "   style="margin: 5px; max-height: 25px" src="{{ asset('img/icon_bar.png') }}" alt="">
  542.                                                {% endif %}
  544.                                                {% if building.options.restaurant == true %}
  545.                                                    <img class="responsive-img zoom"  style="margin: 5px; max-height: 25px" src="{{ asset('img/icon_restaurant.png') }}" alt="">
  546.                                                {% endif %}
  548.                                                {% if building.options.parking == true  %}
  549.                                                    <img class="responsive-img zoom"  style="margin: 5px; max-height: 25px" src="{{ asset('img/icon_parking.png') }}" alt="">
  550.                                                {% endif %}
  552.                                                {% if building.options.pool == true  %}
  553.                                                    <img class="responsive-img zoom"  style="margin: 5px; max-height: 30px" src="{{ asset('img/icon_swimming.png') }}" alt="">
  554.                                                {% endif %}
  556.                                                {% if building.options.conferenceRoom == true  %}
  557.                                                    <img class="responsive-img zoom"  style="margin: 5px; max-height: 25px" src="{{ asset('img/icon_conf_off.png') }}" alt="">
  558.                                                {% endif %}
  560.                                            </h5>
  561.                                        {% endif %}
  562.                                        <div class="col s12 right right-align right-aligned">
  563.                                            <a id="btn_building_{{ building.id }}"  onclick="gotToBook({{ building.id }} )"  href="#!" class=" right right-align right-aligned  card black-text    button  waves-ripple waves-effect " style="margin-right: 30px;  padding: 10px; border-radius: 20px; margin-top: -20px; width: fit-content">
  564.                                                <span class="" id="btn_text_{{ building.id }}">{{ building.rooms|length }} offre(s) disponible(s)</span>
  565.                                                <i class="fas fa-eye" style="margin-left: 5px; margin-right:  5px"></i>
  566.                                                <img id="building_loading_{{ building.id }}" src="{{ asset('img/loading.webp') }}" class="hide" style="max-height: 20px; position: absolute; float: right; right: 0; padding-right: 10px" alt="">
  569.                                            </a>
  571.                                        </div>
  573.                                        <img class="responsive-img "  style="margin-top: -15px; max-height: 30px; position: absolute; z-index: 100; right: 0; margin-right: 20px" src="{{ onlinePath }}/media/{{ building.company.companyLogoMain }}" alt="">
  575.                                    </div>
  578.                                </div>
  579.                            </div>
  581.                            {%endfor %}
  582.                        </div>
  584.                  {%  set list=list+1 %}
  585.                     {%endfor %}
  587.                     {% else %}
  588.                         {% for building in result %}
  591.                             <div class="col s12 card " style="border-radius: 10px">
  593.                                 <div class="m3 l4 s12   col">
  594.                                     {% set list=1 %}
  595.                                     <ul class="autoplayPack_{{ list }}">
  597.                                         {% if building.picture1 is not empty %}
  598.                                             <li>
  599.                                                 <img class=" zoom circle  image-n-margin  responsive-img halfway-fab hoverable"   src="{{ onlinePath }}/media/{{ building.picture1 }}" style=" width: 200px; height: 200px" alt="">
  600.                                             </li>
  601.                                         {% endif %}
  603.                                         {% if building.picture2 is not empty %}
  604.                                             <li>
  605.                                                 <img class="zoom  circle  image-n-margin responsive-img halfway-fab hoverable"  src="{{ onlinePath }}/media/{{ building.picture2 }}"  style=" width: 200px; height: 200px" alt="">
  606.                                             </li>
  607.                                         {% endif %}
  609.                                         {% if building.picture3 is not empty %}
  610.                                             <li>
  611.                                                 <img class="  zoom  circle    image-n-margin responsive-img halfway-fab hoverable"  src="{{ onlinePath }}/media/{{ building.picture3 }}"  style=" width: 200px; height: 200px" alt="">
  612.                                             </li>
  613.                                         {% endif %}
  616.                                     </ul>
  617.                                 </div>
  620.                                 <div class=" col s12 m9 l8">
  621.                                     <div class="col s12">
  622.                                         <h5>
  623.                                             {{ building.designation }}
  625.                                         </h5>
  626.                                         <p style="margin-top: -10px">
  627.                                             {% for i in 0.. building.options.notiriety %}
  628.                                                 <i class="fas fa-star " style="font-size: 14px; color: gold"></i>
  629.                                             {%endfor %}
  630.                                         </p>
  631.                                     </div>
  632.                                     <div class="col s12" style="margin-top: -10px">
  634.                                         <h6>Situé à {{ building.address.location }}</h6>
  635.                                     </div>
  636.                                     <div class="col s12">
  637.                                         <p class="truncate-overflow">{{ building.description }}</p>
  638.                                     </div>
  645.                                     <div class="col s12 " style="margin-top: -20px">
  647.                                         {% if building.options is not null %}
  648.                                             <h5 class="left-align ">
  649.                                                 {% if building.options.miniBar == true %}
  650.                                                     <img class="responsive-img zoom "   style="margin: 5px; max-height: 25px" src="{{ asset('img/icon_bar.png') }}" alt="">
  651.                                                 {% endif %}
  653.                                                 {% if building.options.restaurant == true %}
  654.                                                     <img class="responsive-img zoom"  style="margin: 5px; max-height: 25px" src="{{ asset('img/icon_restaurant.png') }}" alt="">
  655.                                                 {% endif %}
  657.                                                 {% if building.options.parking == true  %}
  658.                                                     <img class="responsive-img zoom"  style="margin: 5px; max-height: 25px" src="{{ asset('img/icon_parking.png') }}" alt="">
  659.                                                 {% endif %}
  661.                                                 {% if building.options.pool == true  %}
  662.                                                     <img class="responsive-img zoom"  style="margin: 5px; max-height: 30px" src="{{ asset('img/icon_swimming.png') }}" alt="">
  663.                                                 {% endif %}
  665.                                                 {% if building.options.conferenceRoom == true  %}
  666.                                                     <img class="responsive-img zoom"  style="margin: 5px; max-height: 25px" src="{{ asset('img/icon_conf_off.png') }}" alt="">
  667.                                                 {% endif %}
  669.                                             </h5>
  670.                                         {% endif %}
  671.                                         <div class="col s12 right right-align right-aligned">
  672.                                             <a id="btn_building_{{ building.id }}"  onclick="gotToBook({{ building.id }} )"  href="#!" class=" right right-align right-aligned  card black-text    button  waves-ripple waves-effect " style="margin-right: 30px;  padding: 10px; border-radius: 20px; margin-top: -20px; width: fit-content">
  673.                                                 <span class="" id="btn_text_{{ building.id }}">{{ building.rooms|length }} offre(s) disponible(s)</span>
  674.                                                 <i class="fas fa-eye" style="margin-left: 5px; margin-right:  5px"></i>
  675.                                                 <img id="building_loading_{{ building.id }}"  src="{{ asset('img/loading.webp') }}" class="hide" style="max-height: 20px; position: absolute; float: right; right: 0; padding-right: 10px" alt="">
  678.                                             </a>
  680.                                         </div>
  682.                                         <img class="responsive-img "  style="margin-top: -15px; max-height: 30px; position: absolute; z-index: 100; right: 0; margin-right: 20px" src="{{ onlinePath }}/media/{{ building.company.companyLogoMain }}" alt="">
  684.                                     </div>
  687.                                 </div>
  688.                             </div>
  690.                         {%endfor %}
  692.                     {% endif %}
  694.                 </div>
  698.             <div class="col s12" style="border-radius: 10px; border-width: 2px; border-style: solid; border-color: lightgray">
  700.             {% set lastPage = result|length/showItem + buildingLenght%showItem %}
  702.                 {% set currentPage = 1 %}
  703.                 {% set showAlwaysFirstAndLast = true %}
  704.                 {% set currentFilters = {} %}
  705.                     {% if lastPage > 1 %}
  707.                         {# the number of first and last pages to be displayed #}
  709.                         {% set extremePagesLimit = 5 %}
  711.                         {# the number of pages that are displayed around the active page #}
  712.                         {% set nearbyPagesLimit = 5 %}
  713.                         {% set j = currentPage - nearbyPagesLimit %}
  715.                         <ul class="pagination">
  716.                             {% if currentPage > 1 %}
  718.                                 <li class=" " onclick="backBtn()"><i class="fas fa-chevron-left"></i></li>
  720.                                 {% for i in range(1, extremePagesLimit) %}
  721.                                     {%  if ( i < currentPage - nearbyPagesLimit ) %}
  723.                                         <li class=" links_{{ i }}" value="{{ i }}" onclick=" activeLink({{ i }})">{{ i }}</li>
  725.                                 {% endif %}
  726.                                 {% endfor %}
  728.                                 {% if extremePagesLimit + 1 < currentPage - nearbyPagesLimit %}
  729.                                     <span class="sep-dots">...</span>
  730.                                 {% endif %}
  732.                                 {% for i in range(currentPage-nearbyPagesLimit, currentPage-1) %}
  733.                                     {%  if ( i > 0 ) %}
  735.                                         <li class=" links_{{ i }}" value="{{ i }}" onclick=" activeLink({{ i }})">{{ i }}</li>
  737.                                     {% endif %}
  738.                                 {% endfor %}
  739.                             {% elseif showAlwaysFirstAndLast %}
  740.                                 <li class=" " onclick="backBtn()"><i class="fas fa-chevron-left"></i></li>
  742.                             {% endif %}
  744.                             <span class="sep-dots_start hide">...</span>
  745.                             <li class=" active links_{{ currentPage}}" value="{{ currentPage }}" onclick=" activeLink({{ currentPage }})">{{ currentPage }}</li>
  748.                             {% if currentPage < lastPage %}
  750.                                 {% for i in range(currentPage+1, currentPage + nearbyPagesLimit) %}
  751.                                     {%     if ( i <= lastPage ) %}
  753.                                         <span class="sep-dots_prev_{{ i }} hide">...</span>
  754.                                         <li class=" links_{{ i }}" value="{{ i }}" onclick=" activeLink({{ i }})">{{ i }}</li>
  757.                                     {% endif %}
  758.                                 {% endfor %}
  760.                                 {% if  (lastPage - extremePagesLimit) > (currentPage + nearbyPagesLimit) %}
  764.                                     {% for j in currentPage + nearbyPagesLimit+1 .. lastPage - extremePagesLimit  %}
  765.                                         <span class="sep-dots_prev_{{ j }} hide">...</span>
  766.                                     <li class=" hide links_{{ j }}" value="{{ j }}" onclick=" activeLink({{ j }})">{{ j }}</li>
  767.                                     {% endfor %}
  768.                                     <span class="sep-dots_middle">...</span>
  771.                                 {% endif %}
  772.                                 <span class="sep-dots_end hide">...</span>
  773.                                 {% for i in range(lastPage - extremePagesLimit+1, lastPage)%}
  774.                             {% if ( i > currentPage + nearbyPagesLimit ) %}
  775.                                 <span class="sep-dots_prev_{{ i }} hide">...</span>
  776.                                 <li class=" links_{{ i }}" value="{{ i }}" onclick=" activeLink({{ i }})">{{ i }}</li>
  778.                             {% endif %}
  779.                                 {% endfor %}
  781.                                 <li class=" links" onclick="nextBtn()"><i class="fas fa-chevron-right"></i></li>
  783.                             {% elseif showAlwaysFirstAndLast %}
  785.                                 <li class=" links" onclick="nextBtn()"><i class="fas fa-chevron-right"></i></li>
  786.                             {% endif %}
  787.                         </ul>
  788.                     {% endif %}
  791.             </div>
  792.         </div>
  794.     </div>
  798.   </div>
  803. {% endblock %}
  807.   {% block javascripts %}
  808.       {{ parent() }}
  809.       <script src="{{ asset('js/home.func.js') }}"></script>
  810.       <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
  811.       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
  814.       <script type="text/javascript">
  817.           var currentStartDate="{{ startDate }}";
  818.           var currentEndDate="{{ endDate }}";
  819.           var currentChild="{{ child }}";
  820.           var currentAdult="{{ adult }}";
  822.           function updateChild(type) {
  823.               currentChild= $("#child_"+type).val()
  824.           }
  825.           function updateAdult(type) {
  826.               currentAdult= $("#adult_"+type).val()
  827.           }
  828.           function updateEndDate(type) {
  829.               currentEndDate= $("#endDate_"+type).val()
  830.           }
  831.           function updateStartDate(type) {
  832.               currentStartDate= $("#startDate_"+type).val()
  833.             }
  835.           
  836.           function gotToBook(building) {
  837.               let timerInterval
  838.               var isvalid_currentStartDate= moment(currentStartDate, 'DD/MM/YYYY',true).isValid();
  839.               var isvalid_currentEndDate= moment(currentEndDate, 'DD/MM/YYYY',true).isValid();
  841.               if(currentStartDate==="" && currentEndDate==="" ){
  843.                   var currentDate=moment().format('DD/MM/YYYY');
  844.                   var currentDatePlus=moment(). add(1, 'days').format('DD/MM/YYYY');
  845.                   Swal.mixin({
  847.                       imageUrl: '{{ asset('img/calendar-cancel.svg') }}',
  848.                       imageHeight: 60,
  850.                       imageAlt: 'Date not choose',
  851.                       allowOutsideClick: false,
  852.                       allowEscapeKey: false,
  854.                       reverseButtons: true,
  855.                       confirmButtonText:
  856.                           '{% trans %}Suivant{% endtrans %} <i class="fa fa-arrow-right"></i>',
  858.                       showCancelButton: true,
  859.                       progressSteps: ['A','D'],
  860.                       cancelButtonText:
  861.                           '<i class="fa fa-trash"></i> Annuler',
  862.                       cancelButtonAriaLabel: '{% trans %}Annuler{% endtrans %}'
  863.                   }).
  864.                   queue([
  865.                       {
  866.                           title: '{% trans %}Date d\'arrivée {% endtrans %}',
  869.                           text: 'Enter a valid date like ('+currentDate+')',
  871.                           inputPlaceholder: currentDate,
  872.                           input: 'text',
  873.                           inputValue: currentDate,
  876.                           inputValidator: (result) => {
  877.                               var now = moment(moment().format('DD/MM/YYYY'), 'DD/MM/YYYY');
  878.                               var provideDate = moment(result, 'DD/MM/YYYY');
  879.                               var isValid= moment(result, 'DD/MM/YYYY',true).isValid();
  881.                               var isSame = provideDate.isSame(now);
  882.                               var isafter = provideDate.isAfter(now);
  884.                               console.log("provideDate 1",provideDate.format('DD/MM/YYYY'));
  885.                               console.log("DAY 1",now.format('DD/MM/YYYY'));
  886.                               console.log("isafter 1",isafter);
  887.                               console.log("isSame 1",isSame);
  889.                               currentStartDate=result;
  890.                               if(!isValid){
  891.                                   return 'Invalid date format should be DD/MM/YYYY'
  892.                               }
  893.                               if(isSame==false && isafter==false){
  895.                                   return 'Invalid arrival date, It shall far from this day'
  896.                               }
  897.                           }
  898.                       },
  899.                       {
  900.                           title: '{% trans %}Date de retour {% endtrans %}',
  903.                           text: 'Enter a valid date like ('+currentDatePlus+')',
  906.                           inputPlaceholder: currentDatePlus,
  907.                           input: 'text',
  908.                           inputValue: currentDatePlus,
  909.                           inputValidator: (result) => {
  911.                               var mEnd = moment(result,"DD/MM/YYYY");
  912.                               var isValid= moment(result, 'DD/MM/YYYY',true).isValid();
  914.                               console.log("isvalid",isValid)
  916.                               console.log("currentStartDate",currentStartDate)
  918.                               if(!isValid){
  919.                                   return 'Invalid date format should be DD/MM/YYYY'
  920.                               }
  921.                               if(!mEnd.isAfter(currentStartDate)){
  923.                                   return 'Invalid Arrival date, it is far from departure date'
  924.                               }
  927.                           }
  928.                       },
  930.                   ]).then((result) => {
  931.                       if (result.value) {
  934.                           console.log(result);
  936.                           if(result.value[0]!==undefined){
  937.                               currentStartDate=result.value[0];
  938.                           }
  940.                           if(result.value[1]!==undefined){
  941.                               currentEndDate=result.value[1];
  942.                           }
  945.                           gotToBook(building);
  947.                       }
  948.                   });
  950.                   return;
  951.               }else
  953.               if(currentStartDate==="" || !isvalid_currentStartDate || currentStartDate===undefined){
  956.                   var currentDatePlus=moment( ).format('DD/MM/YYYY');
  958.                   Swal.mixin({
  960.                       imageUrl: '{{ asset('img/calendar-cancel.svg') }}',
  961.                       imageHeight: 60,
  963.                       imageAlt: 'Date not choosed',
  964.                       allowOutsideClick: false,
  965.                       allowEscapeKey: false,
  967.                       reverseButtons: true,
  968.                       confirmButtonText:
  969.                           '{% trans %}Suivant{% endtrans %} <i class="fa fa-arrow-right"></i>',
  971.                       showCancelButton: true,
  972.                       progressSteps: ['1'],
  973.                       cancelButtonText:
  974.                           '<i class="fa fa-trash"></i> Annuler',
  975.                       cancelButtonAriaLabel: '{% trans %}Annuler{% endtrans %}'
  976.                   }).
  977.                   queue([
  978.                       {
  979.                           title: '{% trans %}Date d\'arrivée {% endtrans %}',
  982.                           text: 'Enter a valid date like ('+currentDatePlus+')',
  985.                           inputPlaceholder: currentDatePlus,
  986.                           input: 'text',
  987.                           inputValue:currentDatePlus,
  988.                           inputValidator: (result) => {
  989.                               var provideDate = moment(result);
  990.                                var isValid= moment(result, 'DD/MM/YYYY',true).isValid();
  992.                               var isSame = provideDate.isSame(moment().format('DD/MM/YYYY'));
  993.                               var isafter = provideDate.isAfter(moment().format('DD/MM/YYYY'));
  995.                               console.log("isvalid 2",isValid)
  996.                               console.log("isafter 2",isafter)
  998.                               if(!isValid){
  999.                                   return 'Invalid date format should be DD/MM/YYYY'
  1000.                               }
  1001.                               if(isafter==false && isSame==false ){
  1002.                                   currentStartDate="";
  1003.                                   return 'Invalid arrival date, It shall far from this day'
  1004.                               }
  1005.                           }
  1006.                       },
  1008.                   ]).then((result) => {
  1009.                       if (result.value) {
  1012.                           console.log(result);
  1014.                           if(result.value[0]!==undefined){
  1015.                               currentStartDate=result.value[0];
  1016.                           }
  1017.                           gotToBook(building);
  1019.                       }
  1020.                   });
  1022.                   $(".swal2-input").css("max-width","100%")
  1024.                   return
  1026.               }
  1027.               else if(currentEndDate==="" || !isvalid_currentEndDate || currentEndDate===undefined ){
  1028.                   var currentDatePlus=moment(currentStartDate, 'DD/MM/YYYY',true). add(1, 'days').format('DD/MM/YYYY');
  1031.                   Swal.mixin({
  1033.                       imageUrl: '{{ asset('img/calendar-cancel.svg') }}',
  1034.                       imageHeight: 60,
  1035.                       imageAlt: 'Date not choose',
  1036.                       allowOutsideClick: false,
  1037.                       allowEscapeKey: false,
  1038.                       reverseButtons: true,
  1039.                       confirmButtonText:
  1040.                           '{% trans %}Suivant{% endtrans %} <i class="fa fa-arrow-right"></i>',
  1041.                       showCancelButton: true,
  1042.                       progressSteps: ['1'],
  1043.                       cancelButtonText:
  1044.                           '<i class="fa fa-trash"></i> Annuler',
  1045.                       cancelButtonAriaLabel: '{% trans %}Annuler{% endtrans %}'
  1046.                   }).
  1047.                   queue([
  1048.                       {
  1049.                           title: '{% trans %}Date de retour {% endtrans %}',
  1050.                           text: 'Enter a valid date like ('+currentDatePlus+')',
  1052.                           inputValue: currentDatePlus,
  1053.                           inputPlaceholder: currentDatePlus,
  1054.                           input: 'text',
  1055.                           inputValidator: (result) => {
  1057.                               var mEnd = moment(result , "DD/MM/YYYY");
  1060.                               var isvalid= moment(result, 'DD/MM/YYYY',true).isValid();
  1062.                               var isafter = mEnd.isAfter(moment(currentStartDate , "DD/MM/YYYY"));
  1064.                               console.log("currentStartDate 3", currentStartDate)
  1065.                               console.log("currentEndDate 3", result)
  1066.                               console.log("isAfter", mEnd.isAfter(moment(currentStartDate , "DD/MM/YYYY")))
  1068.                               if(!isvalid){
  1069.                                   return 'Invalid date format should be DD/MM/YYYY'
  1070.                               }
  1071.                               if(!isafter){
  1072.                                   currentStartDate="";
  1073.                                   return 'Arrival date is far from departure date'
  1074.                               }
  1077.                           }
  1078.                       },
  1080.                   ]).then((result) => {
  1081.                       if (result.value) {
  1084.                           console.log(result);
  1086.                           if(result.value[0]!==undefined){
  1087.                               currentEndDate=result.value[0];
  1088.                           }
  1090.                           gotToBook(building)
  1092.                       }
  1093.                   });
  1095.                   $(".swal2-input").css("max-width","100%")
  1097.                   return;
  1099.               }
  1100.              else if(currentAdult===""){
  1104.                   Swal.mixin({
  1106.                       imageUrl: '{{ asset('img/adults-icon-5.jpg') }}',
  1107.                       imageHeight: 60,
  1109.                       imageAlt: 'Adult not provide',
  1110.                       allowOutsideClick: false,
  1111.                       allowEscapeKey: false,
  1113.                       reverseButtons: true,
  1114.                       confirmButtonText:
  1115.                           '{% trans %}Suivant{% endtrans %} <i class="fa fa-arrow-right"></i>',
  1117.                       showCancelButton: true,
  1118.                       progressSteps: ['1'],
  1119.                       cancelButtonText:
  1120.                           '<i class="fa fa-trash"></i> Annuler',
  1121.                       cancelButtonAriaLabel: '{% trans %}Annuler{% endtrans %}'
  1122.                   }).
  1123.                   queue([
  1124.                       {
  1125.                           title: '{% trans %}Nombre d\'aldute {% endtrans %}',
  1128.                           text: 'Combien d\'adulte pour cette location?',
  1129.                           inputValue: "01",
  1131.                           inputPlaceholder: '01',
  1132.                           input: 'number',
  1133.                           inputValidator: (result) => {
  1135.                               if(result===""){
  1137.                                   return "empty field";
  1138.                               }
  1139.                               if(parseInt(result)<1){
  1140.                                   return 'invalid number';
  1141.                               }
  1143.                           }
  1144.                       },
  1146.                   ]).then((result) => {
  1147.                       if (result.value) {
  1150.                           console.log(result);
  1151.                               currentAdult=result.value[0]
  1153.                           gotToBook(building)
  1155.                       }
  1156.                   });
  1158.                   $(".swal2-input").css("max-width","100%")
  1162.                   return
  1164.               }
  1165.              else if(currentChild===""){
  1169.                   Swal.mixin({
  1171.                       imageUrl: '{{ asset('img/children-icon-green.png') }}',
  1172.                       imageHeight: 60,
  1174.                       imageAlt: 'Child not provide',
  1175.                       allowOutsideClick: false,
  1176.                       allowEscapeKey: false,
  1178.                       reverseButtons: true,
  1179.                       confirmButtonText:
  1180.                           '{% trans %}Suivant{% endtrans %} <i class="fa fa-arrow-right"></i>',
  1182.                       showCancelButton: true,
  1183.                       progressSteps: ['1'],
  1184.                       cancelButtonText:
  1185.                           '<i class="fa fa-trash"></i> Annuler',
  1186.                       cancelButtonAriaLabel: '{% trans %}Annuler{% endtrans %}'
  1187.                   }).
  1188.                   queue([
  1189.                       {
  1190.                           title: '{% trans %}Nombre d\'enfants {% endtrans %}',
  1193.                           text: 'Combien d\'enfants pour cette location?',
  1194.                           inputValue: "0",
  1196.                           inputPlaceholder: '01',
  1197.                           input: 'number',
  1198.                           inputValidator: (result) => {
  1200.                               if(result===""){
  1202.                                   return "empty field";
  1203.                               }
  1204.                               if(parseInt(result)<0){
  1205.                                   return 'invalid number';
  1206.                               }
  1208.                           }
  1209.                       },
  1211.                   ]).then((result) => {
  1212.                       if (result.value) {
  1215.                           console.log(result);
  1216.                               currentChild=result.value[0]
  1218.                           gotToBook(building)
  1220.                       }
  1221.                   });
  1223.                   $(".swal2-input").css("max-width","100%")
  1227.                   return
  1229.               }
  1231.               $("#building_loading_"+building).removeClass("hide");
  1233.               setTimeout(function () {
  1236.                   window.location.assign("{{ path('app_building_navigation')}}"+"?building="+building+"&startDate="+currentStartDate+" 12:00&endDate="+currentEndDate+"12:00&adult="+currentAdult+"&child="+currentChild);
  1238.               }, 2000);
  1240.           }
  1241.           function formatNumber(number)
  1242.           {
  1243.               number = number.toFixed(2) + '';
  1244.               x = number.split('.');
  1245.               x1 = x[0];
  1246.               x2 = x.length > 1 ? ',' + x[1] : '';
  1247.               var rgx = /(\d+)(\d{3})/;
  1248.               while (rgx.test(x1)) {
  1249.                   x1 = x1.replace(rgx, '$1' + '.' + '$2');
  1250.               }
  1251.               return x1 + x2;
  1252.           }
  1255.           var  link=document.getElementsByClassName("links");
  1256.           var currentValue=1,i=0, lastPage={{ result|length  }}/{{ showItem }} + {{ result|length }}%{{ showItem }};
  1258.           $("#maxAmount").addClass("active");
  1260.           var amount= parseInt($("#maxAmount").val());
  1261.           $("#displayAmount").html("Coût Max Pour une Nuité <br>"+formatNumber(amount))
  1263.           function displayAmount() {
  1264.               var amount= parseInt($("#maxAmount").val());
  1265.               $("#displayAmount").html("Coût Max Pour une Nuité<br> "+formatNumber(amount))
  1266.           }
  1268.           var star=0;
  1270.           function notority(index) {
  1271.               var i=1;
  1272.               for(i=1; i<=index; i++){
  1273.                   $("#star_"+i).css("color","gold")
  1274.               }
  1275.               for(i=index+1; i<=6; i++){
  1276.                   $("#star_"+i).css("color","palegoldenrod")
  1277.               }
  1278.           }
  1279.           function notorityShoose(index) {
  1280.               star=index;
  1281.               var i=1;
  1282.               for(i=1; i<=index; i++){
  1283.                   $("#star_"+i).css("color","gold")
  1284.               }
  1285.               for(i=index+1; i<=6; i++){
  1286.                   $("#star_"+i).css("color","palegoldenrod")
  1287.               }
  1288.           }
  1289.           function unCheckNotority() {
  1290.               if(star!==0){
  1291.                   for(i=1; i<=star; i++){
  1292.                       $("#star_"+i).css("color","gold")
  1293.                   }
  1294.               }else{
  1295.                   for(i=1; i<=6; i++){
  1296.                       $("#star_"+i).css("color","palegoldenrod")
  1297.                   }
  1298.               }
  1300.           }
  1301.           $("#building_slide_1").removeClass("hide");
  1302.           $('.autoplayPack_1').slick({
  1303.               slidesToShow: 1,
  1304.               slidesToScroll: 1,
  1305.               autoplay: true,
  1306.               autoplaySpeed: 10000,
  1307.               responsive: [
  1308.                   {
  1309.                       breakpoint: 1024,
  1310.                       settings: {
  1311.                           slidesToShow: 1,
  1312.                           slidesToScroll: 1,
  1313.                           infinite: true,
  1314.                           dots: true
  1315.                       }
  1316.                   },
  1317.                   {
  1318.                       breakpoint: 600,
  1319.                       settings: {
  1320.                           slidesToShow: 1,
  1321.                           slidesToScroll: 1
  1322.                       }
  1323.                   },
  1324.                   {
  1325.                       breakpoint: 480,
  1326.                       settings: {
  1327.                           slidesToShow: 1,
  1328.                           slidesToScroll: 1
  1329.                       }
  1330.                   }
  1331.               ]
  1332.           });
  1333.           function activeLink(index) {
  1335.               for (i =1; i<=lastPage; i++){
  1336.                   $(".links_"+i).removeClass("active");
  1337.                   $("#building_slide_"+i).addClass("hide");
  1338.               }
  1339.               $("#building_slide_"+index).removeClass("hide");
  1341.               $(".links_"+index).addClass("active")
  1343.               currentValue=$(".links_"+index).val();
  1344.               console.log(currentValue);
  1349.               $('.autoplayPack_'+(index)).slick({
  1350.                   slidesToShow: 1,
  1351.                   slidesToScroll: 1,
  1352.                   autoplay: true,
  1353.                   autoplaySpeed: 10000,
  1354.                   responsive: [
  1355.                       {
  1356.                           breakpoint: 1024,
  1357.                           settings: {
  1358.                               slidesToShow: 1,
  1359.                               slidesToScroll: 1,
  1360.                               infinite: true,
  1361.                               dots: true
  1362.                           }
  1363.                       },
  1364.                       {
  1365.                           breakpoint: 600,
  1366.                           settings: {
  1367.                               slidesToShow: 1,
  1368.                               slidesToScroll: 1
  1369.                           }
  1370.                       },
  1371.                       {
  1372.                           breakpoint: 480,
  1373.                           settings: {
  1374.                               slidesToShow: 1,
  1375.                               slidesToScroll: 1
  1376.                           }
  1377.                       }
  1378.                   ]
  1379.               });
  1380.                   $(".links_"+(currentValue-1)).removeClass("hide");
  1381.                   $(".links_"+(currentValue+1)).removeClass("hide");
  1383.           }
  1384.           function backBtn() {
  1386.               if(currentValue>1){
  1387.                   for (i =1; i<=lastPage; i++){
  1388.                       $(".links_"+i).removeClass("active");
  1389.                       $("#building_slide_"+i).addClass("hide");
  1390.                   }
  1393.                   $(".links_"+(currentValue-1)).addClass("active").removeClass("hide")
  1395.                   $("#building_slide_"+currentValue-1).removeClass("hide");
  1396.                   $('.autoplayPack_'+(currentValue-1)).slick({
  1397.                       slidesToShow: 1,
  1398.                       slidesToScroll: 1,
  1399.                       autoplay: true,
  1400.                       autoplaySpeed: 10000,
  1401.                       responsive: [
  1402.                           {
  1403.                               breakpoint: 1024,
  1404.                               settings: {
  1405.                                   slidesToShow: 1,
  1406.                                   slidesToScroll: 1,
  1407.                                   infinite: true,
  1408.                                   dots: true
  1409.                               }
  1410.                           },
  1411.                           {
  1412.                               breakpoint: 600,
  1413.                               settings: {
  1414.                                   slidesToShow: 1,
  1415.                                   slidesToScroll: 1
  1416.                               }
  1417.                           },
  1418.                           {
  1419.                               breakpoint: 480,
  1420.                               settings: {
  1421.                                   slidesToShow: 1,
  1422.                                   slidesToScroll: 1
  1423.                               }
  1424.                           }
  1425.                       ]
  1426.                   });
  1428.                   if(lastPage-currentValue>5){
  1431.                       $(".links_"+(currentValue-2)).removeClass("hide");
  1434.                     if(lastPage-currentValue>=10){
  1435.                         $(".links_"+(currentValue+6)).addClass("hide");
  1436.                     }
  1438.                   }
  1440.                   if(currentValue>6){
  1441.                       $(".dots_prev_"+(currentValue+1)).addClass("hide");
  1442.                       $(".dots_prev_"+(currentValue-1)).removeClass("hide");
  1443.                   }
  1444.                   if(lastPage-currentValue>6){
  1445.                       $(".sep-dots_start").addClass("hide");
  1446.                       $(".sep-dots_middle").removeClass("hide");
  1447.                       $(".dots_prev_"+(currentValue+1)).addClass("hide");
  1450.                   }
  1451.                   currentValue--;
  1452.               }
  1453.           }
  1454.           function nextBtn() {
  1458.               if(currentValue<lastPage){
  1460.                   for (i =1; i<=lastPage; i++){
  1461.                       $(".links_"+i).removeClass("active");
  1462.                       $("#building_slide_"+i).addClass("hide");
  1463.                   }
  1466.                   $(".links_"+(currentValue+1)).addClass("active");
  1467.                   $("#building_slide_"+(currentValue+1)).removeClass("hide");
  1469.                   $('.autoplayPack_'+(currentValue+1)).slick({
  1470.                       slidesToShow: 1,
  1471.                       slidesToScroll: 1,
  1472.                       autoplay: true,
  1473.                       autoplaySpeed: 10000,
  1474.                       responsive: [
  1475.                           {
  1476.                               breakpoint: 1024,
  1477.                               settings: {
  1478.                                   slidesToShow: 1,
  1479.                                   slidesToScroll: 1,
  1480.                                   infinite: true,
  1481.                                   dots: true
  1482.                               }
  1483.                           },
  1484.                           {
  1485.                               breakpoint: 600,
  1486.                               settings: {
  1487.                                   slidesToShow: 1,
  1488.                                   slidesToScroll: 1
  1489.                               }
  1490.                           },
  1491.                           {
  1492.                               breakpoint: 480,
  1493.                               settings: {
  1494.                                   slidesToShow: 1,
  1495.                                   slidesToScroll: 1
  1496.                               }
  1497.                           }
  1498.                       ]
  1499.                   });
  1500.                   if(currentValue>5){
  1502.                       if(lastPage-currentValue>=10){
  1503.                   $(".links_"+(currentValue-6)).addClass("hide");}
  1505.                   $(".links_"+(currentValue+1)).removeClass("hide");
  1508.                   }
  1509.                   if(lastPage-currentValue<=6){
  1510.                       $(".sep-dots_middle").addClass("hide");
  1511.                       $(".sep-dots_start").removeClass("hide");
  1512.                   }
  1513.                   currentValue++;
  1514.                   console.log(currentValue);
  1515.               }
  1516.           }
  1517.           
  1518.           $(function() {
  1519.               var startDay = moment().format('MM/YYYY/DD');
  1522.               $('input[name="datetimes"]').daterangepicker({
  1523.                   timePicker: true,
  1524.                   startDate: moment().startOf('hour'),
  1525.                   endDate: moment().startOf('hour').add(32, 'hour'),
  1526.                   locale: {
  1527.                       format: 'M/DD hh:mm A'
  1528.                   },
  1529.                   minDate:  startDay,
  1530.                   minYear:  parseInt(moment().format('YYYY'),0),
  1531.                   maxYear: parseInt(moment().format('YYYY'),10)
  1532.               });
  1533.           });
  1538.           $(document).ready(function() {
  1540.               $('.js-example-basic-single').select2();
  1542.               $('.materialboxed').materialbox();
  1543.               $('.datepicker').pickadate({
  1544.                   selectMonths: true, // Creates a dropdown to control month
  1545.                   selectYears: 15, // Creates a dropdown of 15 years to control year,
  1546.                   today: 'Today',
  1547.                   clear: 'Clear',
  1548.                   close: 'Ok',
  1549.                   closeOnSelect: false, // Close upon selecting a date,
  1550.                   container: undefined, // ex. 'body' will append picker to body
  1551.               });
  1554.               $('.modal').modal({
  1555.                       dismissible: true, // Modal can be dismissed by clicking outside of the modal
  1556.                       opacity: .4, // Opacity of modal background
  1557.                       inDuration: 300, // Transition in duration
  1558.                       outDuration: 200, // Transition out duration
  1559.                       startingTop: '4%', // Starting top style attribute
  1560.                       endingTop: '15%', // Ending top style attribute
  1561.                       ready: function(modal, trigger) { // Callback for Modal open. Modal and trigger parameters available.
  1563.                       },
  1564.                       complete: function() {
  1567.                       } // Callback for Modal close
  1568.                   }
  1569.               );
  1572.               $('.autoplayTestimony').slick({
  1573.                   slidesToShow: 3,
  1574.                   slidesToScroll: 1,
  1575.                   autoplay: true,
  1576.                   autoplaySpeed: 2000,
  1577.                   responsive: [
  1578.                       {
  1579.                           breakpoint: 2024,
  1580.                           settings: {
  1581.                               slidesToShow: 4,
  1582.                               slidesToScroll: 4,
  1583.                               infinite: true,
  1584.                               dots: true
  1585.                           }
  1586.                       },
  1587.                       {
  1588.                           breakpoint: 1424,
  1589.                           settings: {
  1590.                               slidesToShow: 3,
  1591.                               slidesToScroll: 3,
  1592.                               infinite: true,
  1593.                               dots: true
  1594.                           }
  1595.                       },
  1596.                       {
  1597.                           breakpoint: 900,
  1598.                           settings: {
  1599.                               slidesToShow: 2,
  1600.                               slidesToScroll: 2
  1601.                           }
  1602.                       },
  1603.                       {
  1604.                           breakpoint: 480,
  1605.                           settings: {
  1606.                               slidesToShow: 1,
  1607.                               slidesToScroll: 1
  1608.                           }
  1609.                       }
  1610.                   ]
  1611.               })
  1613.               $('.autoplayPack').slick({
  1614.                   slidesToShow: 1,
  1615.                   slidesToScroll: 1,
  1616.                   autoplay: true,
  1617.                   autoplaySpeed: 10000,
  1618.                   responsive: [
  1619.                       {
  1620.                           breakpoint: 1024,
  1621.                           settings: {
  1622.                               slidesToShow: 1,
  1623.                               slidesToScroll: 1,
  1624.                               infinite: true,
  1625.                               dots: true
  1626.                           }
  1627.                       },
  1628.                       {
  1629.                           breakpoint: 600,
  1630.                           settings: {
  1631.                               slidesToShow: 1,
  1632.                               slidesToScroll: 1
  1633.                           }
  1634.                       },
  1635.                       {
  1636.                           breakpoint: 480,
  1637.                           settings: {
  1638.                               slidesToShow: 1,
  1639.                               slidesToScroll: 1
  1640.                           }
  1641.                       }
  1642.                   ]
  1643.               });
  1644.               $('.autoplayPack').slick({
  1645.                   slidesToShow: 1,
  1646.                   slidesToScroll: 1,
  1647.                   autoplay: true,
  1648.                   autoplaySpeed: 10000,
  1649.                   responsive: [
  1650.                       {
  1651.                           breakpoint: 1024,
  1652.                           settings: {
  1653.                               slidesToShow: 1,
  1654.                               slidesToScroll: 1,
  1655.                               infinite: true,
  1656.                               dots: true
  1657.                           }
  1658.                       },
  1659.                       {
  1660.                           breakpoint: 600,
  1661.                           settings: {
  1662.                               slidesToShow: 1,
  1663.                               slidesToScroll: 1
  1664.                           }
  1665.                       },
  1666.                       {
  1667.                           breakpoint: 480,
  1668.                           settings: {
  1669.                               slidesToShow: 1,
  1670.                               slidesToScroll: 1
  1671.                           }
  1672.                       }
  1673.                   ]
  1674.               });
  1678.               $('.autoplayBestProd').slick({
  1679.                   slidesToShow: 2,
  1680.                   slidesToScroll: 2,
  1681.                   autoplay: true,
  1682.                   autoplaySpeed: 2000,
  1683.                   responsive: [
  1684.                       {
  1685.                           breakpoint: 1024,
  1686.                           settings: {
  1687.                               slidesToShow: 2,
  1688.                               slidesToScroll: 2,
  1689.                               infinite: true,
  1690.                               dots: true
  1691.                           }
  1692.                       },
  1693.                       {
  1694.                           breakpoint: 600,
  1695.                           settings: {
  1696.                               slidesToShow: 1,
  1697.                               slidesToScroll: 1
  1698.                           }
  1699.                       },
  1700.                       {
  1701.                           breakpoint: 480,
  1702.                           settings: {
  1703.                               slidesToShow: 1,
  1704.                               slidesToScroll: 1
  1705.                           }
  1706.                       }
  1707.                   ]
  1708.               });
  1709.           });
  1713.           var apiBaseUrl="{{ host }}"
  1714.           var loginUrl="{{ path('authentication_token') }}";
  1717.           getClientLocation ();
  1720.           function submitComment() {
  1723.               setTimeout(function () {
  1724.                   Swal.mixin({
  1726.                       imageUrl: '{{ asset('img/logo-logercm.png') }}',
  1727.                       imageHeight: 60,
  1728.                       background: '#fff url({{ asset('img/trees.png') }})',
  1729.                       imageAlt: 'Logo {{ companyName }}',
  1730.                       allowOutsideClick: false,
  1731.                       allowEscapeKey: false,
  1733.                       reverseButtons: true,
  1734.                       confirmButtonText:
  1735.                           '{% trans %}Suivant{% endtrans %} <i class="fa fa-arrow-right"></i>',
  1737.                       showCancelButton: true,
  1738.                       progressSteps: ['1', '2', '3','4','5'],
  1739.                       cancelButtonText:
  1740.                           '<i class="fa fa-trash"></i> Annuler',
  1741.                       cancelButtonAriaLabel: '{% trans %}Annuler{% endtrans %}'
  1742.                   }).
  1743.                   queue([
  1744.                       {
  1745.                           title: '{% trans %}Laissez-nous un témoignage{% endtrans %}',
  1748.                           text: '{% trans %}Votre Nom{% endtrans %}:',
  1750.                           inputPlaceholder: 'John Doe.',
  1751.                           input: 'text',
  1752.                           inputValidator: (result) => {
  1753.                               return !result && '{% trans %}Vous devez indiquer votre nom {% endtrans %}'
  1754.                           }
  1755.                       },
  1756.                       {
  1757.                           title: '{% trans %}Laissez-nous un témoignage{% endtrans %}',
  1760.                           text: '{% trans %}Votre contact{% endtrans %}:',
  1762.                           inputPlaceholder: '23760000000.',
  1763.                           input: 'text',
  1764.                           inputValidator: (result) => {
  1765.                               return !result && '{% trans %}Vous devez indiquer votre contact{% endtrans %}'
  1766.                           }
  1767.                       },
  1768.                       {
  1769.                           title: "{% trans %}Que pensez des produits et services biocarrylife?{% endtrans %}",
  1771.                           text: '{% trans %}Un petit commentaire{% endtrans %}',
  1772.                           inputAttributes: {
  1773.                               'maxlength': 1255,
  1775.                           },
  1777.                           inputPlaceholder: '{% trans %}Je suis satisfait des produits biocarrylife{% endtrans %}.',
  1778.                           input: 'textarea',
  1779.                           inputValidator: (result) => {
  1780.                               return !result && '{% trans %}Vous avez oublié votre appréciation{% endtrans %}.'
  1781.                           }
  1782.                       },
  1784.                       {
  1785.                           title: '{% trans %}Sur une echelle de 1 à 10 quelle est votre note?{% endtrans %}',
  1786.                           text: '{% trans %}Votre note{% endtrans %}:',
  1787.                           input: 'number',
  1788.                           inputPlaceholder: '5',
  1790.                           inputAttributes: {
  1791.                               min: 0,
  1792.                               max: 10
  1793.                           },
  1794.                           inputValidator: (value) => {
  1795.                               if (!value) {
  1796.                                   return '{% trans %}Ce champ est obligatoire{% endtrans %}!'
  1797.                               }
  1798.                               if(parseInt(value)<0 || parseInt(value)>10){
  1799.                                   return '{% trans %}Votre note doit être comprise entre 1 et 10{% endtrans %}!'
  1800.                               }
  1801.                           }
  1802.                       },
  1805.                       {
  1806.                           title: "{% trans %}Nous avons besoin d'une jolie photo de vous{% endtrans %}?",
  1807.                           text: '{% trans %}Cliquez ici pour charger une photo{% endtrans %}:',
  1808.                           input: 'file',
  1809.                           inputAttributes: {
  1810.                               'accept': 'image/*',
  1811.                               'aria-label': 'Upload your profile picture'
  1812.                           },
  1813.                       }
  1816.                   ]).then((result) => {
  1817.                       if (result.value) {
  1823.                           var form = new FormData();
  1826.                           form.append("file",  result.value[4]);
  1828.                           console.log(form);
  1831.                           var settings = {
  1832.                               "url": apiBaseUrl+"media_objects",
  1833.                               "method": "POST",
  1834.                               "timeout": 0,
  1835.                               "headers": {
  1837.                                   "Accept": "application/json",
  1838.                                   "Authorization": "Bearer "+ getCookie("{{ companyName }}_user_token")
  1839.                               },
  1840.                               "processData": false,
  1841.                               "mimeType": "multipart/form-data",
  1842.                               "contentType": false,
  1843.                               "data": form
  1844.                           };
  1846.                           $.ajax(settings).done(function (response) {
  1847.                               console.log(response);
  1850.                               var picture=JSON.parse(response);
  1853.                               $.ajax({
  1854.                                   method: "POST",
  1855.                                   tryCount  : 0,
  1856.                                   retryLimit  : 4,
  1857.                                   "url": apiBaseUrl+"testimonies",
  1858.                                   "headers": {
  1859.                                       "Content-Type":  "application/json",
  1860.                                       "Authorization": "Bearer "+ getCookie("{{ companyName }}_user_token")
  1861.                                   },
  1862.                                   data: JSON.stringify({
  1865.                                       "picture": apiBaseUrl+"media_objects/"+picture.id,
  1866.                                       "client": result.value[0],
  1867.                                       "message": result.value[2],
  1868.                                       "contact": result.value[1],
  1869.                                       "appreciation": parseInt(result.value[3]),
  1870.                                       "approved": false }),
  1872.                                   beforeSend:function () {
  1874.                                   },
  1875.                                   success: function(data){
  1877.                                       console.log(data);
  1878.                                       Swal.fire(
  1879.                                           '{% trans %}Super{% endtrans %}!',
  1880.                                           '{% trans %}Votre témoignage à été pris en compte{% endtrans %}!',
  1881.                                           'success'
  1882.                                       )
  1885.                                   },
  1886.                                   error:function (xhr, textStatus, errorThrown) {
  1890.                                   }
  1892.                               });
  1894.                           });
  1897.                       }
  1898.                   });
  1900.                   $(".swal2-input").css("max-width","100%")
  1901.               },500)
  1904.           }
  1906.           function getClientLocation () {
  1909.               var locationUrl="{{ path('client_location') }}";
  1912.               $.ajax({
  1913.                   method: "GET",
  1914.                   tryCount  : 0,
  1915.                   retryLimit  : 4,
  1916.                   url: "https://api.ipify.org?format=json",
  1917.                   "headers": {
  1918.                       "Content-Type": "application/json"
  1919.                   },
  1922.                   beforeSend:function () {
  1924.                   },
  1925.                   success: function(data){
  1928.                       console.log(data);
  1930.                       var api_address=data.ip;
  1934.                       $.ajax({
  1935.                           method: "POST",
  1936.                           tryCount  : 0,
  1937.                           retryLimit  : 4,
  1938.                           url: host+locationUrl,
  1939.                           "headers": {
  1940.                               "Content-Type": "application/json"
  1941.                           },
  1942.                           data: JSON.stringify({
  1944.                               "api_address":api_address}),
  1946.                           beforeSend:function () {
  1948.                           },
  1949.                           success: function(data){
  1952.                               setCookie("visitor",data,20)
  1953.                               console.log(data);
  1956.                           },
  1957.                           error:function (xhr, textStatus, errorThrown) {
  1961.                               console.log(xhr);
  1963.                           }
  1965.                       });
  1967.                   },
  1968.                   error:function (xhr, textStatus, errorThrown) {
  1972.                   }
  1974.               });
  1978.           }
  1981.           function refreshToken() {
  1984.               $.ajax({
  1985.                   method: "POST",
  1986.                   tryCount  : 0,
  1987.                   retryLimit  : 4,
  1988.                   url: host+loginUrl,
  1989.                   "headers": {
  1990.                       "Content-Type": "application/json"
  1991.                   },
  1992.                   data: JSON.stringify({
  1994.                       "username":getCookie("{{ companyName }}_user_username"),
  1995.                       "password":getCookie("{{ companyName }}_user_userpass")}),
  1996.                   beforeSend:function () {
  1998.                   },
  1999.                   success: function(data){
  2002.                       setCookie("{{ companyName }}_user_token",data.token,1);
  2005.                   },
  2006.                   error:function (xhr, textStatus, errorThrown) {
  2010.                   }
  2012.               });
  2015.           }
  2016.           function findBuilding(buildingType, type) {
  2019.               var destinationTown=$("#destinationTown_"+buildingType).val();
  2020.               var startDate=currentStartDate;
  2021.               var endDate=currentEndDate;
  2022.               var adult=$("#adult_"+buildingType).val();
  2023.               var child=$("#child_"+buildingType).val();
  2025.               $.ajax({
  2026.                   method: "POST",
  2027.                   tryCount  : 0,
  2028.                   retryLimit  : 4,
  2029.                   url: "{{ path("find_buildings") }}",
  2030.                   "headers": {
  2031.                       "Content-Type": "application/json"
  2032.                   },
  2033.                   data: JSON.stringify({
  2035.                       "town":destinationTown ,
  2036.                       "buildType": buildingType,
  2037.                       "startedDate": startDate,
  2038.                       "endDate": endDate,
  2040.                   }),
  2041.                   beforeSend:function () {
  2044.                       //btn_text_/btn_loading_/btn_search_
  2046.                       const button = document.getElementById("btn_search_"+buildingType);
  2048. // Disable the button
  2049.                       button.disabled = true;
  2051.                       $("#btn_search_"+buildingType).addClass("disabled");
  2052.                       $("#btn_loading_"+buildingType).removeClass("hide");
  2053.                       $("#btn_text_"+buildingType).html("Patientez... ");
  2055.                   },
  2056.                   success: function(data){
  2058.                       const button = document.getElementById("btn_search_"+buildingType);
  2060. // Disable the button
  2061.                       button.disabled = false;
  2062.                       console.log(data);
  2064.                       if(data.length===0){
  2065.                           var Toast = Swal.mixin({
  2066.                               toast: true,
  2067.                               position: 'top-end',
  2068.                               showConfirmButton: false,
  2069.                               timer: 14000,
  2070.                               timerProgressBar: true,
  2071.                               didOpen: (toast) => {
  2072.                                   toast.addEventListener('mouseenter', Swal.stopTimer)
  2073.                                   toast.addEventListener('mouseleave', Swal.resumeTimer)
  2074.                               }
  2075.                           })
  2077.                           {% if type is not null %}
  2078.                           Toast.fire({
  2079.                               icon: 'warning',
  2080.                               title: 'Aucun (e) '+type+" trouvé(e)"
  2081.                           });
  2083.                           {% else %}
  2085.                           Toast.fire({
  2086.                               icon: 'warning',
  2087.                               title: "Aucune offre trouvée"
  2088.                           });
  2089.                           {% endif %}
  2090.                       }else{
  2094.                           window.location.assign("{{ onlinePath}}/building/detail?destination="+destinationTown+"&buildingType="+buildingType+"&startDate="+startDate+"&endDate="+endDate+"&child="+child+"&=adult="+adult);
  2095.                       }
  2096.                       $("#btn_search_"+buildingType).removeClass("disabled");
  2097.                       $("#btn_loading_"+buildingType).addClass("hide");
  2098.                       $("#btn_text_"+buildingType).html("Rechercher");
  2100.                   },
  2101.                   error:function (xhr, textStatus, errorThrown) {
  2104.                       const button = document.getElementById("btn_search_"+buildingType);
  2106. // Disable the button
  2107.                       button.disabled = false;
  2108.                       $("#btn_search_"+buildingType).removeClass("disabled");
  2109.                       $("#btn_loading_"+buildingType).addClass("hide");
  2110.                       $("#btn_text_"+buildingType).html("Rechercher");
  2111.                   }
  2113.               });
  2116.           }
  2120.           /*  E-commerce part   */
  2122.           function reduceItem(productId){
  2123.               var currentQuantity=parseInt($("#item_"+productId).val());
  2125.               if(currentQuantity>1){
  2126.                   document.getElementById("item_"+productId).value =  (currentQuantity-1);
  2127.               }
  2128.           }
  2129.           function adjustItem(productId, stock){
  2130.               var currentQuantity=parseInt($("#item_"+productId).val());
  2131.               if(currentQuantity<parseInt(stock)){
  2132.                   document.getElementById("item_"+productId).value =  (currentQuantity+1);
  2133.               }
  2136.           }
  2140.           const nodeList = document.querySelectorAll(".ml12");
  2142.           for (let i = 0; i < nodeList.length; i++) {
  2143.               nodeList[i].innerHTML = nodeList[i].textContent.replace(/\S/g, "<span class='letter'>$&</span>");
  2144.           }
  2146.           const nodeList13 = document.querySelectorAll(".ml13");
  2148.           for (let i = 0; i < nodeList13.length; i++) {
  2149.               nodeList13[i].innerHTML = nodeList13[i].textContent.replace(/\S/g, "<span class='letter'>$&</span>");
  2150.           }
  2153.           anime.timeline({loop: true})
  2154.               .add({
  2155.                   targets: '.ml12 .letter',
  2156.                   scale: [2,1],
  2157.                   opacity: [0,1],
  2158.                   translateZ: 0,
  2159.                   easing: "easeInExpo",
  2160.                   duration: 950,
  2161.                   delay: (el, i) => 70*i
  2162.               }).add({
  2163.               targets: '.ml12',
  2164.               opacity: 0,
  2165.               duration: 13000,
  2166.               easing: "easeInExpo",
  2167.               delay: 800
  2168.           });
  2171.           anime.timeline({loop: true})
  2172.               .add({
  2173.                   targets: '.ml13 .letter',
  2174.                   translateX: [40,0],
  2175.                   translateZ: 0,
  2176.                   opacity: [0,1],
  2177.                   easing: "easeOutExpo",
  2178.                   duration: 1200,
  2179.                   delay: (el, i) => 500 + 30 * i
  2180.               }).add({
  2181.               targets: '.ml13 .letter',
  2182.               translateX: [0,-30],
  2183.               opacity: [1,0],
  2184.               easing: "easeInExpo",
  2185.               duration: 10500,
  2186.               delay: (el, i) => 100 + 30 * i
  2187.           });
  2188.       </script>
  2189.   {% endblock %}