{#<link href="{{ asset('assets-commun/css/header-commun.css') }}" rel="stylesheet" type="text/css"/>#}
<div class="container-fluid">
<div class="top-common visible-sm visible-xs">
<div class="row">
<ul class="social-custom list-inline text-center">
{% if reseauxSociaux and reseauxSociaux.facebook is not null %}
<li class="list-inline-item">
<a class="facebook" href="{{ reseauxSociaux.facebook }}">
<i class="fab fa-facebook-f"></i>
</a>
</li>
{% endif %}
{% if reseauxSociaux and reseauxSociaux.twitter is not null %}
<li>
<a class="twitter" href="{{ reseauxSociaux.twitter }}">
<i class="fab fa-twitter"></i>
</a>
</li>
{% endif %}
{% if reseauxSociaux and reseauxSociaux.instagram is not null %}
<li>
<a class="pinterest" href="{{ reseauxSociaux.instagram }}">
<i class="fab fa-instagram"></i>
</a>
</li>
{% endif %}
{% if reseauxSociaux and reseauxSociaux.youtube is not null %}
<li>
<a class="youtube" href="{{ reseauxSociaux.youtube }}">
<i class="fab fa-youtube"></i>
</a>
</li>
{% endif %}
</ul>
</div>
</div>
</div>
<header class="header-mobile visible-sm visible-xs" id="filtre-v1">
<div class="container">
<div class="navburger toggle-navbar">
<span></span>
</div>
<div class="monespace">
<span onclick="openNav()">
<img src="{{ asset('assets-commun/images/icons/espace.svg') }}" class="social-icon-svg" alt="">
</span>
</div>
<div class="tel-mobile-header">
<span>
<a href="tel:{{ getAgence().tel1 }}">
<img src="{{ asset('assets-commun/images/icons/phone_mobile.svg') }}" class="social-icon-svg" alt="">
</a>
</span>
</div>
<a href="/">
<img src="{{ src_logo }}" class="logo-responsive" alt="{{ alt_logo }}">
</a>
<nav class="navbar">
<ul class="menu-ul">
<li class="{#active#}"><a href="/ ">{{ "ACCUEIL"|trans }}</a></li>
{% if hasModule('sejour') %}
<li><a href="{{ path('sejour_hotel_availability') }} ">{{ "HÔTELS"|trans }} </a></li>
{% endif %}
{% if hasModule('appartement') %}
<li><a href="{{ path('sejour_appartement_availability') }} ">{{ "APPARTEMENTS"|trans }} </a></li>
{% endif %}
{% if hasModule('voyages-package') %}
<li><a href="{{ path('front_package_liste') }} "> {{ "Pack VOYAGES ORGANISÉS"|trans }}</a></li>
{% endif %}
{% if hasModule('voyages-organise') %}
<li><a href="{{ path('front_voyageorganise_liste') }}" class="navitem-vo">{{ "VOYAGES ORGANISÉS"|trans }}</a></li>
<li><a href="{{ path('front_voyagecarte_liste') }}" class="navitem-vc">{{ "Voyages à la carte"|trans }}</a></li>
<li><a href="{{ path('front_omraorganise_liste') }}" class="navitem-omra">{{ "Omra"|trans }}</a></li>
<li><a href="{{ path('front_circuitorganise_liste') }}" class="navitem-circuits"> {{ "CIRCUITS"|trans }} </a></li>
<li><a href="{{ path('front_croisieres_liste') }}" class="navitem-croisieres"> {{ "CROISIÈRES"|trans }} </a></li>
{% endif %}
{% if hasModule('vol') %}
<li class="form_vol"><a href="{{ path('vol') }} "> {{ "BILLETTERIE AVION"|trans }}</a></li>
{% if hasModule('billetterie-avion-xml') %}
<li><a href="{{ path('home_aerien') }}">{{ "VOL"|trans }} </a></li>
{% endif %}
{% endif %}
{% if hasModule('bien-etre') %}
<li><a href="{{ path('front_bien_etre_liste') }} "> {{ "SPA"|trans }}</a></li>
{% endif %}
{% if hasModule('location-voiture') %}
{% if hasModule('location-voiture-xml') %}
<li><a href="{{ path('availibility') }} "> {{ "LOCATION VOITURE"|trans }}</a></li>
{% endif %}
{% endif %}
{% if hasModule('billetterie-maritime-xml') %}
<li><a href="{{ path('availibility_maritime') }} ">{{ "MARITIME"|trans }} </a></li>
{% endif %}
{% if is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') or is_granted('ROLE_CLIENT_B2B') %}
{% if hasModule('tache') %}
<li> <a href="{{ path('ticket_liste') }}"> {{ "gestion des tickets"|trans }} </a> </li>
{% endif %}
{% endif %}
{% for article in ArticlesElement().desktop %}
{% if article.code=="agence" %}
{% for ele in article.elements %}
<li><a href="{{ ele.texte|raw }}"> {{ "Nos Agences"|trans }} </a></li>
{% endfor %}
{% endif %}
{% endfor %}
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<li class="contact-display"><a href="{{ path('contact') }} ">{{ "CONTACT"|trans }}</a></li>
{% for article in ArticlesElement().desktop %}
{% if article.code=="Contactez-nous" %}
{% for elem in article.elements %}
<li class="contact-article"><a href="{{ path('contact_us') }} "> {{ elem.titre }}</a>
</li>
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
</ul>
</nav>
</div>
<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<div class="overlay-content">
<ul class="menu-ul">
{% if not is_granted('IS_AUTHENTICATED_FULLY') %}
<li class="list-inline">
<a href="{{ path('app_login') }}" class="btn btn-connect text-white"><img
src="{{ asset('assets-commun/images/icons/bienvenue.svg') }}"
class="social-icon-svg"
alt=""> {{ "Se connecter"|trans }}</a>
</li>
{% if disableRegistration == 'false' %}
<li class="list-inline">
<a href="{{ path('app_register') }}" class="btn btn-connect text-white"><img
src="{{ asset('assets-commun/images/icons/bienvenue.svg') }}"
class="social-icon-svg"
alt="">
{{ "S'inscrire"|trans }}</a>
</li>
{% endif %}
{% else %}
<li class="list-inline btn-group" id="dropdown-login">
<div class="dropdown-toggle dropdown-login-btn" type="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="{{ asset('assets-commun/images/icons/bienvenue.svg') }}"
class="social-icon-svg" alt=""> {{ "Bienvenue"|trans }} {{ client ? client.nomPrenom : '' }}
<span class="caret"></span>
</div>
<ul class="dropdown-menu">
{% if not client.hideListRservation %}
{% if hasModule('sejour') or hasModule('voyages-organise') or hasModule('voyages-package') or hasModule('vol-package') %}
<li class="dropdown-header text-orange">
</li>
{% for route in routeReservation() %}
<li class="{{ route.route_liste }}">
<a href="{{ path(route.route_liste) }}">
{{ ("Réservations " ~ route.libelle)|trans }}
</a>
</li>
{% endfor %}
{% if app.request.server.has('FLIGHTS_WORLDSOFT_SUB_DOMAINE') and hasModule('vol') %}
<li class="flight-queue"><a
href="{{ app.request.server.get('FLIGHTS_WORLDSOFT_SUB_DOMAINE') }}/#!/flight-queue"> {{ "Réservations Vol"|trans }}</a>
</li>
{% endif %}
{% endif %}
{% if is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') or is_granted('ROLE_CLIENT_B2B') %}
<li><a href="{{ path('espace_affilie_reglements') }}"> {{ "Réglements"|trans }} </a></li>
<li><a href="{{ path('espace_affilie_balance') }}"> {{ "Balance"|trans }}</a></li>
{% if not (amicale and amicale.configs.HIDE_LIST_FACTURE is defined and amicale.configs.HIDE_LIST_FACTURE|upper == 'TRUE') %}
<li><a href="{{ path('espace_affilie_factures') }}"> {{ "Factures et avoirs"|trans }}</a></li>
{% endif %}
{% if is_granted('ROLE_CLIENT_B2B_RESPONSABLE') or is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') %}
<li><a href="{{ path('espace_agence_utilisateurs') }}"> {{ "Utilisateurs"|trans }}</a></li>
<li><a href="{{ path('espace_agence_profile') }}"> {{ "Etablissement"|trans }}</a></li>
<li><a href="{{ path('espace_agence_marges') }}"> {{ "Marges"|trans }}</a></li>
{% if hasModule('billetterie-avion-xml') %}
<li><a href="{{ path('espace_agence_marges_aerien') }}"> {{ "Marges aérien"|trans }}</a></li>
{% endif %}
{% endif %}
{% endif %}
{% endif %}
<li><a href="{{ path('app_change_password') }}">{{ "Changer le mot de passe"|trans }}</a></li>
<li><a href="{{ path('app_logout') }}">{{ "Se déconnecter"|trans }}</a></li>
</ul>
</li>
{% endif %}
{% if app.session.get('solde') %}
{% set solde = app.session.get('solde') %}
<li class="list-inline header-right header-right-solde">
<div class="navi background-solde d-flex align-items-start">
<a href="javascript:void(0);">
<span class="glyphicon glyphicon-refresh"
onclick="var $this=$(this);$this.addClass('fa-spin'); $.get('{{ path('espace_affilie_solde') }}',function(data) {
$this.removeClass('fa-spin');
$('.header-right-solde #date').html(data.date)
$('.header-right-solde #time').html(data.time)
$('.header-right-solde #solde').html(`${parseFloat(data.solde).toFixed({{ deviseAgence().scale }})} ${ data.deviseComptable }`)
$('.header-right-solde #disponible').html(`${parseFloat(data.disponible).toFixed({{ deviseAgence().scale }})} ${ data.deviseComptable }`)
viewAlert(`Votre solde actuel est ${parseFloat(data.solde).toFixed({{ deviseAgence().scale }})} ${ data.deviseComptable }`,'success')
})"></span>
</a>
<div class="btn-group" id="dropdown-login">
<button class="btn btn-default btn-sm dropdown-toggle dropdown-login-btn dropdown-login-solde"
type="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
{{ "Montant disponible"|trans }}
<span id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ solde.deviseComptable }}</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href=""> {{ "Votre solde le"|trans }} <span id="date">{{ solde.date }}</span> {{ "à"|trans }}
<span id="time">{{ solde.time }}</span></a></li>
<li><a href=""> {{ "Solde"|trans }} <span
id="solde">{{ solde.solde|number_format(deviseAgence().scale,'.','') }} {{ solde.deviseComptable }}</span></a>
</li>
<li><a href=""> {{ "Montant disponible"|trans }} <span
id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ solde.deviseComptable }}</span></a>
</li>
</ul>
</div>
</div>
{% endif %}
{% if agence.langues %}
<li class="list-inline btn-group" id="dropdown-login">
<button class="btn btn-light btn-sm dropdown-toggle dropdown-login-btn" type="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ app.request.locale|upper }} <i class="fa fa-sort"></i>
</button>
<ul class="dropdown-menu">
{% for langue in agence.langues|split(',') %}
<li><a href="{{ path('change_langue',{langue:langue}) }}"><span
class="flag flag-{{ getLanguesTraduction()[langue].flag }}"></span> {% if getLanguesTraduction()[langue].libelle == 'Anglais' %}English {% else %}{{ getLanguesTraduction()[langue].libelle }}{% endif %}
</a>
</li>
{% endfor %}
</ul>
</li>
{% endif %}
{% if getDevise()|length > 1 %}
<li class="btn-group list-inline" id="dropdown-login">
<div class=" text-white dropdown-toggle dropdown-login-btn" type="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img
src="{{ asset('assets-commun/images/icons/devise.svg') }}"
class="social-icon-svg"
alt=""> {{ "Devise"|trans }} ({{ deviseSelected().symbole }})
<span class="caret"></span>
</div>
<ul class="dropdown-menu">
{% for devise in getDevise() %}
{% if devise.symbole != deviseSelected().symbole %}
<li>
<a href="{{ path('change_devise',{code:devise.code}) }}"><b>{{ devise.symbole }}</b> {{ devise.libelle }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</li>
{% endif %}
</ul>
</div>
</div>
</header>
<div class="navbar-overlay toggle-navbar"></div>
<script>
function openNav() {
document.getElementById("myNav").style.width = "100vw";
}
function closeNav() {
document.getElementById("myNav").style.width = "0%";
}
</script>