{{ macro('sejour-hotel.availability').templateComponentSupplement() }}<template id="item-hotel"> {% if (onlyHotelPrice is defined and onlyHotelPrice) or plateforme_hotel == 'true' %} <item-pension-room ref="pensionRoom" :hotel="hotel"></item-pension-room> {% else %} <div class="item-wrap"> <div class="property-item"> <div class="hotel-header" id="hotel"> <div class="image-block"> <figure class="item-thumb"> <span class="label-featured label label-success lbl-etiquette" :style="{ backgroundColor:etiquette.color , top:etiquette.top+'px' }" v-for="etiquette in hotel.etiquettes" :class="`etiquette-${etiquette.slug}`"> <img :src="etiquette.icon" onerror="javascript:this.remove()" v-if="typeof etiquette.icon !== 'undefined' && etiquette.icon != null"> <span v-if="etiquette.promotion !== undefined">-${etiquette.promotion}%</span> <span v-else>${etiquette.libelle}</span> </span> <div class="price hide-on-list price-hide-on-list"> <p class="price-start"> {{ "à partir de"|trans }}</p> <h3 class="price-start">${ hotel.minPrix } {{ deviseSelected().symbole }} </h3> <p class="rant old-price" v-if="hotel.minPrix != hotel.minBasePrix"> ${ hotel.minBasePrix } {{ deviseSelected().symbole }} </p> <p class="rant price-start">${ hotel.minArrangement }</p> </div> {{ macro('sejour-hotel.availability').itemHotelImage() }} </figure> </div> <div class="item-body"> <div class="col table-cell"> <div class="info-row"> <div class="row d-flex"> <div class="box-mobile-left"> {{ macro('sejour-hotel.availability').itemHotelNameStarts() }} </div> <div class="box-mobile-right"> <div class="price hide-on-list price-hide-on-list"> <img v-for="etiquette in hotel.etiquettesEmplacement" :src="etiquette.media" :class="`etiquette-${etiquette.slug}`" style="height: 40px;width: 40px"> {% if configAffichage.HOTEL.CHECK_IMG_RECOMMANDED %} <span class=" hotel-recommander"> <img v-if="hotel.recommander" src="{{ domaineBack() ~ '/file_manager/source/hotel_recommanded.svg' }}" height="35px" width="35px"/> </span> {% endif %} <span class="tripAdvisor text-end" v-html="hotel.tripAdvisor"></span> </div> </div> </div> <h4 class="property-location"> <i class="fa fa-map-marker-alt fa-1" aria-hidden="true" ></i> ${ hotel.ville }</h4> {% if 'description' in configAffichage.HOTEL.DESCRIPTION_BLOC_HOTEL %} <div class="large-content" v-if="hotel.description !== undefined && hotel.description !== null"> <p class="text-crope" v-html="hotel.description.removeSizeStyles()"></p> </div> {% endif %} <div class="tagcloud" id="theme-hotel-list"> <a v-for="tag in hotel.tags">${ tag.libelle }</a> </div> {% if 'icons' in configAffichage.HOTEL.DESCRIPTION_BLOC_HOTEL %} <ul class="actions"> <li v-for="amenagement in hotel.amenagements"> <img data-toggle="tooltip" data-placement="top" class="amenagement" v-if="amenagement.icone" :title="amenagement.libelle" :src="` {{ domaineBack() }}/${ amenagement.icone }`"> </li> </ul> {% endif %} <div class="label-wrap" id="etiquette-hotel-list"> <div class="label-status label" :style="{ backgroundColor:etiquette.color }" v-for="etiquette in hotel.etiquettesSaison" :class="`etiquette-${etiquette.slug}`"> <span v-if="etiquette.promotion !== undefined">-${etiquette.promotion}% {{ "jusqu'au"|trans }} ${etiquette.fin} </span> <span v-else>${etiquette.libelle}</span> <i v-if="typeof etiquette.hasCountDown !== 'undefined' && etiquette.hasCountDown" ref="countdown" :data-time="etiquette.countdownDate.date"></i> </div> </div> </div> </div> <div class="table-cell hidden-gird-cell"> <div class="info-row price"> <div class="price etiq-mobile"> <img v-for="etiquette in hotel.etiquettesEmplacement" :src="etiquette.media" :class="`etiquette-${etiquette.slug}`" style="height: 40px;width: 40px"> {% if configAffichage.HOTEL.CHECK_IMG_RECOMMANDED %} <span class=" hotel-recommander"> <img v-if="hotel.recommander" src="{{ domaineBack() ~ '/file_manager/source/hotel_recommanded.svg' }}" style="height: 40px;width: 40px" /> </span> {% endif %} </div> <p class="tripAdvisor" v-html="hotel.tripAdvisor"></p> <p class="price-start">{{ "à partir de"|trans }}</p> {{ macro('sejour-hotel.availability').itemHotelPrice() }} <p class="rant old-price" v-if="hotel.minBasePrix != hotel.minPrix"> ${ hotel.minBasePrix } {{ deviseSelected().symbole }} </p> <p class="rant">${ hotel.minArrangement }</p> {% if configAffichage.HOTEL.DISPLAY_PRICE_HALF_DOUBLE == 'oui' %} <h3 v-if="minPrix2Loading" class="price-start ssc-head-line mb"></h3> <h3 v-else-if="parseFloat(minPrix2.prix)>0" class="price-start" :title="minPrix2.chambre + ' en ' + minPrix2.arrangement">${ minPrix2.prix } {{ deviseSelected().symbole }} </h3> <h3 v-if="!minPrix2Loading && parseFloat(minPrix2.prix) == 0" class="price-start">{{ "non disponible"|trans }}</h3> {% endif %} </div> <a class="btn btn-primary" @click="loadPrices($event)" role="button">{{ "Tarifs & Chambres"|trans }}<i class="fa fa-angle-right fa-right"></i> </a> </div> <div class="table-list full-width hide-on-list"> <div class="cell"> <div class="phone"> <a class="btn btn-primary" @click="loadPrices($event)" role="button">{{ "Tarifs & Chambres"|trans }} <i class="fa fa-angle-right fa-right"></i> </a> </div> </div> </div> </div> </div> <div class="collapse {% if configAffichage.HOTEL.DEFAULT_OPEN_BLOC_CHAMBRE_TARIFS=='open' %} in {% endif %}" :id="`tarifs-hotel-${index_hotel}`"> <item-pension-room ref="pensionRoom" :hotel="hotel"></item-pension-room> </div> </div> </div> {% endif %}</template>