{% if sliders.desktop|length>0 %} <div class="full-slider"> <div class="header-media"> <div id="banner-module" class="houzez-module banner-module"> <div class="container-fluid"> <div class="row"> <div class="col-sm-12 no-padding"> <div id="banner-slider" class="banner-slider slide-animated"> {% for slider in sliders.desktop %} {% if slider.dateDebutAffichage <= 'now'|date('Y-m-d') and slider.dateFinAffichage >= 'now'|date('Y-m-d') %} <div class="item slides {% if loop.first %} active {% endif %}"> <a href="{{ slider.url }}"> <img src="{{ domaine_back }}/{{ asset(slider.photo) }}" alt="{{ slider.alt }}"> </a> <div class="hero hidden-sm hidden-xs"> <hgroup> <h1>{{ slider.titre1 }}</h1> <h2>{{ slider.titre2 }} </h2> </hgroup> </div> </div> {% endif %} {% endfor %} </div> </div> </div> </div> </div> </div> </div>{% endif %}<div id="search"> <div class="container"> <div class="row "> <div class="form bg-white"> <div class="col-lg-3 col-md-3 col-sm-6 mb-sm-3"> <div class="form-group"> <div class="input-group" id="localisation"> <label for="Destination"> Destination</label> <div class="input-right"> <img src="{{ asset('assets/images/icons/icon-filtre.svg') }}" alt="icon"> <input type="text" class="form-control typeahead destination" id="Destination" placeholder="Hôtel ou ville" onclick="this.value=''"/> </div> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-6 mb-sm-3"> <div class="form-group"> <div class="input-group" id="date"> <label for="Arrivée - Départ"> Arrivée - Départ </label> <div class="input-right"> <img src="{{ asset('assets/images/icons/calendar-search.svg') }}" alt="icon"> <input type="text" class="form-control datepicker bg-input" placeholder="Arrivée" name="daterange" id="Arrivée - Départ" readonly="readonly" style="cursor: pointer"> </div> </div> </div> </div> <div class="col-lg-3 col-md-3 col-sm-12 mb-sm-3"> <div class="form-group"> <div class="input-group" id="passagers"> <label for="Chambre"> Chambre(S)</label> <input class="form-control read-only" type="text" readonly="readonly" data-toggle="modal" id="Chambre" data-target="#occupations" value="1 Chambre: 2 adultes et un enfant"> </div> </div> </div> <div class="col-lg-2 col-md-2 col-sm-12 no-padding mb-tp-3"> {#<div class="btn btn-list">VOIR TARIFS</div>#} <button onclick="$('button#callAvailability').click()" type="button" id="btnSearch" class="btn btn-list"> <i class="fa fa-search mr-2" aria-hidden="true"></i>VOIR TARIFS </button> </div> </div> </div> </div></div><div class="modal fade" id="occupations" tabindex="-1" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="overlay"></div> <div class="modal-header d-block"> <div class="row"> <div class="col-md-10"> <h4>Chambres et occupations</h4> </div> <div class="col-md-2"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="fa fa-times"></i> </button> </div> </div> </div> <div class="modal-body" id="vjs-advanced-search"> <template v-for="(room,index) in rooms"> <h5 style=" margin-bottom: 0px; font-weight: bold">Chambre ${index + 1} <i v-if="rooms.length>1" title="Supprimer chambre" @click="removeRoom(index)" class="fa fa-trash-o text-danger"></i> </h5> <div class="row"> <div class="col-sm-3 col-xs-12 adultes"> <div class="form-group"> <label style="font-weight: bold">Adultes</label> <select class="selectpicker" v-model="room.Adult" ref="select" data-live-search="false"> <option v-if="index == 0" v-for="item in 10">${item}</option> <option v-if="index > 0" v-for="item in 11">${item-1}</option> </select> </div> </div> <div class="col-md-3 col-xs-12 adultes"> <div class="form-group"> <label style="font-weight: bold">Enfants</label> <select class="selectpicker" v-model="room.children" @change="editChildren(index)" ref="select" data-live-search="false"> <option v-for="item in 5">${item-1}</option> </select> </div> </div> <div class="col-md-6 children"> <div v-for="(item , index) in room.Child" class="col-sm-3"> <div class="form-group"> <label style=" white-space: nowrap;font-weight: bold ">Age ${index+1}</label> <select class="selectpicker" ref="select" data-live-search="false" v-model="room.Child[index]"> <option v-for="age in 17">${age}</option> </select> </div> </div> </div> </div> <hr style=" margin-top: 0px;margin-bottom: 15px; "> </template> <div class="row modalfooter"> <div class="col-md-6 mb-sm-3 col-xs-12" style="margin-bottom: 15px; "> <button class="btn btn-warning btn-block" @click="addRoom">+ Ajouter une chambre</button> </div> <div class="col-md-6 col-xs-12" style="margin-bottom: 15px;"> <button class="btn btn-primary btn-block" @click="Recap">Demander</button> </div> </div> <button hidden @click="callAvailability" id="callAvailability"></button> </div> </div> </div></div>