Symfony Profiler

<div class="detail-top">
<div class="container">
<div class="membership-content-area">
<div class="row row-blog-reverse">
<div class="col-lg-8 col-md-8 col-sm-12 col-12 container-contentbar">
<div class="content">
{% set step=1 %}
<form method="post" id="form-reservation" enctype="multipart/form-data"
{# action="{{ path(app.session.get('routeConfirm')?app.session.get('routeConfirm'):'confirmation',{'slug':details.slug,Paiement:'Agence'}) }}"#}
onsubmit="
if($(`[name='data[chambresingle]']`).val()==0 &&
$(`[name='data[chambredouble]']`).val()==0 &&
$(`[name='data[chambretriple]']`).val()==0 &&
$(`[name='data[chambrequadruple]']`).val()==0){
viewAlert('{{ "Veuillez sélectionner au moins une chambre !."|trans }}','warning')
return false
}
return true
">
<input type="hidden" name="routeConfirm"
value="{{ app.session.get('routeConfirm') ? app.session.get('routeConfirm') : 'confirmation' }}">
{% if type==2 %}
<div class="widget-info">
<div class="info-title">
<h2 class="info-title-left">
{% if configAffichage!= null and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM is defined and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM == 'oui' %}
<strong>{{ step }}</strong>
{% set step=step+1 %}
{% endif %}
Choisissez la date de départ qui vous convient
</h2>
</div>
<div class="step marginbottom">
<div class="input-calendar input-icon icon-v2">
<label class="control-label">Date de départ <span
class="obligatoire">*</span></label>
<input type="date" required name="data[depart]" class="form-control">
</div>
</div>
</div>
{% endif %}
<div class="widget-info">
<div class="info-title">
<h2 class="info-title-left">
{% if configAffichage!= null and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM is defined and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM == 'oui' %}
<strong>{{ step }}</strong>
{% set step=step+1 %}
{% endif %}
{% if type==8 %}
{{ "Occupations"|trans }}
{% else %}
{{ "Type de chambre"|trans }}
{% endif %}
</h2>
</div>
<input type="hidden" name="pack" value="{{ packs.id }}">
<input type="hidden" name="data[idPack]" value="{{ packs.id }}">
<input type="hidden" name="data[idClient]" value="">
<input type="hidden" name="data[couponReduction]" id="couponReduction" value="">
<input type="hidden" name="data[nuitees]" id="nuitees" value="">
<input type="hidden" name="data[dateDebut]" id="dateDebut" value="">
<div class="step">
{% if packs.tarifs.double is defined %}
<div class="row_billetterie">
<div class="row_billetterie_double">
<div class="row row_billetterie">
<div class="col-md-4 textright margin-mobile-vo"
style="margin-top: 10px;">
<div class="margtop15" {% if is_mobile() %} style="float: left;top: 12px;position: relative;" {% endif %}>
<span class="dark"> {{ packs.tarifs.double.name|trans }} </span>
</div>
{% if is_mobile() %}
<div style="float: right">
<div class="font-weight-bold">
{% if packs.tarifs.double.vente|number_format == '0' %}
Sur demande
{% else %}
{{ " à partir de"|trans }} {{ packs.tarifs.double.vente|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% endif %}
</div>
</div>
{% endif %}
</div>
<div class="col-md-4">
<div class="form-group select-style"
style="margin-bottom: 15px;">
<select data-name="double" name='data[chambredouble]'
class="form-control selectpicker" id="double"
required>
<option value="0">sélectionner chambre</option>
{% for i in 1..10 %}
<option value="{{ i }}">{{ i }}</option>
{% endfor %}
</select>
</div>
</div>
{% if not is_mobile() %}
<div class="col-md-4">
<div class="font-weight-bold">
{% if packs.tarifs.double.vente|number_format == '0' %}
Sur demande
{% else %}
{{ " à partir de"|trans }} {{ packs.tarifs.double.vente|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>
<div class="row row_billetterie occupants double"
style="display: none">
</div>
</div>
{% endif %}
{% if packs.tarifs.single is defined %}
<div class=" row_billetterie">
<div class="row_billetterie_single">
<div class="row row_billetterie">
<div class="col-md-4 textright margin-mobile-vo"
style="margin-top: 10px;">
<div class="margtop15" {% if is_mobile() %} style="float: left;top: 12px;position: relative;" {% endif %}>
<span class="dark">
{% if type == 8 %}
{{ "Nombre occupant"|trans }}
{% else %}
{{ packs.tarifs.single.name|trans }}
{% endif %}
</span>
</div>
{% if is_mobile() %}
<div style="float: right">
<div class="font-weight-bold">
{% if packs.tarifs.single.vente|number_format == '0' %}
Sur demande
{% else %}
{{ "à partir de"|trans }} {{ packs.tarifs.single.vente|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% endif %}
</div>
</div>
{% endif %}
</div>
<div class="col-md-4">
<div class="form-group select-style"
style="margin-bottom: 15px;">
<select data-name="single" name='data[chambresingle]'
class="form-control selectpicker" id="single"
required>
<option value="0">
{% if type == 8 %}
sélectionner nombre occupant
{% else %}
sélectionner chambre
{% endif %}
</option>
{% for i in 1..10 %}
<option value="{{ i }}">{{ i }}</option>
{% endfor %}
</select>
</div>
</div>
{% if not is_mobile() %}
<div class="col-md-4">
<div class="font-weight-bold">
{% if packs.tarifs.single.vente|number_format == '0' %}
Sur demande
{% else %}
{{ "à partir de"|trans }} {{ packs.tarifs.single.vente|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>
<div class="row row_billetterie occupants single"
style="display: none">
</div>
</div>
{% endif %}
{% if packs.tarifs.triple is defined %}
<div class=" row_billetterie">
<div class="row_billetterie_triple">
<div class="row row_billetterie">
<div class="col-md-4 textright margin-mobile-vo"
style="margin-top: 10px;">
<div class="margtop15" {% if is_mobile() %} style="float: left;top: 12px;position: relative;" {% endif %}>
<span class="dark"> {{ packs.tarifs.triple.name|trans }}</span>
</div>
{% if is_mobile() %}
<div style="float: right">
<div class="font-weight-bold">
{% if packs.tarifs.triple.vente|number_format == '0' %}
Sur demande
{% else %}
{{ "à partir de"|trans }} {{ packs.tarifs.triple.vente|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% endif %}
</div>
</div>
{% endif %}
</div>
<div class="col-md-4">
<div class="form-group select-style"
style="margin-bottom: 15px;">
<select data-name="triple" name='data[chambretriple]'
class="form-control selectpicker" id="triple"
required>
<option value="0">sélectionner chambre</option>
{% for i in 1..10 %}
<option value="{{ i }}">{{ i }}</option>
{% endfor %}
</select>
</div>
</div>
{% if not is_mobile() %}
<div class="col-md-4">
<div class="font-weight-bold">
{% if packs.tarifs.triple.vente|number_format == '0' %}
Sur demande
{% else %}
{{ "à partir de"|trans }} {{ packs.tarifs.triple.vente|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>
<div class="row row_billetterie occupants triple"
style="display: none"></div>
</div>
{% endif %}
{% if packs.tarifs.quadruple is defined %}
<div class=" row_billetterie">
<div class="row_billetterie_quadruple">
<div class="row row_billetterie">
<div class="col-md-4 textright margin-mobile-vo"
style="margin-top: 10px;">
<div class="margtop15" {% if is_mobile() %} style="float: left;top: 12px;position: relative;" {% endif %}>
<span class="dark"> {{ packs.tarifs.quadruple.name|trans }}</span>
</div>
{% if is_mobile() %}
<div style="float: right">
<div class="font-weight-bold">
{% if packs.tarifs.quadruple.vente|number_format == '0' %}
Sur demande
{% else %}
{{ "à partir de"|trans }} {{ packs.tarifs.quadruple.vente|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% endif %}
</div>
</div>
{% endif %}
</div>
<div class="col-md-4">
<div class="form-group select-style"
style="margin-bottom: 15px;">
<select data-name="quadruple" name='data[chambrequadruple]'
class="form-control selectpicker" id="quadruple"
required>
<option value="0">sélectionner chambre</option>
{% for i in 1..10 %}
<option value="{{ i }}">{{ i }}</option>
{% endfor %}
</select>
</div>
</div>
{% if not is_mobile() %}
<div class="col-md-4">
<div class="font-weight-bold">
{% if packs.tarifs.quadruple.vente|number_format == '0' %}
Sur demande
{% else %}
{{ "à partir de"|trans }} {{ packs.tarifs.quadruple.vente|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>
<div class="row row_billetterie occupants quadruple"
style="display: none"></div>
</div>
{% endif %}
</div>
{% if packs.tarifs.supplements|length >0 %}
<div class="info-title">
<h2 class="info-title-left">
{% if configAffichage!= null and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM is defined and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM == 'oui' %}
<strong>{{ step }}</strong>
{% set step=step+1 %}
{% endif %}
Suppléments </h2>
</div>
<div class="step row">
<div class="">
<table style="margin-top:0px"
class="table table-bordered table-striped table-condensed">
<thead>
<tr>
<th></th>
<th style="color: black;"> {{ "Prix Adulte"|trans }} </th>
{% if details.agesEnfant.minAge1 is not null and details.agesEnfant.minAge1 > 0 %}
<th style="color: black;"> {{ "Prix Enfant"|trans }}
{{ "entre"|trans }} {{ details.agesEnfant.minAge1 }}
{{ "et"|trans }} {{ details.agesEnfant.maxAge1 }}</th>
{% endif %}
{% if details.agesEnfant.minAge2 is not null and details.agesEnfant.minAge2 > 0 %}
<th style="color: black;">{{ "Prix Enfant"|trans }}
{{ "entre"|trans }} {{ details.agesEnfant.minAge2 }}
{{ "et"|trans }} {{ details.agesEnfant.maxAge2 }}</th>
{% endif %}
<th style="color: black;"> {{ "Prix bebe"|trans }}</th>
</tr>
</thead>
{% for option in packs.tarifs.supplements %}
<tbody>
<tr>
<td>
<div class="">
<label><input id="supplements"
style="width: 16px; height: 16px; cursor: pointer;"
type="checkbox"
name="data[supplement{{ option.id }}]"
{% if option.obligatoire %}disabled
checked {% endif %}/> {{ option.libelle }} {% if option.obligatoire %}
<small> {{ "Obligatoire"|trans }} </small>{% endif %}
</label>
</div>
</td>
<td>
<div class="text-center">
{% if option.adulte is not null %}
{{ option.adulte|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% else %}
<i class="fa fa-ban fa-2x"></i>
{% endif %}
</div>
</td>
{% if details.agesEnfant.minAge1 is not null and details.agesEnfant.minAge1 > 0 %}
<td>
<div class="text-center">
{% if option.enfant1 is not null %}
{{ option.enfant1|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% else %}
<i style="font-size: 1.7em;"
class="fa fa-ban"></i>
{% endif %}
</div>
</td>
{% endif %}
{% if details.agesEnfant.minAge2 is not null and details.agesEnfant.minAge2 > 0 %}
<td>
<div class="text-center">
{% if option.enfant2 is not null %}
{{ option.enfant2|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% else %}
<i style="font-size: 1.7em;"
class="fa fa-ban"></i>
{% endif %}
</div>
</td>
{% endif %}
<td>
<div class="text-center">
{% if option.bebe is not null %}
{{ option.bebe|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% else %}
<i style="font-size: 1.7em;"
class="fa fa-ban"></i>
{% endif %}
</div>
</td>
</tr>
</tbody>
{% endfor %}
</table>
</div>
</div>
{% endif %}
</div>
{% if periode.excursions| length >0 %}
<div class="widget-info">
<div class="info-title">
<h2 class="info-title-left">
{% if configAffichage!= null and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM is defined and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM == 'oui' %}
<strong>{{ step }}</strong>
{% set step=step+1 %}
{% endif %}
{{ "Circuits & excursions"|trans }} </h2>
</div>
<div class=" step row">
<div class="">
<table style="margin-top:0px"
class="table table-bordered table-striped table-condensed">
<thead>
<tr>
<th></th>
<th style="color: black;"> {{ "Prix Adulte"|trans }}</th>
{% if details.agesEnfant.minAge1 is not null and details.agesEnfant.minAge1 > 0 %}
<th style="color: black;"> {{ "Prix Enfant"|trans }}
{{ "entre"|trans }} {{ details.agesEnfant.minAge1 }}
{{ "et"|trans }} {{ details.agesEnfant.maxAge1 }}</th>
{% endif %}
{% if details.agesEnfant.minAge2 is not null and details.agesEnfant.minAge2 > 0 %}
<th style="color: black;"> {{ "Prix Enfant"|trans }}
{{ "entre"|trans }} {{ details.agesEnfant.minAge2 }}
{{ "et"|trans }} {{ details.agesEnfant.maxAge2 }}</th>
{% endif %}
<th style="color: black;"> {{ "Prix Bebe"|trans }}</th>
</tr>
</thead>
{% for option in periode.excursions %}
<tbody>
<tr>
<td>
<div class="">
<label><input id="excrsion"
style="width: 16px; height: 16px; cursor: pointer;"
type="checkbox"
name="data[circuit{{ option.id }}]"
{% if option.obligatoire %}disabled
checked {% endif %}/> {{ option.libelle }} {% if option.obligatoire %}
<small> {{ "Obligatoire"|trans }}</small>{% endif %}
</label>
</div>
</td>
<td>
<div class="text-center">
{% if option.adulte is not null %}
{{ option.adulte|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% else %}
<i style="font-size: 1.7em;"
class="fa fa-ban"></i>
{% endif %}
</div>
</td>
{% if details.agesEnfant.minAge1 is not null and details.agesEnfant.minAge1 > 0 %}
<td>
<div class="text-center">
{% if option.enfant1 is not null %}
{{ option.enfant1|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% else %}
<i class="fa fa-ban fa-2x"></i>
{% endif %}
</div>
</td>
{% endif %}
{% if details.agesEnfant.minAge2 is not null and details.agesEnfant.minAge2 > 0 %}
<td>
<div class="text-center">
{% if option.enfant2 is not null and option.enfant2 > 0 %}
{{ option.enfant2|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% else %}
<i class="fa fa-ban fa-2x"></i>
{% endif %}
</div>
</td>
{% endif %}
<td>
<div class="text-center">
{% if option.bebe is not null %}
{{ option.bebe|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% else %}
<i class="fa fa-ban fa-2x"></i>
{% endif %}
</div>
</td>
</tr>
</tbody>
{% endfor %}
</table>
</div>
</div>
</div>
{% endif %}
{% if periode.frais|length >0 %}
<div class="widget-info">
<div class="info-title">
<h2 class="info-title-left">
{% if configAffichage!= null and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM is defined and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM == 'oui' %}
<strong>{{ step }}</strong>
{% set step=step+1 %}
{% endif %}
Autres frais divers </h2>
</div>
<div class="step row">
<div class="">
<table style="margin-top:0px"
class="table table-bordered table-striped table-condensed">
<thead>
<tr>
<th></th>
<th style="color: black;"> {{ "Prix Adulte"|trans }}</th>
{% if details.agesEnfant.minAge1 is not null and details.agesEnfant.minAge1 > 0 %}
<th style="color: black;"> {{ "Prix Enfant"|trans }}
{{ "entre"|trans }} {{ details.agesEnfant.minAge1 }}
{{ "et"|trans }} {{ details.agesEnfant.maxAge1 }}</th>
{% endif %}
{% if details.agesEnfant.minAge2 is not null and details.agesEnfant.minAge2 > 0 %}
<th style="color: black;"> {{ "Prix Enfant"|trans }}
{{ "entre"|trans }} {{ details.agesEnfant.minAge2 }}
{{ "et"|trans }} {{ details.agesEnfant.maxAge2 }}</th>
{% endif %}
<th style="color: black;"> {{ "Prix Bebe"|trans }}</th>
</tr>
</thead>
{% for option in periode.frais %}
<tbody>
<tr>
<td>
<div class="text-center">
<label><input id="frais"
style="width: 16px; height: 16px; cursor: pointer;"
type="checkbox"
name="data[frai{{ option.id }}]"
{% if option.obligatoire %}disabled
checked {% endif %}/> {{ option.libelle }} {% if option.obligatoire %}
<small> {{ "Obligatoire"|trans }}</small>{% endif %}
</label>
</div>
</td>
<td>
<div class="text-center">
{% if option.adulte is not null %}
{{ option.adulte|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% else %}
<i style="font-size: 1.7em;"
class="fa fa-ban"></i>
{% endif %}
</div>
</td>
{% if details.agesEnfant.minAge1 is not null and details.agesEnfant.minAge1 > 0 %}
<td>
<div class="text-center">
{% if option.enfant1 is not null %}
{{ option.enfant1|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% else %}
<i class="fa fa-ban fa-2x"></i>
{% endif %}
</div>
</td>
{% endif %}
{% if details.agesEnfant.minAge2 is not null and details.agesEnfant.minAge2 > 0 %}
<td>
<div class="text-center">
{% if option.enfant2 is not null %}
{{ option.enfant2|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% else %}
<i class="fa fa-ban fa-2x"></i>
{% endif %}
</div>
</td>
{% endif %}
<td>
<div class="text-center">
{% if option.bebe is not null %}
{{ option.bebe|devise }}
<sup>{{ app.session.get('devise').symbole|default('DT') }}</sup>
{% else %}
<i class="fa fa-ban fa-2x"></i>
{% endif %}
</div>
</td>
</tr>
</tbody>
{% endfor %}
</table>
</div>
</div>
</div>
{% endif %}
<div class="widget-info">
<div class="info-title">
<h2 class="info-title-left">
{% if configAffichage!= null and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM is defined and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM == 'oui' %}
<strong>{{ step }}</strong>
{% set step=step+1 %}
{% endif %}
{{ "Informations Client"|trans }} </h2>
</div>
<div class="step info-detail">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<div class="input-user input-icon icon-v2">
<label for=""> {{ "Nom & Prénom"|trans }} <span
class="obligatoire">*</span> </label>
<input type="text" name="data[form][client][nomPrenom]"
required
id="nomPrenom" class="form-control "
placeholder="Entrez votre nom & prénom *">
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<div class="input-email input-icon icon-v2">
<label for=""> {{ "Email"|trans }} {#<span class="obligatoire">*</span>#} </label>
<input type="email" name="data[form][client][email]"
id="email"
{# required#}
class="form-control"
placeholder="Entrez votre email">
</div>
</div>
</div>
{% set matricule = (configAffichage.VOYAGE.INPUT_MATRICULE_TARIFS_DISPO == 'oui' and (amicale or (client and client.amicale))) %}
{% set adresse = not (amicale and amicale.configs.HIDE_ADDRESS_IN_TARIF_DISPO is defined and amicale.configs.HIDE_ADDRESS_IN_TARIF_DISPO|upper == 'TRUE') %}
{% set matricule_required = amicale and amicale.configs.MATRICULE_REQUIRED is defined and amicale.configs.MATRICULE_REQUIRED|upper == 'TRUE' %}
{% set colmd = 12 / (1 + (matricule ? 1 : 0) + (adresse ? 1 : 0)) %}
<div class="col-sm-{{ colmd }}">
<div class="form-group">
<div class="input-phone input-icon icon-v2">
<label for=""> {{ "GSM"|trans }} <span
class="obligatoire">*</span></label>
<input type="number" name="data[form][client][tel1]" id="tel1"
required
class="form-control"
placeholder="Entrez votre GSM *">
</div>
</div>
</div>
{% if adresse %}
<div class="col-sm-{{ colmd }}">
<div class="form-group">
<div class="input-marker input-icon icon-v2">
<label for=""> {{ "Adresse"|trans }}</label>
<input type="text" name="data[form][client][adresse]"
id="adresse" class="form-control"
placeholder="Entrez votre adresse *">
</div>
</div>
</div>
{% endif %}
{% set matricule_label = '' %}
{% if amicale and amicale.configs.MATRICULE_LABEL is defined %}
{% set matricule_label = amicale.configs.MATRICULE_LABEL %}
{% endif %}
{% if matricule %}
<div class="col-sm-{{ colmd }}">
<div class="form-group">
<div class="input-barcode input-icon icon-v2">
<label for=""> {% if matricule_label != '' %} {{ matricule_label }} {% else%} {{ "Matricule"|trans }} {% endif%} <span
class="obligatoire">*</span></label>
<input type="text" class="form-control"
{% if matricule_required %}required{% endif %}
name="data[form][client][matricule]"
placeholder= {% if matricule_label != '' %} " Entrez votre {{matricule_label }} " {% else%} "{{ " Entrez votre matricule"|trans }}" {% endif%}>
</div>
</div>
</div>
{% endif %}
{% if configAffichage.VOYAGE.JOINDER_PASSPORT == 'oui' %}
<div class="col-sm-6">
<div class="form-group">
<div class="info-title">
<h2 class="info-title-left title-copie-passport"> {{ "Joindre copie(s) passeport"|trans }} </h2>
</div>
<div class="passport-info d-inline">
<a href="javascript:void(0)" id="addVisa"> Télécharger
votre
fichier <i class="fa fa-plus bg-plus"
aria-hidden="true"
class="mr-2"> </i> </a>
<a href="javascript:void(0)" id="removeVisa">
<i class="fa fa-trash bg-minus"
aria-hidden="true"></i>
</a>
</div>
<div class="info-detail ">
<div class="row" id="visas"></div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
{# <div class="info-title">
<h2 class="info-title-left title-copie-passport"> Joindre copie passport </h2>
<span style="float: right">
<a href="javascript:void(0)"
style="font-size: 11px;font-weight: 400;text-transform: none;margin-right: 5px;"
id="addVisa"><i class="fa fa-plus" aria-hidden="true"> </i>Passport</a>
<a href="javascript:void(0)" style="font-size: 11px;font-weight: 400;text-transform: none"
id="removeVisa"><i class="fa fa-trash-o" aria-hidden="true"></i> Passport</a>
</span>
</div>#}
<div class="widget-info">
<div class="info-detail ">
<div class="row" id="visas"></div>
</div>
{% if amicale and amicale.configs.COMMENT_PAYEMENT is defined %}
{{ amicale.configs.COMMENT_PAYEMENT|raw }}
{% endif %}
{% if not (amicale and amicale.configs.HIDE_METHOD_PAYEMENT_IN_TARIF_DISPO is defined and amicale.configs.HIDE_METHOD_PAYEMENT_IN_TARIF_DISPO|upper == 'TRUE') %}
<div class="info-title">
<h2 class="info-title-left">
{% if configAffichage!= null and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM is defined and configAffichage.GENERALE.NUMEROTATION_TITLE_FORM == 'oui' %}
<strong>{{ step }}</strong>
{% set step=step+1 %}
{% endif %}
{{ "Mode de paiement"|trans }} </h2>
</div>
{% set tablePv = pointsventes | filter (p=>not p.franchise) %}
{% set tablePvFranchise =pointsventes | filter (p=>p.franchise) %}
{% set typePaymentAgence = typePayment | filter (tp=> tp | filter (tp1=> tp1.value in [1,12,10]) | length > 0) %}
<div class="step paiement-tabs">
<ul class="nav nav-tabs">
{% for method in methodPayment %}
<li {% if loop.first %}class="active"{% endif %}>
<a data-toggle="tab"
onclick="$('#method{{ loop.index }} [name=payment_type]:first').prop('checked',true) ; $('#method{{ loop.index }} [name=point_vente]:first').prop('checked',true)"
href="#method{{ loop.index }}"><b>{{ method }}</b></a>
</li>
{% endfor %}
{# --------------------------------------------- Start Btn Franchise ---------------------------------- #}
{% if tablePvFranchise | length > 0 %}
<li>
<a data-toggle="tab"
onclick="$('#methodfranchise [name=payment_type]:first').prop('checked',true); $('#methodfranchise [name=point_vente]:first').prop('checked',true) "
href="#methodfranchise"><b>Franchise</b></a>
</li>
{% endif %}
{# --------------------------------------------- Start Btn Franchise ---------------------------------- #}
</ul>
<div class="tab-content" style=" margin-top: 25px; ">
{% for type in typePayment %}
<div id="method{{ loop.index }}"
class="tab-pane {% if loop.first %}fade in active{% endif %}"
style="min-height: auto !important;">
{% for item in type %}
<div class="custom-control custom-radio">
<label class="custom-control-label">
<input type="radio" name="payment_type"
{% if loop.parent.loop.first and loop.first %}checked{% endif %}
value="{{ item.value }}"
class="control-input">
{{ item.libelle|raw }}</label>
</div>
{% endfor %}
{% if methodPayment[loop.index0] == "Paiement à l'agence" %}
<h5 class="mt-2 mb-2"> {{ "Veuillez sélectionner une agence"|trans ~ ":" }}</h5>
<article id="content">
{% for pointvente in tablePv %}
<div class="custom-control custom-radio pt-vente-tarif">
<label class="custom-control-label">
<input type="radio"
class="control-input pointvente"
name="point_vente"
value="{{ pointvente.id }}"/>
<span class="font-weight-500-libelle"> {{ pointvente.libelle }} </span>
<p class="mb-1">
<i class="fa fa-map-marker-alt"></i> {{ pointvente.adresse }}
<br>
<span class="optional">
<i class="fa fa-phone-alt"></i> {{ "Tél"|trans ~ ":" }} {{ pointvente.tel }}
</span>
</p>
</label>
</div>
{% endfor %}
</article>
{% if tablePv|length > 2 %}
<div class="position-read-more">
<button id="read-more">
Afficher Plus
</button>
</div>
{% endif %}
{% endif %}
{% if methodPayment[loop.index0] == "Versement bancaire" and rib %}
<h5> {{ "Coordonnées Bancaire"|trans ~ ":" }}</h5>
<p>{{ rib|raw }}</p>
{% endif %}
{% if methodPayment[loop.index0] == "Mondat Postal" and rip %}
<h5> {{ "Coordonnées Postales"|trans ~ ":" }}</h5>
<p>{{ rip|raw }}</p>
{% endif %}
</div>
{% endfor %}
{# --------------------------------------------- Start Container Franchise ---------------------------------- #}
{% for type in typePaymentAgence %}
<div id="methodfranchise"
class="tab-pane {#{% if loop.first %}fade in active{% endif %}#}"
style="min-height: auto !important;">
{% for item in type %}
<div class="custom-control custom-radio">
<label class="custom-control-label">
<input type="radio" name="payment_type"
value="{{ item.value }}"
class="control-input">
{{ item.libelle|raw }} </label>
</div>
{% endfor %}
<h5 class="mt-2 mb-2"> {{ "Veuillez sélectionner une agence"|trans ~ ":" }}</h5>
{% for pointvente in tablePvFranchise %}
<div class="custom-control custom-radio">
<label class="custom-control-label">
<input type="radio"
name="point_vente"
value="{{ pointvente.id }}"
class="control-input">
{{ pointvente.libelle }}
: {{ pointvente.adresse }}.
{{ "Tél"|trans ~ ":" }} {{ pointvente.tel }}</label>
</div>
{% endfor %}
</div>
{% endfor %}
{# --------------------------------------------- End Container Franchise ------------------------------------ #}
</div>
</div>
{% endif %}
<hr/>
<div class="checkbox">
<label>
<input type="checkbox" name="" required value="option1">
{{ " En cliquant sur Finalisez ma réservation vous confirmez accepter nos"|trans }}
<a
href="javascript:void(-1)" onClick="popup()"
style="color: red"> {{ "conditions générales de vente."|trans }}</a>
</label>
</div>
{% if configAffichage!= null and configAffichage.GENERALE.RECAPTCHA_FORM is defined and configAffichage.GENERALE.RECAPTCHA_FORM == 'oui' and agence is defined and agence.recaptcha is defined and agence.recaptcha != '' %}
<div class="g-recaptcha"
data-sitekey="{{ agence.recaptcha }}"
data-callback="onSubmit"
data-expired-callback="onExpired"
data-action="submit">
</div>
<br>
{% endif %}
<button type="submit"
class="btn btn-success btn-submit" id="submit-validate"> {{ "Finalisez ma réservation"|trans }}
</button>
<div id="flash-message" class="alert alert-danger" style="display:none;">
⏰ Votre vérification a expiré. Veuillez la recommencer.
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-12 container-sidebar">
<aside id="sidebar" class="mob-side payment-side-block">
<div class="widget widget-recommend ">
{% if details.prix>0 %}
<h3 class="widget-title price-reservation-vo">
{% if details.aPartirDe=="true" %}
<small class="font12 voyage-pack-change"> {{ "à partir de"|trans }} </small>
{% endif %}
{{ details.prix|devise(false,true) }}<sup
style=" font-size: 60%; ">{{ deviseSelected().symbole }}</sup>
<small class="font12"> {{ "/personne"|trans }} </small>
</h3>
{% else %}
<h3 class="widget-title"> {{ "sur demande"|trans }} </h3>
{% endif %}
<img src="{{ details.photoPrincipal }}" alt="{{ details.libelle }}">
<table class="table table_summary">
<tbody>
<tr>
<td class="font-size-13">
{{ "Packs"|trans }}
</td>
<td class="text-right font-size-13">
{{ packs.libelle }}
</td>
</tr>
<tr>
<td class="font-size-13">
{{ "Période"|trans }}
</td>
<td class="text-right font-size-13">
{{ "du"|trans }} {{ periode.du |date("d/m/Y") }} {{ "au"|trans }} {{ periode.au |date("d/m/Y") }}
</td>
</tr>
</tbody>
</table>
<a href="{{ path('front_voyageorganise_details',{slug:details.slug}) }}"
class="btn btn-primary btn-lg "
style="font-size: 20px; padding-top: 5px; padding-bottom: 5px; width: 100%">
Changer
</a>
</div>




{% if facebook and facebook!=null %}
<div class="border-block" style="padding:10px">
<div class="fb-page"
data-tabs="timeline,events,messages"
data-href="{{ facebook }}"
data-small-header="false"
data-adapt-container-width="true"
data-hide-cover="false"
data-show-facepile="true"
data-show-posts="false"></div>
<div class="clearfix"></div>
</div>
{% endif %}
</aside>
{% if not is_mobile() %}
<aside id="vjs-recap" class="recap-voyages">
<div class="payment-side-block" v-if="parseInt(total) > 0">
<h3 class="widget-title no-margin title-recap"> {{ packs.libelle }} </h3>
{% if details.villes is not null %}
<small class="recap-map" style="color:#000!important">
<i class="fa fa-map-marker-alt" style="margin-top: 0;margin-right: 5px;"></i>
{{ details.villes }}
</small>
</br>
{% endif %}
<small style="margin-top:10px"> {{ "du"|trans }} {{ periode.du |date("d/m/Y") }} {{ "au"|trans }} {{ periode.au |date("d/m/Y") }}</small>
<ul class="pkg-total-list">
<li class="total-list-head" style=" border-top: 1px dotted #ccc; "></li>
</ul>
<ul class="pkg-total-list">
<template v-for="(chambre , index_chbr) in chambres">
<li class="total-list-head" style=" padding-bottom: 0px; ">
<span class="pull-left">${ (index_chbr+1) }. {% if type == 8 %} {{ "Occupations"|trans }} {% else %} ${ chambre.chambre } {% endif %}
</span>
</li>
<li>
<div>
<span class="pull-left"> {{ "Personnes"|trans }} </span>
<span class="pull-right"><strong>x${ chambre['nbr-occupants'] }</strong></span>
</div>
</li>
</template>
<li>
<template v-if="sousTotal != total">
<span class="pull-left"> {{ "Sous Total"|trans ~ ":" }} </span>
<span class="pull-right"><strong>${ sousTotal|devise } {{ deviseSelected().symbole }} </strong></span>
</br>
</template>
<template v-if="coupon.montant != (0).formatMoney(3, ',', ' ')">
<span color="red" class="pull-left"> {{ "Coupon réduction"|trans }} ${ coupon.reduction }:</span>
<span color="red"
class="pull-right"><strong>-${ coupon.montant } {{ deviseSelected().symbole }} </strong></span>
</br>
</template>
<template v-if="remiseInternet != 0..formatMoney(3, ',', ' ')">
<span class="pull-left"> {{ "Remise internet"|trans ~ ":" }} </span>
<span class="pull-right"><strong>- ${ remiseInternet|devise } {{ deviseSelected().symbole }} </strong></span>
</br>
</template>
<template v-if="fraisDossier != 0..formatMoney(3, ',', ' ')">
<span class="pull-left"> {{ "Frais de dossier"|trans ~ ":" }} </span>
<span class="pull-right"><strong>${ fraisDossier|devise } {{ deviseSelected().symbole }} </strong></span>
</br>
</template>
<template v-if="timbre != 0..formatMoney(3, ',', ' ')">
<span class="pull-left"> {{ "Timbre fiscal"|trans ~ ":" }} </span>
<span class="pull-right"><strong>${ timbre|devise } {{ deviseSelected().symbole }} </strong></span>
<br>
</template>
<template v-if="remise != 0..formatMoney(3, ',', ' ')">
<span class="pull-left"> {{ "Remise"|trans ~ ":" }} </span>
<span class="pull-right"><strong>- ${ remise|devise } {{ deviseSelected().symbole }} </strong></span>
</br>
</template>
<template v-if="margeB2B != 0..formatMoney(3, ',', ' ')">
<div>
<a data-toggle="collapse" href="#collapseExample" role="button"
aria-expanded="false" aria-controls="collapseExample">
<a data-toggle="collapse" href="#collapseExample" role="button"
aria-expanded="false" aria-controls="collapseExample">
<strong>{% if is_granted('ROLE_CLIENT_B2B') %} Commission & Marge {% else %} Remise & Marge {% endif %} </strong>
<i class="fa fa-arrow-circle-down pull-right"></i>
</a>
</a>
</div>
<div class="collapse" id="collapseExample">
<span class="pull-left"> {{ "Marge"|trans ~ ":" }} </span>
<span class="pull-right"><strong>${ margeB2B|devise } {{ deviseSelected().symbole }} </strong></span>
<br>
{% if is_granted('ROLE_CLIENT_B2B') %}
<span class="pull-left"> {{ "Commission"|trans ~ ":" }} </span>
{% else %}
<span class="pull-left"> {{ "Remise"|trans ~ ":" }} </span>
{% endif %}
<span class="pull-right"><strong>${ commission|devise } {{ deviseSelected().symbole }} </strong></span>
<br>
</div>
</template>
<template v-if="commission != 0..formatMoney(3, ',', ' ')">
<span class="pull-left"> {{ "Total à payer"|trans ~ ":" }} </span>
<span class="pull-right"><strong>${ totalPayer|devise } {{ deviseSelected().symbole }} </strong></span>
</template>
</li>
<li>
<span class="pull-left"> {{ "Total Réservation"|trans ~ ":" }} </span>
<span class="pull-right recap-total">${ Total } {{ deviseSelected().symbole }} </span>
</li>
</ul>
{% if configAffichage.GENERALE.COUPON_REDUCTION == 'oui' %}
<div class="input-group" style="display: inline-flex;margin-top: 20px;width: 100%">
<input type="text" placeholder="Coupon Réduction" v-model="coupon.code"
name="coupon"
@input="onInputCoupon" class="form-control border-right-0">
<span class="input-group-append">
<button class="btn btn-teal" @click="verifCoupon" type="button"><i
id="load-coupon"
class="fa fa-spinner fa-spin hidden"></i> OK</button>
</span>
</div>
{% endif %}
</div>
</aside>
{% else %}
<div class="row" id="sticky-row">
<div class="col-md-3 " id="vjs-recap">
<div class="row align-items-center">
<div class="col-6">
<p class="text-white text-center">
{{ "Prix Total"|trans ~ ":" }}
</p>
<div class="font-size-24 text-center text-white font-weight-bold ml-1 price_list text-center loadedprice ">
${ total|devise } {{ deviseSelected().symbole }}</div>
</div>
<div class="col-sm-12 bg-yellow text-center">
<a data-toggle="collapse" href="#collapseExample" role="button"
aria-expanded="false" aria-controls="collapseExample" class="collapsed text-center color-details">
{{ "Afficher détails"|trans }} <i class="flaticon-arrow"></i>
</a>
<div class="collapse" id="collapseExample" style="">
<div id="vjs-recap" class="bg-yellow">
<div id="basicsAccordion">
<div class="card rounded-0 border-top-0 border-left-0 border-right-0">
<div id="basicsHeadingOne"
class="card-header card-collapse bg-transparent border-0">
<h5 class="text-center">
{{ "Récap Reservation"|trans }}
</h5>
</div>
<div id="basicsCollapseOne"
aria-labelledby="basicsHeadingOne"
data-parent="#basicsAccordion" class="collapse show">
<div class="card-body px-4 pt-0">
<template
v-for="(chambre , index_chbr) in chambres">
<ul class="mb-0">
<li class="total-list-head">
<h3 class="pull-left">${(index_chbr+1)}.
${chambre.chambre}</h3>
</li>
<li class="total-list-head">
<div class="row">
<div class="col-xs-12">
<div class="col-xs-6"> {{ "Personnes"|trans }}</div>
<div class="col-xs-6"><strong>x${
chambre['nbr-occupants']
}</strong></div>
</div>
</div>
</li>
</ul>
</template>
<li class="total-list-head">
<div class="border-dashed"></div>
<template v-if="sousTotal != total">
<div class="row">
<div class="col-xs-12">
<div class="col-xs-6"> {{ "Sous Total"|trans ~ ":" }}</div>
<div class="col-xs-6"><strong>${
sousTotal|devise
} {{ deviseSelected().symbole }} </strong>
</div>
</div>
</div>
</template>
<template
v-if="remiseInternet != 0..formatMoney(3, ',', ' ')">
<div class="row">
<div class="col-xs-12">
<div class="col-xs-6"> {{ "Remise internet"|trans ~ ":" }}</div>
<div class="col-xs-6"><strong>- ${
remiseInternet|devise
} {{ deviseSelected().symbole }} </strong>
</div>
</div>
</div>
</br>
</template>
<template
v-if="fraisDossier != 0..formatMoney(3, ',', ' ')">
<div class="row">
<div class="col-xs-12">
<div class="col-xs-6"> {{ "Frais de dossier"|trans ~ ":" }}</div>
<div class="col-xs-6"><strong>${
fraisDossier|devise
} {{ deviseSelected().symbole }} </strong>
</div>
</div>
</div>
</br>
</template>
<template
v-if="timbre != 0..formatMoney(3, ',', ' ')">
<div class="row">
<div class="col-xs-12">
<div class="col-xs-6"> {{ "Timbre fiscal"|trans ~ ":" }}</div>
<div class="col-xs-6"><strong>${
timbre|devise
} {{ deviseSelected().symbole }} </strong>
</div>
</div>
</div>
</template>
<template
v-if="remise != 0..formatMoney(3, ',', ' ')">
<div class="row">
<div class="col-xs-12">
<div class="col-xs-6"> {{ "Remise"|trans ~ ":" }}</div>
<div class="col-xs-6"><strong>- ${
remise|devise
} {{ deviseSelected().symbole }} </strong>
</div>
</div>
</div>
</br>
</template>
<template
v-if="commission != 0..formatMoney(3, ',', ' ')">
<div class="row">
<div class="col-xs-12">
<div class="col-xs-6"> {{ "Commission"|trans ~ ":" }} </div>
<div class="col-xs-6"><strong>${
commission|devise
} {{ deviseSelected().symbole }} </strong>
</div>
</div>
</div>
</template>
{% if configAffichage.GENERALE.COUPON_REDUCTION == 'oui' %}
<div class="input-group"
style="display: inline-flex; flex-wrap: nowrap; margin-top: 20px;width: 100%">
<input type="text"
placeholder="Coupon Réduction"
v-model="coupon.code"
name="coupon"
@input="onInputCoupon"
class="form-control border-right-0 text-left">
<span class="input-group-append">
<button class="btn btn-teal " @click="verifCoupon" type="button"><i
id="load-coupon"
class="fa fa-spinner fa-spin hidden"></i> OK</button>
</span>
</div>
{% endif %}
</li>
</div>
</div>
</div>
<a data-toggle="collapse" href="#collapseExample" role="button"
aria-expanded="false" aria-controls="collapseExample"
class="collapsed text-center color-details">
{{ "Masquer détails"|trans }} <i
class="flaticon-down-chevron"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>

templates/FrontCommun/VoyagesOrganise/reservation-content.html.twig line 1