{% if app.request.get('_route') not in ['accueil'] %}
<link href="{{ asset('assets/css/header-travel.css') }}" rel="stylesheet" type="text/css"/>
{% endif %}
<header class="header-mazar">
<div class="top-bar-mazar">
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-md-12">
<ul class="no-margin justify-content-center social-custom list-inline d-flex align-items-center text-center">
<li class="list-inline-item">
<a href="{{ getAgence().prefixTel }}{{ getAgence().tel1 }}">
<img src="{{ asset('assets/images/icons/phone.svg') }}" class="social-icon-svg" alt="icon">
{{ getAgence().prefixTel }} {{ getAgence().tel1 }} </a>
</li>
<li class="list-inline-item">
<a href="mailto:{{ getAgence().contactEmail }}"><img src="{{ asset('assets/images/icons/mail.svg') }}" class="social-icon-svg"
alt="icon"> {{ getAgence().contactEmail }}</a></li>
</li>
{% if getReseauxSociaux().facebook is not null %}
<li>
<a class="facebook" href="{{ getReseauxSociaux().facebook }}" aria-label="facebook" target="_blank">
<img src="{{ asset('assets/images/icons/fb.svg') }}" class="social-icon-svg" alt="icon">
</a>
</li>
{% endif %}
{% if getReseauxSociaux().twitter is not null %}
<li>
<a class="twitter" href="{{ getReseauxSociaux().twitter }}" aria-label="twitter" target="_blank">
<img src="{{ asset('assets/images/icons/twitter.svg') }}" class="social-icon-svg" alt="icon">
</a>
</li>
{% endif %}
{% if getReseauxSociaux().instagram is not null %}
<li>
<a class="pinterest" href="{{ getReseauxSociaux().instagram }}" target="_blank" aria-label="pinterest">
<img src="{{ asset('assets/images/icons/insta.svg') }}" class="social-icon-svg" alt="icon">
</a>
</li>
{% endif %}
{% if getReseauxSociaux().youtube is not null %}
<li>
<a class="youtube" href="{{ getReseauxSociaux().youtube }}" target="_blank" aria-label="youtube">
<img src="{{ asset('assets/images/icons/youtube.svg') }}" class="social-icon-svg" alt="icon">
</a>
</li>
{% endif %}
{% if getReseauxSociaux().TikTok is not null and getReseauxSociaux().TikTok is defined%}
<li class="list-inline-item">
<a class="TikTok" href="{{ getReseauxSociaux().TikTok }}" target="_blank" aria-label="tiktok">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#00a8a3" width="20px" height="20px">
<path d="M16 8.24537V15.5C16 19.0899 13.0899 22 9.5 22C5.91015 22 3 19.0899 3 15.5C3 11.9101 5.91015 9 9.5 9C10.0163 9 10.5185 9.06019 11 9.17393V12.3368C10.5454 12.1208 10.0368 12 9.5 12C7.567 12 6 13.567 6 15.5C6 17.433 7.567 19 9.5 19C11.433 19 13 17.433 13 15.5V2H16C16 4.76142 18.2386 7 21 7V10C19.1081 10 17.3696 9.34328 16 8.24537Z">
</path>
</svg>
</a>
</li>
{% endif %}
{% if not is_granted('IS_AUTHENTICATED_FULLY') %}
<li class="list-inline-item">
<img src="{{ asset('assets/images/icons/person.svg') }}" class="social-icon-svg" alt="icon">
<a href="{{ path('app_login') }}" class="text-white">Se Connecter</a>
</li>
{% if disableRegistration == 'false' %}
<li class="list-inline-item">
<img src="{{ asset('assets/images/icons/person.svg') }}" class="social-icon-svg" alt="icon">
<a href="{{ path('app_register') }}" class="text-white">S'inscrire</a>
</li>
{% endif %}
{% else %}
<li class="dropdown list-inline-item no-margin">
<div class="btn dropdown-toggle no-padding no-margin " type="button" id="dropdownclient" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<img src="{{ asset('assets/images/icons/person.svg') }}" class="social-icon-svg" alt="icon"> Bienvenue {{ client ? client.nomPrenom : '' }}
<span class="caret"></span>
</div>
<ul class="dropdown-menu no-margin no-padding" aria-labelledby="dropdownclient">
{% if not client.hideListRservation %}
{% if hasModule('sejour') or hasModule('voyages-organise') or hasModule('vol') %}
<div class="list-group">
<div class="list-group-item list-group-item-action text-white active">
Réservation
</div>
{% for route in routeReservation() %}
<a href="{{ path(route.route_liste) }}"
class="list-group-item dropdown-item">{{ route.libelle|trans }}</a>
{% endfor %}
</div>
{% endif %}
{% endif %}
{% if is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') or is_granted('ROLE_CLIENT_B2B') %}
<div class="list-group">
<div class="list-group-item list-group-item-action text-white active">
Comptabilité
</div>
<a href="{{ path('espace_affilie_reglements') }}"
class="list-group-item dropdown-item">
Réglements
</a>
<a href="{{ path('espace_affilie_balance') }}"
class="list-group-item dropdown-item">
Balance
</a>
{% if not (amicale and amicale.configs.HIDE_LIST_FACTURE is defined and amicale.configs.HIDE_LIST_FACTURE|upper == 'TRUE') %}
<a href="{{ path('espace_affilie_factures') }}"
class="list-group-item dropdown-item"> Factures et
avoirs
</a>
{% endif %}
{% endif %}
{% if is_granted('ROLE_CLIENT_B2B_RESPONSABLE') or is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') %}
<div class="list-group-item list-group-item-action text-white active">
Configuration
</div>
<a href="{{ path('espace_agence_utilisateurs') }}" class="list-group-item dropdown-item " > Utilisateurs</a>
<a href="{{ path('espace_agence_profile') }}" class="list-group-item dropdown-item" >
Etablissement</a>
<a href="{{ path('espace_agence_marges') }}" class="list-group-item dropdown-item" > Marges</a>
{% if hasModule('billetterie-avion-xml') %}
<a href="{{ path('espace_agence_marges_aerien') }}" class="list-group-item dropdown-item">
Marges aérien
</a>
{% endif %}
{% endif %}
<li>
<a href="{{ path('app_change_password') }}" class="list-group-item dropdown-item">
Changer le mot de passe</a>
</li>
<a href="{{ path('app_logout') }}"
class="list-group-item dropdown-item">
<i class="fas fa-sign-out-alt"></i> Se déconnecter</a>
</div>
</ul>
</li>
{% if app.session.get('solde') and amicale.agenceB2B %}
{% set solde = app.session.get('solde') %}
<li class="list-inline-item btn border-0 background-solde d-flex align-items-center no-padding no-margin">
<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 }})} {{ deviseAgence().symbole }}`)
$('.header-right-solde #disponible').html(`${parseFloat(data.disponible).toFixed({{ deviseAgence().scale }})} {{ deviseAgence().symbole }}`)
viewAlert(`Votre solde actuel est ${parseFloat(data.solde).toFixed({{ deviseAgence().scale }})} {{ deviseAgence().symbole }}`,'success')
})"></span>
</a>
{##}
<span class="btn no-padding no-margin dropdown-toggle text-white" type="button"
id="dropdownMenuMontant" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Montant disponible <span
id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ deviseAgence().symbole }}</span>
</span>
<ul class="dropdown-menu">
<li class="dropdown-item">Votre solde le <span
id="date">{{ solde.date }}</span>à
<span id="time">{{ solde.time }}</span></li>
<hr class="style-hr " style="margin: 0 5px;border-color: #00aae3;">
<li class="dropdown-item"> Solde <span
id="solde">{{ solde.solde|number_format(deviseAgence().scale,'.','') }} {{ deviseAgence().symbole }}</span>
</li>
<hr class="style-hr " style="margin: 0 5px;border-color: #00aae3;">
<li class="dropdown-item"> Montant disponible <span
id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ deviseAgence().symbole }}</span>
</li>
</ul>
{##}
{# Montant disponible <span id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ deviseAgence().symbole }}</span>#}
</li>
{% endif %}
{% endif %}
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<nav class="navbar">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" data-target="#navbarCollapse" data-toggle="collapse"
class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="/" class="navbar-brand" aria-label="home">
<img src="{{ src_logo }}" alt="{{ alt_logo }}" class="logo-mazar" alt="icon-logo"></a>
</div>
<!-- Collection of nav links, forms, and other content for toggling -->
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li {% if app.request.get('_route') in ['accueil'] %} class="active" {% endif %}><a href="/">ACCUEIL</a></li>
{% if hasModule('sejour')%}
<li {% if app.request.get('_route') in ['sejour_hotel_availability','details_hotel','tarif_dispo'] %} class="active" {% endif %}><a href="{{ path('sejour_hotel_availability',{"ville":"hammamet","hotel":"tous" }) }}">HÔTELS </a></li>
{% endif %}
{% if hasModule('vol') or hasModule('billetterie-avion-xml') %}
<li class="dropdown drop-vol {% if app.request.get('_route') in ['vol'] %} active{% endif %}">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
VOL <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="{{ path('home_aerien') }}">NOUVELAIR </a>
</li>
<li>
<a href="{{ path('vol') }}">FORMULAIRE</a>
</li>
</ul>
</li>
{% endif %}
{% if hasModule('voyages-organise') %}
<li {% if app.request.get('_route') in ['front_voyageorganise_liste','front_voyageorganise_details','voyage-carte', 'front_voyagecarte_liste','front_voyagecarte_details'] %} class="active" {% endif %}><a href="{{ path('front_voyageorganise_liste') }}"> VOYAGES </a></li>
<li {% if app.request.get('_route') in ['front_circuitorganise_liste','front_circuitorganise_details'] %} class="active" {% endif %}><a href="{{ path('front_circuitorganise_liste') }}"> TOURS </a></li>
<li {% if app.request.get('_route') in ['front_omraorganise_liste','front_omraorganise_details'] %} class="active" {% endif %}><a href="{{ path('front_omraorganise_liste') }}">OMRA</a></li>
{% endif %}
{% if hasModule('transfert') %}
<li {% if app.request.get('_route') in ['comming_soon'] %} class="active" {% endif %}><a href="{{ path('comming_soon') }}">TRANSPORT</a></li>
{% endif %}
<li {% if app.request.get('_route') in ['contact'] %} class="active" {% endif %}><a href="{{ path('contact') }}">CONTACT</a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>