Symfony Profiler

{% if not configAffichage is defined %}
{% set configAffichage = getConfigAffichage() %}
{% endif %}
{% if configAffichage.HOTEL["MODELE_SELECT_VILLE_HOTEL#{is_mobile() ? '_MOBILE' : ''}"] == 'typeahead' %}
<link href="{{ asset('assets-commun/jquery-typeahead-2.11.0/dist/jquery.typeahead.min.css') }}" rel="stylesheet"
type="text/css"/>
{% elseif configAffichage.HOTEL["MODELE_SELECT_VILLE_HOTEL#{is_mobile() ? '_MOBILE' : ''}"] == 'jsuites' %}
<link rel="stylesheet" href="{{ asset('assets-commun/css/jsuites.css') }}" type="text/css"/>
<style>
@media (max-width: 767px) {
.jsuite-liste-mobile {
width: 100%;
}
.jsuite-liste-mobile .jdropdown-header {
background: white;
color: #959595 !important;
border: 1px solid;
}
}
@media screen and (max-width: 991px) {
.stikynavbar {
position: fixed;
top: 59px;
width: 100%;
z-index: 999;
left: 0;
}
}
</style>
{% endif %}
<style>
.typeahead__container.destination {
width: 30%;
}
input.typeahead_destination{{ produit }} {
padding-left: 35px !important;
color: #959595;
height: 46px;
border-radius: 0;
}
.search {
background-color: #fff;
border: none;
border-right: 0;
border-radius: 4px 0 0 4px;
display: flex;
gap:2px
}
.search > div {
flex: auto;
}
.w100 {
width: 100%;
}
#dropdown input {
color: #95a2c1;
height: 42px;
padding-left:25px
}
.border-jsuite-liste {
border-radius: 4px;
}
</style>

<div class="modal fade" id="occupations{{ produit }}" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="text-modal"> {{ "Chambres et occupations"|trans }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
</div>
<div class="modal-body" id="vjs-advanced-search-{{ produit|lower }}">
<template v-for="(room,index) in rooms">
<h5 class="mb-1"> {{ "Chambre"|trans }} ${index + 1}
<i v-if="rooms.length>1" title="{{ "Supprimer chambre"|trans }}" @click="removeRoom(index)" class="fa fa-trash"></i>
</h5>
<div class="row">
<div class="col-12 col-sm-12 col-md-3">
<div class="form-group">
<label> {{ "Adultes"|trans }} </label>
<select class="selectpicker" v-model="room.Adult" ref="select"
data-live-search="false">
<option v-if="index == 0" v-for="item in {{ configAffichage.HOTEL.MAX_ADULTE }}">
${item}
</option>
<option v-if="index > 0" v-for="item in ({{ configAffichage.HOTEL.MAX_ADULTE }}+1)">
${item-1}
</option>
</select>
</div>
</div>
<div class="col-12 col-sm-12 col-md-3">
<div class="form-group">
<label> {{ "Enfants"|trans }}</label>
<select class="selectpicker" v-model="room.children" @change="editChildren(index)"
ref="select" data-live-search="false">
<option v-for="item in ({{ configAffichage.HOTEL.MAX_ENFANT }}+1)">${item-1}
</option>
</select>
</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="row">
<div v-for="(item , index) in room.Child" class="col-6 col-sm-4 col-md-3">
<div class="form-group">
<label> {{ "Age"|trans }} ${index+1}</label>
<select class="selectpicker" ref="select" data-live-search="false"
v-model="room.Child[index]">
<option v-for="age in {{ configAffichage.HOTEL.MAX_AGE_ENFANT }}"
v-if="age >= {{ configAffichage.HOTEL.MIN_AGE_ENFANT }}">${age}
</option>
{# <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">
<div class="col-12 col-sm-12 col-md-6">
<button class="btn btn-primary add-room-filtrev2 btn-block mb-1" @click="addRoom">
+ {{ "Ajouter une chambre"|trans }}
</button>
</div>
<div class="col-12 col-sm-12 col-md-6 mb-1">
<button data-dismiss="modal" class="btn btn-primary btn-block"
@click="Recap"> {{ "Demander"|trans }}</button>
</div>
</div>
<button hidden @click="callAvailability{{ produit }}" id="callAvailability{{ produit }}"></button>
</div>
</div>
</div>
</div>
{% set modele2 = (modele is defined and modele == 2) %}
{% if not is_mobile() or modele2 %}
<section class="advanced-search{% if not modele2 %} advance-search-header{% endif %}">
<div{% if not modele2 %} class="container"{% endif %}>
<div class="row">
<div class="col-sm-12">
<form>
<div class="form-group search-long ">
<div class="search display-grid-mobile ">
{% if not modele2 %}
{% if configAffichage.HOTEL["MODELE_SELECT_VILLE_HOTEL#{is_mobile() ? '_MOBILE' : ''}"] == 'jsuites' %}
<div id="dropdown{{ produit }}" class="input-marker input-icon border-jsuite-liste d-flex align-items-center"></div>
{% elseif configAffichage.HOTEL["MODELE_SELECT_VILLE_HOTEL#{is_mobile() ? '_MOBILE' : ''}"] == 'typeahead' %}
<div class="typeahead__container destination">
<div class="typeahead__field">
<div class="typeahead__query input-marker input-icon">
<input class="typeahead_destination{{ produit }}"
placeholder="{{ "Ville ou hôtel"|trans }}"
onclick="this.value=''"
autocomplete="off">
</div>
</div>
</div>
{% endif %}
{#<div class="input-marker input-icon" id="scrollable-dropdown-menu">
<input class="form-control typeahead destination{{ produit }}" autocomplete="off"
type="text" placeholder="Ville ou hôtel" onclick="this.value=''">
</div>#}
{% endif %}
<div class="input-calendar input-icon">
<input class="form-control read-only" type="text" name="daterange{{ produit }}"
readonly>
</div>
<div class="input-users input-icon">
{% if product=="hotel"%}
<input class="form-control read-only bg-white" type="text" readonly="readonly"
data-toggle="modal" data-target="#occupations{{ produit }}" value="">
{% else %}
<input class="form-control"
{% if app.request.get('rooms') is not null %} value="{{ app.request.get('rooms') }}" {% else%} placeholder="2 {#adulte(s)#}" {% endif %}
oninput="vjsAdvancedSearch{{ produit }}.rooms[0].Adult = $(this).val();
vjsAdvancedSearch{{ produit }}.occupations = $(this).val();
vjsAdvancedSearch{{ produit }}.recap_occupations = $(this).val() + ' adulte'+ ($(this).val() > 1 ?'s':'') "
type="number" min="1" >
{% endif %}
</div>
<div class="search-btn display-grid-mobile">
<button id="search" class="btn btn-secondary filtre-v2" type="button"
onclick="$('button#callAvailability{{ produit }}').click()">
<span id="transformation-text-button"> {{ "Recherche"|trans }}</span>
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
{% else %}
{% if not modele2 %}
{% if app.request.get('_route') != 'accueil' %}
<div{% if not modele2 %} class="container"{% endif %}>
<div class="row">
<div class="col-sm-12">
<div class="advanced-search-mobile mt-2 visible-xs visible-sm " id="navbar">
<form>
<div class="single-search-wrap">
<div class="single-search-inner single-search">
<p class="property-location">
<span id="mobile-destination">{{ _destination }}</span>
</p>
<p class="property-location"><i
class="fa fa-calendar fa-1 mr-1" aria-hidden="true"></i>
<span id="mobile-sejour">Du {{ "now"|date("d/m/Y") }} Au {{ "now"|date_modify("+1 day")|date("d/m/Y") }}</span>
</p>
<p class="property-location"><i
class="fa fa-users fa-1 mr-1" aria-hidden="true"></i>
<span id="mobile-occupations">{{ "une chambre: 2 adultes et 0 enfant"|trans }}</span>
</p>
</div>
<div class="single-search-inner advance-btn">
<a href="#" class="btn btn-default" id="edit-search-mobile">{{ "Modifier"|trans }}
<i class="fa fa-angle-right fa-right"></i></a>
</div>
</div>
<div class="advance-fields">
<div class="row">
{% if not modele2 %}
<div class="col-12 col-sm-12 col-md-6">
{% if configAffichage.HOTEL["MODELE_SELECT_VILLE_HOTEL#{is_mobile() ? '_MOBILE' : ''}"] == 'jsuites' %}
<div id="dropdown{{ produit }}" class="jsuite-liste-mobile form-group"></div>
{% elseif configAffichage.HOTEL["MODELE_SELECT_VILLE_HOTEL#{is_mobile() ? '_MOBILE' : ''}"] == 'typeahead' %}
<div class="form-group" id="scrollable-dropdown-menu">
<div class="typeahead__container destination"
style="width:100%">
<div class="typeahead__field">
<div class="typeahead__query input-marker input-icon">
<input class="typeahead_destination{{ produit }}"
placeholder="{{ "Ville ou hôtel"|trans }}"
onclick="this.value=''"
autocomplete="off">
</div>
</div>
</div>
</div>
{% endif %}
{#<div class="form-group" id="scrollable-dropdown-menu">
<input class="form-control typeahead destination{{ produit }}"
type="text"
placeholder="Ville ou hôtel" onclick="this.value=''"
style="border: none; ">
</div>#}
</div>
{% endif %}
<div class="col-12 col-sm-12 col-md-6">
<div class="form-group">
<input class="form-control" type="text" name="daterange{{ produit }}">
</div>
</div>
<div class="col-12 col-sm-12 col-md-6">
<div class="form-group">
{% if product=="hotel"%}
<input class="form-control read-only bg-white" type="text" readonly="readonly"
data-toggle="modal" data-target="#occupations{{ produit }}"
value="">
{% else %}
<input class="form-control"
{% if app.request.get('rooms') is not null %} value="{{ app.request.get('rooms') }}" {% else%} placeholder="2 {#adulte(s)#}" {% endif %}
oninput="vjsAdvancedSearch{{ produit }}.rooms[0].Adult = $(this).val();
vjsAdvancedSearch{{ produit }}.occupations = $(this).val();
vjsAdvancedSearch{{ produit }}.recap_occupations = $(this).val() + ' adulte'+ ($(this).val() > 1 ?'s':'') "
type="number" min="1" >
{% endif %}
</div>
</div>
<div class="col-12 col-sm-12">
<button type="button"
onclick="$('a#edit-search-mobile').click();$('button#callAvailability{{ produit }}').click()"
class="btn btn-secondary btn-block"><i
class="fa fa-search pull-left"></i> {{ "Lancer la recherche"|trans }}
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
{% else %}
<section class="advanced-search visible-xs visible-sm">
<div class="container">
<div class="row">
<form>
<div class="col-12 col-sm-12">
<div class="form-group">
{% if configAffichage.HOTEL["MODELE_SELECT_VILLE_HOTEL#{is_mobile() ? '_MOBILE' : ''}"] == 'jsuites' %}
<div id="dropdown{{ produit }}"></div>
{% elseif configAffichage.HOTEL["MODELE_SELECT_VILLE_HOTEL#{is_mobile() ? '_MOBILE' : ''}"] == 'typeahead' %}
<div class="input-search input-icon" id="scrollable-dropdown-menu">
<input class="form-control typeahead destination{{ produit }}"
autocomplete="off"
type="text" placeholder="{{ "Ville ou hôtel"|trans }}"
onclick="this.value=''">
</div>
{% endif %}
</div>
</div>
<div class="col-12 col-sm-12">
<div class="form-group">
<div class="input-calendar input-icon">
<input class="form-control read-only" type="text"
name="daterange{{ produit }}">
</div>
</div>
</div>
<div class="col-12 col-sm-12">
<div class="form-group">
<div class="input-users input-icon">
<input class="form-control read-only bg-white" type="text" readonly="readonly"
onclick="$('#occupations{{ produit }}').modal('show')"
value="">
</div>
</div>
</div>
<div class="col-12 col-sm-12">
<div class="form-group">
<button type="button" class="btn btn-secondary btn-block"
onclick="$('button#callAvailability{{ produit }}').click()">
<i class="fa fa-search"></i>
<span id="transformation-text-button"> {{ "Recherche"|trans }}</span>
</button>
</div>
</div>
</form>
</div>
</div>
</section>
{% endif %}
{% endif %}
{% endif %}

templates/FrontCommun/advanced-search.html.twig line 1