templates/header.html.twig line 1

Open in your IDE?
  1. {% if app.request.get('_route')  not in ['accueil'] %}
  2. <link href="{{ asset('assets/css/header-travel.css') }}" rel="stylesheet" type="text/css"/>
  3. {% endif %}
  4. <header class="header-mazar">
  5.     <div class="top-bar-mazar">
  6.         <div class="container">
  7.             <div class="row d-flex align-items-center">
  8.                 <div class="col-md-12">
  9.                     <ul class="no-margin justify-content-center social-custom list-inline d-flex align-items-center text-center">
  10.                         <li class="list-inline-item">
  11.                            <a href="{{ getAgence().prefixTel }}{{ getAgence().tel1 }}">
  12.                                <img src="{{ asset('assets/images/icons/phone.svg') }}" class="social-icon-svg" alt="icon">
  13.                                {{ getAgence().prefixTel }} {{ getAgence().tel1 }} </a>
  14.                         </li>
  15.                         <li class="list-inline-item">
  16.                             <a href="mailto:{{ getAgence().contactEmail }}"><img src="{{ asset('assets/images/icons/mail.svg') }}" class="social-icon-svg"
  17.                                                                          alt="icon"> {{ getAgence().contactEmail }}</a></li>
  18.                         </li>
  19.                         {% if getReseauxSociaux().facebook  is not null %}
  20.                         <li>
  21.                             <a class="facebook" href="{{ getReseauxSociaux().facebook }}" aria-label="facebook" target="_blank">
  22.                                 <img src="{{ asset('assets/images/icons/fb.svg') }}" class="social-icon-svg" alt="icon">
  23.                             </a>
  24.                         </li>
  25.                         {% endif %}
  26.                         {% if getReseauxSociaux().twitter  is not null %}
  27.                         <li>
  28.                             <a class="twitter" href="{{ getReseauxSociaux().twitter }}" aria-label="twitter"  target="_blank">
  29.                                 <img src="{{ asset('assets/images/icons/twitter.svg') }}" class="social-icon-svg" alt="icon">
  30.                             </a>
  31.                         </li>
  32.                         {% endif %}
  33.                         {% if getReseauxSociaux().instagram  is not null %}
  34.                         <li>
  35.                             <a class="pinterest" href="{{ getReseauxSociaux().instagram }}" target="_blank"  aria-label="pinterest">
  36.                                 <img src="{{ asset('assets/images/icons/insta.svg') }}" class="social-icon-svg" alt="icon">
  37.                             </a>
  38.                         </li>
  39.                         {% endif %}
  40.                         {% if getReseauxSociaux().youtube  is not null %}
  41.                         <li>
  42.                             <a class="youtube" href="{{ getReseauxSociaux().youtube }}" target="_blank" aria-label="youtube">
  43.                                 <img src="{{ asset('assets/images/icons/youtube.svg') }}" class="social-icon-svg" alt="icon">
  44.                             </a>
  45.                         </li>
  46.                         {% endif %}
  47.                         {% if getReseauxSociaux().TikTok  is not null and getReseauxSociaux().TikTok is defined%}
  48.                             <li class="list-inline-item">
  49.                                 <a class="TikTok" href="{{ getReseauxSociaux().TikTok }}" target="_blank" aria-label="tiktok">
  50.                                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#00a8a3"  width="20px" height="20px">
  51.                                         <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">
  52.                                         </path>
  53.                                     </svg>
  54.                                 </a>
  55.                             </li>
  56.                         {% endif %}
  57.                         {% if  not is_granted('IS_AUTHENTICATED_FULLY') %}
  58.                         <li class="list-inline-item">
  59.                             <img src="{{ asset('assets/images/icons/person.svg') }}" class="social-icon-svg" alt="icon">
  60.                             <a href="{{ path('app_login') }}" class="text-white">Se Connecter</a>
  61.                         </li>
  62.                         {% if disableRegistration == 'false' %}
  63.                             <li class="list-inline-item">
  64.                                 <img src="{{ asset('assets/images/icons/person.svg') }}" class="social-icon-svg" alt="icon">
  65.                                 <a href="{{ path('app_register') }}" class="text-white">S'inscrire</a>
  66.                             </li>
  67.                         {% endif %}
  68.                             {% else %}
  69.                         <li class="dropdown list-inline-item no-margin">
  70.                                     <div class="btn dropdown-toggle no-padding no-margin " type="button" id="dropdownclient" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  71.                                         <img src="{{ asset('assets/images/icons/person.svg') }}" class="social-icon-svg" alt="icon">    Bienvenue {{ client ? client.nomPrenom : '' }}
  72.                                         <span class="caret"></span>
  73.                                     </div>
  74.                                     <ul class="dropdown-menu no-margin no-padding" aria-labelledby="dropdownclient">
  75.                                         {% if not client.hideListRservation %}
  76.                                         {% if hasModule('sejour') or hasModule('voyages-organise')  or hasModule('vol') %}
  77.                                             <div class="list-group">
  78.                                                 <div class="list-group-item list-group-item-action text-white active">
  79.                                                     Réservation
  80.                                                 </div>
  81.                                                 {% for route in routeReservation() %}
  82.                                                     <a href="{{ path(route.route_liste) }}"
  83.                                                        class="list-group-item dropdown-item">{{ route.libelle|trans }}</a>
  84.                                                 {% endfor %}
  85.                                             </div>
  86.                                         {% endif %}
  87.                                         {% endif %}
  88.                                         {% if is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') or is_granted('ROLE_CLIENT_B2B') %}
  89.                                         <div class="list-group">
  90.                                             <div class="list-group-item list-group-item-action text-white active">
  91.                                                 Comptabilité
  92.                                             </div>
  93.                                             <a href="{{ path('espace_affilie_reglements') }}"
  94.                                                class="list-group-item dropdown-item">
  95.                                                 Réglements
  96.                                             </a>
  97.                                             <a href="{{ path('espace_affilie_balance') }}"
  98.                                                class="list-group-item dropdown-item">
  99.                                                 Balance
  100.                                             </a>
  101.                                             {% if not (amicale and amicale.configs.HIDE_LIST_FACTURE is defined and amicale.configs.HIDE_LIST_FACTURE|upper == 'TRUE') %}
  102.                                                 <a href="{{ path('espace_affilie_factures') }}"
  103.                                                    class="list-group-item dropdown-item"> Factures et
  104.                                                     avoirs
  105.                                                 </a>
  106.                                             {% endif %}
  107.                                             {% endif %}
  108.                                             {% if is_granted('ROLE_CLIENT_B2B_RESPONSABLE') or is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') %}
  109.                                                 <div class="list-group-item list-group-item-action text-white active">
  110.                                                     Configuration
  111.                                                 </div>
  112.                                                 <a href="{{ path('espace_agence_utilisateurs') }}" class="list-group-item dropdown-item " >  Utilisateurs</a>
  113.                                                 <a href="{{ path('espace_agence_profile') }}" class="list-group-item dropdown-item" >
  114.                                                     Etablissement</a>
  115.                                                 <a href="{{ path('espace_agence_marges') }}" class="list-group-item dropdown-item" >  Marges</a>
  116.                                                 {% if hasModule('billetterie-avion-xml') %}
  117.                                                     <a href="{{ path('espace_agence_marges_aerien') }}" class="list-group-item dropdown-item">
  118.                                                         Marges aérien
  119.                                                     </a>
  120.                                                 {% endif %}
  121.                                             {% endif %}
  122.                                             <li>
  123.                                                 <a href="{{ path('app_change_password') }}" class="list-group-item dropdown-item">
  124.                                                     Changer le mot de passe</a>
  125.                                             </li>
  126.                                             <a href="{{ path('app_logout') }}"
  127.                                                class="list-group-item dropdown-item">
  128.                                                 <i class="fas fa-sign-out-alt"></i> Se déconnecter</a>
  129.                                         </div>
  130.                                     </ul>
  131.                         </li>
  132.                                 {% if app.session.get('solde') and amicale.agenceB2B %}
  133.                                     {% set solde = app.session.get('solde') %}
  134.                                         <li class="list-inline-item btn border-0  background-solde d-flex align-items-center no-padding no-margin">
  135.                                                 <a href="javascript:void(0);">
  136.                                          <span  class="glyphicon glyphicon-refresh"
  137.                                                onclick="var $this=$(this);$this.addClass('fa-spin'); $.get('{{ path('espace_affilie_solde') }}',function(data) {
  138.                                                        $this.removeClass('fa-spin');
  139.                                                        $('.header-right-solde #date').html(data.date)
  140.                                                        $('.header-right-solde #time').html(data.time)
  141.                                                        $('.header-right-solde #solde').html(`${parseFloat(data.solde).toFixed({{ deviseAgence().scale }})} {{ deviseAgence().symbole }}`)
  142.                                                        $('.header-right-solde #disponible').html(`${parseFloat(data.disponible).toFixed({{ deviseAgence().scale }})} {{ deviseAgence().symbole }}`)
  143.                                                        viewAlert(`Votre solde actuel est ${parseFloat(data.solde).toFixed({{ deviseAgence().scale }})} {{ deviseAgence().symbole }}`,'success')
  144.                                                        })"></span>
  145.                                                 </a>
  146.                                                 {##}
  147.                                                 <span class="btn no-padding no-margin dropdown-toggle text-white" type="button"
  148.                                                         id="dropdownMenuMontant" data-toggle="dropdown"
  149.                                                         aria-haspopup="true" aria-expanded="false">
  150.                                                     Montant disponible <span
  151.                                                             id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ deviseAgence().symbole }}</span>
  152.                                                 </span>
  153.                                                 <ul class="dropdown-menu">
  154.                                                     <li class="dropdown-item">Votre solde le <span
  155.                                                                     id="date">{{ solde.date }}</span>à
  156.                                                             <span id="time">{{ solde.time }}</span></li>
  157.                                                     <hr class="style-hr " style="margin: 0 5px;border-color: #00aae3;">
  158.                                                     <li class="dropdown-item"> Solde <span
  159.                                                                     id="solde">{{ solde.solde|number_format(deviseAgence().scale,'.','') }} {{ deviseAgence().symbole }}</span>
  160.                                                     </li>
  161.                                                     <hr class="style-hr " style="margin: 0 5px;border-color: #00aae3;">
  162.                                                     <li class="dropdown-item"> Montant disponible <span
  163.                                                                     id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ deviseAgence().symbole }}</span>
  164.                                                     </li>
  165.                                                 </ul>
  166.                                             {##}
  167.                                             {#  Montant disponible <span id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ deviseAgence().symbole }}</span>#}
  168.                                     </li>
  169.                                 {% endif %}
  170.                         {% endif %}
  171.                     </ul>
  172.                 </div>
  173.             </div>
  174.         </div>
  175.     </div>
  176.     <div class="container-fluid">
  177.         <div class="row">
  178.             <nav class="navbar">
  179.                 <!-- Brand and toggle get grouped for better mobile display -->
  180.                 <div class="navbar-header">
  181.                     <button type="button" data-target="#navbarCollapse" data-toggle="collapse"
  182.                             class="navbar-toggle">
  183.                         <span class="sr-only">Toggle navigation</span>
  184.                         <span class="icon-bar"></span>
  185.                         <span class="icon-bar"></span>
  186.                         <span class="icon-bar"></span>
  187.                     </button>
  188.                     <a href="/" class="navbar-brand" aria-label="home">
  189.                         <img src="{{ src_logo }}" alt="{{ alt_logo }}" class="logo-mazar" alt="icon-logo"></a>
  190.                 </div>
  191.                 <!-- Collection of nav links, forms, and other content for toggling -->
  192.                 <div id="navbarCollapse" class="collapse navbar-collapse">
  193.                     <ul class="nav navbar-nav navbar-right">
  194.                         <li {% if app.request.get('_route')   in ['accueil'] %} class="active" {% endif %}><a href="/">ACCUEIL</a></li>
  195.                         {% if hasModule('sejour')%}
  196.                         <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>
  197.                         {% endif %}
  198.                         {% if hasModule('vol') or hasModule('billetterie-avion-xml') %}
  199.                             <li class="dropdown drop-vol {% if app.request.get('_route') in ['vol'] %} active{% endif %}">
  200.                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  201.                                     VOL <span class="caret"></span>
  202.                                 </a>
  203.                                 <ul class="dropdown-menu">
  204.                                     <li>
  205.                                         <a href="{{ path('home_aerien') }}">NOUVELAIR </a>
  206.                                     </li>
  207.                                     <li>
  208.                                         <a href="{{ path('vol') }}">FORMULAIRE</a>
  209.                                     </li>
  210.                                 </ul>
  211.                             </li>
  212.                         {% endif %}
  213.                         {% if hasModule('voyages-organise') %}
  214.                         <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>
  215.                         <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>
  216.                         <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>
  217.                         {% endif %}
  218.                         {% if hasModule('transfert') %}
  219.                         <li {% if app.request.get('_route')   in ['comming_soon'] %} class="active" {% endif %}><a href="{{ path('comming_soon') }}">TRANSPORT</a></li>
  220.                         {% endif %}
  221.                         <li {% if app.request.get('_route')   in ['contact'] %} class="active" {% endif %}><a href="{{ path('contact') }}">CONTACT</a></li>
  222.                     </ul>
  223.                 </div>
  224.             </nav>
  225.         </div>
  226.     </div>
  227. </header>