{% trans_default_domain 'app' %}
{% set nbPax = travellers['nbPax'] %}
{% set datearrivee = travellers['actdatearrivee'] | dateEnToFr %}
{% set datedepart = travellers['actdatedepart'] | dateEnToFr %}
{% set duree = travellers['actnbnuits'] %}
{% set actnbadultes = travellers['actnbadultes'] %}
{% set actnbenfants = travellers['actnbenfants'] %}
{% set actnbbebes = travellers['actnbbebes'] %}
<form method="post" class="form-inline" name="formResaProduit" id="formResaProduit" action="{{ path('ac_platform_produit_reservation_save', {'slug': slug, 'id': id}) }}">
<input type="hidden" name="id" value="{{ id }}" />
<div id="param-sejour" class="recherche-date">
<h3 class="main">{{ 'produit.reservation.titre' |trans({}, 'app') |raw }}</h3>
<div class="wrapper">
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"><span class="badge">1</span></div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10"><label class="section" for="datearrivee">{{ 'produit.reservation.date_arrivee.titre' |trans({}, 'app') |raw }}</label></div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10"><input class="btn-fiche-recherche datearriveeInput arrivalPicker data-hj-allow" type="text" id="datearrivee" name="datearrivee" aria-required="true" placeholder="JJ/MM/AAAA" value="{{ datearrivee }}" autocomplete="off" /></div>
</div>
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"><span class="badge">2</span></div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10"><label class="section" for="datedepart">{{ 'produit.reservation.date_depart.titre' |trans({}, 'app') |raw }}</label></div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10"><input class="btn-fiche-recherche datedepartInput departurePicker data-hj-allow" type="text" id="datedepart" name="datedepart" value="{{ datedepart }}" value="{{ datedepart }}" autocomplete="off" /></div>
</div>
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"><span class="badge">3</span></div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10"><label class="section"> {{ 'produit.reservation.participants.titre' |trans({}, 'app') |raw }}</label></div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
<div class="selectpicker-recherche data-hj-allow">
{{ render(controller('App\\Controller\\ProductController::adultes', {'travellers': travellers})) }}
</div>
<div class="padding-off selectpicker-recherche">
{{ render(controller('App\\Controller\\ProductController::enfants', {'travellers': travellers})) }}
</div>
<div id="container-dates-enfants">
{{ render(path('ac_platform_getages', {'type': 'enfants'})) }}
</div>
<div class="margin-bottom-30"></div>
<div class="padding-off selectpicker-recherche">
{{ render(controller('App\\Controller\\ProductController::bebes', {'travellers': travellers})) }}
</div>
<div id="container-dates-bebes"> {{ render(path('ac_platform_getages', {'type': 'bebes'})) }}</div>
</div>
</div>
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"><span class="badge">4</span></div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
<label class="section"> {{ 'produit.reservation.votre_formule.titre' |trans({}, 'app') |raw }}</label>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
<div class="selectpicker-recherche">
<select name="formule" class="selectpicker ">
{% set selected = null %}
{% for package in packages %}
{% if selectedFormule == package.idIresa %}
{% set selected = 'selected' %}
{% else %}
{% set selected = null %}
{% endif %}
<option value="{{ package.idIresa }}" {{ selected }} >{{ package.nom }}</option>
{% endfor %}
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"><span class="badge">5</span></div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10"><label class="section">{{ 'produit.reservation.votre_hebergement.titre' |trans({}, 'app') |raw }}</label></div>
<div class="messagedispolieu"></div>
<div id="listHebergements" style="display:none;">
{{ render(controller('App\\Controller\\ProductController::getHebergements', {})) }}
</div>
</div>
<input class="dureeInput" type="hidden" name="duree" value="{{ duree }}"/>
<div class="margin-top-30 produit-reassurance">
<p >✔ {{ 'produit.reassurance.annulation'| trans }}</p>
<p>✔ {{ 'produit.reassurance.paiement3X'| trans }}</p>
<div class="row margin-top-30 text-center">
<div class="col-md-3 col-sm-3 col-xs-3"></div>
<div class="col-md-3 col-sm-3 col-xs-3"><img alt="mastercard" src="{{ asset('build/images/front/mastercard.png')}}" /></div>
<div class="col-md-3 col-sm-3 col-xs-3"><img alt="ancv" src="{{ asset('build/images/front/ancv.png')}}" /></div>
<div class="col-md-3 col-sm-3 col-xs-3"></div>
</div>
</div>
</div>
</div>
</form>