templates/FrontCommun/header.html.twig line 1

Open in your IDE?
  1. {% if app.request.get('_route') == 'header' %}
  2.     {% set agence = getAgence() %}
  3.     {% set client = app.session.get('client') %}
  4.     {% set src_logo = domaineBack() ~ '/' ~ agence.logo %}
  5.     {% set alt_logo = agence.nom %}
  6.     {% set reseauxSociaux = getReseauxSociaux() %}
  7.     <link href="{{ asset('assets-commun/css/bootstrap.css') }}" rel="stylesheet" type="text/css"/>
  8.     <link href="{{ asset('assets-commun/css/font-awesome.css') }}" rel="stylesheet" type="text/css"/>
  9. {% endif %}
  11. <link href="{{ asset('assets-commun/css/header-commun.css') }}" rel="stylesheet" type="text/css"/>
  12. <header class="common-header hidden-sm hidden-xs">
  13.     <nav class="navbar navbar-info" role="navigation">
  14.         <div class="container-fluid">
  16.             <div class="top-common">
  17.                 <div class="row">
  19.                     <ul class="navbar-nav social-custom list-inline hidden-xs hidden-sm justify-content-center">
  20.                         {% if agence.langues %}
  21.                             <div class="btn-group" id="dropdown-login">
  22.                                 <button class="btn btn-default btn-sm dropdown-toggle dropdown-login-btn" type="button"
  23.                                         data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  24.                                     {{ app.request.locale|upper }} <i class="fa fa-sort"></i>
  25.                                 </button>
  26.                                 <ul class="dropdown-menu">
  27.                                     {% for langue in agence.langues|split(',') %}
  28.                                         <li><a href="{{ path('change_langue',{langue:langue}) }}"><span
  29.                                                         class="flag flag-{{ getLanguesTraduction()[langue].flag }}"></span> {% if getLanguesTraduction()[langue].libelle == 'Anglais' %}English {% else %}{{ getLanguesTraduction()[langue].libelle }}{% endif %}
  30.                                             </a></li>
  31.                                     {% endfor %}
  32.                                 </ul>
  33.                             </div>
  34.                         {% endif %}
  37.                         <li class="list-inline-item ">
  38.                             <a href="tel:{{ getAgence().tel1 }}">
  39.                                 <img src="{{ asset('assets-commun/images/icons/iconwhats.svg') }} "
  40.                                      class="social-icon-svg " alt=" ">
  42.                             </a>
  43.                         </li>
  46.                         {% if reseauxSociaux and reseauxSociaux.facebook  is not null %}
  48.                             <li class="list-inline-item">
  49.                                 <a class="facebook" href="{{ reseauxSociaux.facebook }}">
  50.                                     <img src="{{ asset('assets-commun/images/icons/fb.svg') }}" class="social-icon-svg"
  51.                                          alt="">
  52.                                 </a>
  54.                             </li>
  55.                         {% endif %}
  56.                         {% if reseauxSociaux and reseauxSociaux.twitter  is not null %}
  57.                             <li>
  58.                                 <a class="twitter" href="{{ reseauxSociaux.twitter }}">
  59.                                     <img src="{{ asset('assets-commun/images/icons/twitter.svg') }}"
  60.                                          class="social-icon-svg"
  61.                                          alt="">
  62.                                 </a>
  63.                             </li>
  64.                         {% endif %}
  65.                         {% if reseauxSociaux and reseauxSociaux.instagram  is not null %}
  66.                             <li>
  67.                                 <a class="pinterest" href="{{ reseauxSociaux.instagram }}">
  68.                                     <img src="{{ asset('assets-commun/images/icons/insta.svg') }}"
  69.                                          class="social-icon-svg"
  70.                                          alt="">
  71.                                 </a>
  72.                             </li>
  73.                         {% endif %}
  74.                         {% if reseauxSociaux and reseauxSociaux.youtube  is not null %}
  75.                             <li>
  76.                                 <a class="youtube" href="{{ reseauxSociaux.youtube }}">
  77.                                     <img src="{{ asset('assets-commun/images/icons/youtube.svg') }}"
  78.                                          class="social-icon-svg"
  79.                                          alt="">
  80.                                 </a>
  81.                             </li>
  82.                         {% endif %}
  85.                         {% if  not is_granted('IS_AUTHENTICATED_FULLY') %}
  86.                             <li class="list-inline-item">
  87.                                 <a href="{{ path('app_login') }}" class="btn btn-connect text-white"><img
  88.                                             src="{{ asset('assets-commun/images/icons/connect.svg') }}"
  89.                                             class="social-icon-svg"
  90.                                             alt=""> {{ "Se Connecter"|trans }}</a>
  91.                             </li>
  92.                             {% if disableRegistration == 'false' %}
  93.                                 <li class="list-inline-item">
  94.                                     <a href="{{ path('app_register') }}" class="btn btn-connect text-white"><img
  95.                                                 src="{{ asset('assets-commun/images/icons/connect.svg') }}"
  96.                                                 class="social-icon-svg"
  97.                                                 alt="">
  98.                                         {{"S'inscrire"|trans}}</a>
  99.                                 </li>
  100.                             {% endif %}
  101.                         {% else %}
  103.                             <div class="btn-group" id="dropdown-login">
  104.                                 <button class="btn btn-default btn-sm dropdown-toggle dropdown-login-btn" type="button"
  105.                                         data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  106.                                     <img src="{{ asset('assets-commun/images/icons/connect-new.svg') }}"
  107.                                          class="social-icon-svg" alt=""> {{ "Bienvenue"|trans }} {{ client ? client.nomPrenom : '' }}
  108.                                 </button>
  110.                             </div>
  111.                             <li class="list-inline-item">
  112.                                 <a href="{{ path('app_logout') }}" class="btn btn-connect text-white"><img
  113.                                             src="{{ asset('assets-commun/images/icons/connect.svg') }}"
  114.                                             class="social-icon-svg"
  115.                                             alt="">
  116.                                     {{"Se déconnecter"|trans}}</a>
  117.                             </li>
  118.                         {% endif %}
  120.                         {% if app.session.get('solde') and amicale.agenceB2B %}
  121.                             {% set solde = app.session.get('solde') %}
  122.                             <div class="header-right header-right-solde">
  123.                                 <div class="navi background-solde d-flex align-items-center">
  124.                                     <p style="color: var(--color-site-2);text-align: left;font-size: 18px;margin: 0 0 0px;">
  125.                                         <a href="javascript:void(0);">
  126.                                          <span style="color: var(--color-site-2);" class="glyphicon glyphicon-refresh"
  127.                                                onclick="var $this=$(this);$this.addClass('fa-spin'); $.get('{{ path('espace_affilie_solde') }}',function(data) {
  128.                                                        $this.removeClass('fa-spin');
  129.                                                        $('.header-right-solde #date').html(data.date)
  130.                                                        $('.header-right-solde #time').html(data.time)
  131.                                                        $('.header-right-solde #solde').html(`${parseFloat(data.solde).toFixed({{ deviseAgence().scale }})} ${ data.deviseComptable }`)
  132.                                                        $('.header-right-solde #disponible').html(`${parseFloat(data.disponible).toFixed({{ deviseAgence().scale }})} ${ data.deviseComptable }`)
  133.                                                        viewAlert(`Votre solde actuel est ${parseFloat(data.solde).toFixed({{ deviseAgence().scale }})} ${ data.deviseComptable }`,'success')
  134.                                                        })"></span>
  135.                                         </a>
  136.                                         {##}
  137.                                     <div class="btn-group" id="dropdown-login">
  138.                                         <button class="btn btn-default btn-sm dropdown-toggle dropdown-login-btn dropdown-login-solde text-blue"
  139.                                                 type="button" data-toggle="dropdown" aria-haspopup="true"
  140.                                                 aria-expanded="false">
  141.                                             {{ "Montant disponible"|trans }} <span
  142.                                                     id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ solde.deviseComptable }}</span>
  143.                                             <span class="caret"></span>
  144.                                         </button>
  145.                                         <ul class="dropdown-menu">
  146.                                             <li><a href=""> {{ "Votre solde le"|trans }} <span id="date">{{ solde.date }}</span>{{"à"|trans}}
  147.                                                     <span id="time">{{ solde.time }}</span></a></li>
  148.                                             <hr class="style-hr " style="margin: 0 5px;border-color: var(--color-site-2);">
  149.                                             <li><a href=""> {{ "Solde"|trans }} <span
  150.                                                             id="solde">{{ solde.solde|number_format(deviseAgence().scale,'.','') }} {{ solde.deviseComptable }}</span></a>
  151.                                             </li>
  152.                                             <hr class="style-hr " style="margin: 0 5px;border-color: var(--color-site-2);">
  153.                                             <li><a href=""> {{ "Montant disponible"|trans }} <span
  154.                                                             id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ solde.deviseComptable }}</span></a>
  155.                                             </li>
  157.                                         </ul>
  158.                                     </div>
  159.                                     {##}
  160.                                     {#  Montant disponible <span id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ deviseAgence().symbole }}</span>#}
  161.                                     </p>
  163.                                 </div>
  164.                             </div>
  165.                         {% endif %}
  166.                         {% if getDevise()|length > 1 and multi_devise == 'true' %}
  167.                             <div class="btn-group" id="dropdown-login">
  168.                                 <button class="btn btn-default btn-sm dropdown-toggle dropdown-login-btn" type="button"
  169.                                         data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  170.                                     {{ "Devise"|trans }} ({{ deviseSelected().symbole }})<i class="fa fa-sort"></i>
  171.                                 </button>
  172.                                 <ul class="dropdown-menu">
  173.                                     {% for devise in getDevise() %}
  174.                                         {% if devise.symbole != deviseSelected().symbole %}
  175.                                             <li>
  176.                                                 <a href="{{ path('change_devise',{code:devise.code}) }}"><b>{{ devise.symbole }}</b> {{ devise.libelle }}
  177.                                                 </a></li>
  178.                                         {% endif %}
  179.                                     {% endfor %}
  180.                                 </ul>
  181.                             </div>
  182.                         {% endif %}
  183.                         {% if   is_granted('IS_AUTHENTICATED_FULLY') %}
  184.                             <div class="btn-group" id="dropdown-login">
  185.                                 <button class="btn btn-default btn-sm dropdown-toggle dropdown-login-btn" type="button"
  186.                                         data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  187.                                     <img src="{{ asset('assets-commun/images/icons/connect-new.svg') }}"
  188.                                          class="social-icon-svg" alt=""> {{ "Votre Espace"|trans }} <span
  189.                                             class="caret"></span>
  190.                                 </button>
  192.                                 {% if app.request.server.has('DOMAINE_ARCHIVE') %}
  193.                                     {% set domaine_archive = app.request.server.get('DOMAINE_ARCHIVE')|json_decode %}
  194.                                 {% endif %}
  196.                                 <ul class="dropdown-menu">
  197.                                     {% if not client.hideListRservation %}
  198.                                         {% if hasModule('sejour') or hasModule('voyages-organise') or hasModule('voyages-package') or hasModule('vol') %}
  199.                                             <li><a href="{{ path('espace_affilie_reservations') }}"> <i
  200.                                                             class="fa fa-file-text-o"></i> {{"Réservations"|trans}}</a>
  201.                                                 <ul class="niveau3">
  202.                                                     {% for route in routeReservation() %}
  203.                                                         <li class="{{ route.route_liste }}"><a
  204.                                                                     href="{{ path(route.route_liste) }}">  {{ ("Réservations " ~ route.libelle)|trans }}</a>
  205.                                                         </li>
  206.                                                         {% if domaine_archive is defined and route.route_liste == 'espace_affilie_reservations' %}
  207.                                                             <li class="{{ route.route_liste }}"><a
  208.                                                                         href="{{ path(route.route_liste ~ '_archive') }}">  {{ ("Réservations " ~ route.libelle)|trans }}
  209.                                                                     <b class="text-danger">({{ domaine_archive.libelle }}
  210.                                                                         )</b></a>
  211.                                                             </li>
  212.                                                         {% endif %}
  213.                                                     {% endfor %}
  215.                                                     {% if app.request.server.has('FLIGHTS_WORLDSOFT_SUB_DOMAINE') and hasModule('vol') %}
  216.                                                         <li class="flight-queue"><a
  217.                                                                     href="{{ app.request.server.get('FLIGHTS_WORLDSOFT_SUB_DOMAINE') }}/#!/flight-queue">  {{ "Réservations Vol"|trans }}</a>
  218.                                                         </li>
  219.                                                     {% endif %}
  220.                                                 </ul>
  221.                                             </li>
  222.                                         {% endif %}
  223.                                     {% endif %}
  225.                                     {% if is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') or is_granted('ROLE_CLIENT_B2B') %}
  226.                                         {% if hasModule('tache') %}
  227.                                             <li><a href="{{ path('ticket_liste') }}"> <i
  228.                                                             class="fa fa-tasks"></i> {{ "gestion des tickets"|trans }} </a></li>
  229.                                         {% endif %}
  230.                                         <li><a href="{{ path('espace_affilie_reglements') }}"> <i
  231.                                                         class="fa fa-credit-card"></i> {{"comptabilité"|trans}} </a></li>
  233.                                         {% if domaine_archive is defined %}
  234.                                             <li><a href="{{ path('espace_affilie_reglements_archive') }}"> <i
  235.                                                             class="fa fa-credit-card"></i> {{"comptabilité"|trans}} <b
  236.                                                             class="text-danger">({{ domaine_archive.libelle }})</b>
  237.                                                 </a></li>
  238.                                         {% endif %}
  240.                                         <li><a href="{{ path('espace_affilie_balance') }}"> <i
  241.                                                         class="fa fa-balance-scale"></i>{{ "Balance"|trans }}</a></li>
  243.                                         <li><a href="{{ path('espace_affilie_balance_paiements_echeance') }}"> <i
  244.                                                         class="fa fa-balance-scale"></i>{{"Paiements à échéance"|trans}}</a></li>
  246.                                         {% if not (amicale and amicale.configs.HIDE_LIST_FACTURE is defined and amicale.configs.HIDE_LIST_FACTURE|upper == 'TRUE') %}
  247.                                             <li><a href="{{ path('espace_affilie_factures') }}"> <i
  248.                                                             class="fa fa-file-archive-o"></i> {{ "Factures et avoirs"|trans }}</a>
  249.                                             </li>
  251.                                             {% if domaine_archive is defined %}
  252.                                                 <li><a href="{{ path('espace_affilie_factures_archive') }}"> <i
  253.                                                                 class="fa fa-file-archive-o"></i> {{ "Factures et avoirs"|trans }}
  254.                                                         <b class="text-danger">({{ domaine_archive.libelle }}
  255.                                                             )</b></a>
  256.                                                 </li>
  257.                                             {% endif %}
  258.                                         {% endif %}
  260.                                         {% if is_granted('ROLE_CLIENT_B2B_RESPONSABLE') or is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') %}
  262.                                             <li><a href="{{ path('espace_agence_utilisateurs') }}"> <i
  263.                                                             class="fa fa-user"></i> {{ "Utilisateurs"|trans }}</a></li>
  265.                                             <li><a href="{{ path('espace_agence_profile') }}"> <i
  266.                                                             class="fa fa-cog"></i>
  267.                                                 {{"Etablissement"|trans }}</a></li>
  269.                                             {# Recharge solde menu - opens modal #}
  270.                                             {% set configurationPayement = getConfigurationPayement() %}
  271.                                             {% if configurationPayement.0.fraisService is defined %}
  272.                                                 <li>
  273.                                                     <a href="#" data-toggle="modal" data-target="#rechargeSoldeModal">
  274.                                                         <i
  275.                                                                 class="fa fa-credit-card"></i> {{ "Recharge solde"|trans }}</a>
  276.                                                 </li>
  277.                                             {% endif %}
  280.                                             <li><a href="{{ path('espace_agence_marges') }}"> <i
  281.                                                             class="fa fa-bar-chart"></i> {{ "Marges"|trans }}</a></li>
  283.                                             {% if hasModule('billetterie-avion-xml') %}
  284.                                                 <li><a href="{{ path('espace_agence_marges_aerien') }}"> <i
  285.                                                                 class="fa fa-bar-chart"></i> {{"Marges aérien"|trans}}</a></li>
  286.                                             {% endif %}
  287.                                         {% endif %}
  289.                                     {% endif %}
  291.                                     <li><a href="{{ path('app_change_password') }}"> <i
  292.                                                     class="fa fa-key"></i> {{ "Changer le mot de passe"|trans }}</a></li>
  293.                                 </ul>
  294.                             </div>
  295.                         {% endif %}
  296.                     </ul>
  298.                 </div>
  299.             </div>
  300.         </div>
  302.         <div class="container-fluid">
  303.             <!-- Brand and toggle get grouped for better mobile display -->
  304.             <div class="navbar-header">
  305.                 <button type="button" class="navbar-toggle" data-toggle="collapse"
  306.                         data-target="#bs-example-navbar-collapse-1">
  307.                     <span class="sr-only">Toggle navigation</span>
  308.                     <span class="icon-bar"></span>
  309.                     <span class="icon-bar"></span>
  310.                     <span class="icon-bar"></span>
  311.                 </button>
  312.                 <a class="navbar-brand hidden-lg mobile-logo" href="/">
  313.                     <img src="{{ src_logo }}" class="logo-responsive" alt="{{ alt_logo }}">
  314.                 </a>
  315.             </div>
  317.             <!-- Collect the nav links, forms, and other content for toggling -->
  318.             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  320.                 <div class="row align-items-center">
  323.                     <div class="col-lg-2">
  324.                         <div class="pull-left">
  325.                             <a href="/">
  326.                                 <img src="{{ src_logo }}"
  327.                                      class="logo-responsive hidden-md hidden-sm hidden-xs" alt="{{ alt_logo }}">
  328.                             </a>
  329.                         </div>
  330.                     </div>
  331.                     <div class="col-md-8 col-xs-12">
  333.                         <ul class="nav navbar-nav justify-content-center">
  334.                             <li class="{#active#}"><a href="/">{{ "ACCUEIL"|trans }}</a></li>
  335.                             {% if hasModule('sejour') %}
  336.                                 <li><a href="{{ path('sejour_hotel_availability') }} ">{{"HÔTELS"|trans}} </a></li>
  337.                             {% endif %}
  338.                             {% if hasModule('appartement') %}
  339.                                 <li><a href="{{ path('sejour_appartement_availability') }} ">{{ "APPARTEMENTS"|trans }} </a></li>
  340.                             {% endif %}
  341.                             {% if hasModule('voyages-package') %}
  342.                                 <li><a href="{{ path('front_package_liste') }} ">
  343.                                     {{"Pack VOYAGE ORGANISÉS"|trans}}</a>
  344.                                 </li>
  345.                             {% endif %}
  346.                             {% if hasModule('voyages-organise') %}
  348.                                 <li><a href="{{ path('front_voyageorganise_liste') }}" class="navitem-vo">{{"VOYAGES
  349.                                 ORGANISÉS"|trans}}</a></li>
  350.                                 <li><a href="{{ path('front_voyagecarte_liste') }}" class="navitem-vc">{{"Voyages à la
  351.                                     carte"|trans}}</a></li>
  353.                                 <li><a href="{{ path('front_omraorganise_liste') }}" class="navitem-omra">{{ "OMRA"|trans }}</a></li>
  354.                                 <li><a href="{{ path('front_circuitorganise_liste') }}" class="navitem-circuits">
  355.                                     {{ "CIRCUITS"|trans }} </a></li>
  356.                                 <li><a href="{{ path('front_croisieres_liste') }}" class="navitem-croisieres">
  357.                                     {{"CROISIÈRES"|trans}} </a></li>
  358.                             {% endif %}
  359.                             {% if hasModule('vol') %}
  360.                                 <li class="form_vol"><a  href="{{ path('vol') }} "> {{ "BILLETTERIE AVION"|trans }}</a></li>
  361.                                 {% if hasModule('billetterie-avion-xml') %}
  362.                                     <li><a href="{{ path('home_aerien') }}"> {{ "VOL"|trans }} </a></li>
  363.                                 {% endif %}
  364.                             {% endif %}
  366.                             {% if hasModule('bien-etre') %}
  367.                                 <li><a href="{{ path('front_bien_etre_liste') }} "> {{ "SPA"|trans }}</a></li>
  368.                             {% endif %}
  372.                             {#<li><a href="{{ url('volSearch') }}" > Vols </a>#}
  373.                             {% if hasModule('location-voiture') %}
  374.                                 {% if hasModule('location-voiture-xml') %}
  375.                                     <li><a href="{{ path('availibility') }} "> {{ "LOCATION VOITURE"|trans }}</a></li>
  376.                                 {% endif %}
  377.                             {% endif %}
  378.                             {% if hasModule('billetterie-maritime-xml') %}
  379.                                 <li><a href="{{ path('availibility_maritime') }} ">{{ "MARITIME"|trans }} </a></li>
  380.                             {% endif %}
  381.                             {#  <li><a href="/"> VISA ASSURANCES</a></li>#}
  383.                             {% if is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') or is_granted('ROLE_CLIENT_B2B') %}
  384.                                 {% if hasModule('tache') %}
  385.                                     <li><a href="{{ path('ticket_liste') }}"> {{ "gestion des tickets"|trans }} </a></li>
  386.                                 {% endif %}
  387.                             {% endif %}
  389.                             {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  390.                                 <li class="contact-display"><a href="{{ path('contact') }} ">{{ "CONTACT"|trans }}</a></li>
  393.                                 {% for article in ArticlesElement().desktop %}
  395.                                     {% if article.code=="Contactez-nous" %}
  398.                                         {% for elem in article.elements %}
  399.                                             <li class="contact-article"><a
  400.                                                         href="{{ path('contact_us') }} "> {{ elem.titre }}</a></li>
  403.                                         {% endfor %}
  405.                                     {% endif %}
  406.                                 {% endfor %}
  408.                             {% endif %}
  410.                             {% if is_granted('IS_AUTHENTICATED_FULLY') and form_send_payment == 'true' %}
  411.                                 <li><a href="{{ path('sendPayment') }} ">{{ "ENVOYER UN PAIEMENT"|trans }}</a></li>
  412.                             {% endif %}
  413.                         </ul>
  414.                     </div>
  415.                     <div class="col-md-2 hidden-xs hidden-sm">
  416.                         <div class="social pull-right ">
  417.                             <div class="card-header ">
  418.                                 <div class="row center-content ">
  419.                                     <div class="col-xs ">
  420.                                        <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  421.      width="45px" height="45px" viewBox="0 0 45 45" enable-background="new 0 0 45 45" xml:space="preserve">
  422. <g>
  423.     <g>
  424.         <g>
  425.             <path fill="var(--color-site-1)" d="M33.41,19.279c-0.193,0.047-0.332,0.193-0.526,0.239c-0.239,0.093-0.432,0.147-0.671,0.193
  426.                 c-0.285,0.046-0.48-0.147-0.572-0.386c-0.046-0.24-0.092-0.434-0.046-0.674c0.046-0.433,0.148-0.865,0.24-1.298
  427.                 c0.238-1.299,0.479-2.635,0.719-3.934c0.045-0.332,0.147-0.718,0.091-1.059c0-0.434-0.284-0.627-0.717-0.627
  428.                 c-0.57,0-1.197,0-1.78,0c-0.578,0-1.149,0-1.675,0c-0.148,0-0.285,0-0.434,0.046c-0.238,0.047-0.386,0.193-0.431,0.387
  429.                 c0,0.147,0.091,0.332,0.331,0.434c0.193,0.046,0.385,0.092,0.625,0.092c0.479,0.046,0.626,0.24,0.626,0.719
  430.                 c0,0.092,0,0.147,0,0.239c-0.192,1.151-0.387,2.303-0.626,3.454c-0.092,0.673-0.193,1.345-0.285,1.963
  431.                 c-0.146,0.957,0.82,1.87,1.54,1.962c0.431,0.045,0.911,0.092,1.343,0.092c0.958,0,1.779-0.434,2.45-1.105
  432.                 c0.093-0.092,0.24-0.286,0.24-0.434C33.89,19.335,33.696,19.141,33.41,19.279z"/>
  433.             <path fill="var(--color-site-1)" d="M40.796,4.173c-5.516-5.563-14.486-5.563-19.997,0c-5.324,5.324-5.518,13.817-0.571,19.381l0.093,0.091
  434.                 c-0.526,1.153-1.483,2.59-2.929,3.308c-0.479,0.239-0.388,0.958,0.146,1.06c1.631,0.239,3.934,0,6.043-1.631l0.045,0.046
  435.                 c5.417,3.169,12.518,2.45,17.169-2.211C46.314,18.663,46.314,9.69,40.796,4.173z M30.821,25.037
  436.                 c-5.997,0-10.841-4.846-10.841-10.843c0-5.996,4.844-10.831,10.841-10.831s10.842,4.845,10.842,10.841
  437.                 C41.663,20.201,36.818,25.037,30.821,25.037z"/>
  438.             <path fill="var(--color-site-1)" d="M26.548,33.096c-1.106-1.15-2.542-1.15-3.694,0c-0.865,0.866-1.723,1.723-2.587,2.589
  439.                 c-0.24,0.239-0.433,0.285-0.72,0.147c-0.525-0.332-1.15-0.57-1.676-0.912c-2.495-1.585-4.604-3.602-6.475-5.895
  440.                 c-0.911-1.151-1.723-2.35-2.302-3.74C9,24.999,9,24.853,9.24,24.612c0.912-0.819,1.721-1.677,2.588-2.541
  441.                 c1.197-1.198,1.197-2.589,0-3.787c-0.718-0.718-1.391-1.391-2.063-2.063c-0.718-0.718-1.391-1.437-2.11-2.109
  442.                 c-1.104-1.105-2.541-1.105-3.693,0c-0.865,0.866-1.722,1.722-2.588,2.589c-0.82,0.819-1.243,1.777-1.345,2.873
  443.                 c-0.146,1.777,0.285,3.5,0.912,5.176c1.299,3.501,3.261,6.521,5.61,9.351c3.214,3.841,7.046,6.861,11.514,9.018
  444.                 c2.017,0.957,4.081,1.723,6.283,1.869c1.582,0.093,2.929-0.331,4.024-1.538c0.72-0.865,1.585-1.584,2.349-2.395
  445.                 c1.151-1.197,1.151-2.634,0-3.786C29.33,35.878,27.939,34.487,26.548,33.096z"/>
  446.             <path fill="var(--color-site-1)" d="M31.153,10.889c1.004,0,1.824-0.82,1.824-1.824s-0.82-1.869-1.824-1.869
  447.                 c-1.006,0-1.823,0.819-1.869,1.822C29.33,10.077,30.147,10.889,31.153,10.889z"/>
  448.         </g>
  449.     </g>
  450. </g>
  451. </svg>
  454.                                     </div>
  455.                                     <div class="col-xs">
  456.                                         <div class="card-body ">
  457.                                             <h6 class="card-title">{{"INFOS & RÉSERVATIONS"|trans}}</h6>
  459.                                             {% if  amicale and amicale.configs.NUM_SUPPORT is defined %}
  460.                                                 {% set num_support = amicale.configs.NUM_SUPPORT %}
  461.                                                 <a href="tel:{{ num_support }}">
  462.                                                     <p class="card-text "> {{ getAgence().prefixTel }} {{ num_support }}</p>
  463.                                                 </a>
  465.                                             {% else %}
  466.                                                 <a href="tel:{{ getAgence().tel1 }}">
  467.                                                     <p class="card-text "> {{ getAgence().prefixTel }} {{ getAgence().tel1 }}</p>
  468.                                                 </a>
  470.                                             {% endif %}
  471.                                         </div>
  472.                                     </div>
  473.                                 </div>
  474.                             </div>
  475.                         </div>
  476.                     </div>
  478.                 </div>
  479.             </div>
  480.             <!-- /.navbar-collapse -->
  481.         </div>
  483.     </nav>
  485. </header>
  487. {# Recharge solde menu - opens modal #}
  488. {% if configurationPayement.0.fraisService is defined %}
  489.     {# Recharge solde modal #}
  490.     <div class="modal fade" id="rechargeSoldeModal" tabindex="-1" role="dialog"
  491.          aria-labelledby="rechargeSoldeModalLabel" aria-hidden="true">
  492.         <div class="modal-dialog" role="document">
  493.             <div class="modal-content">
  494.                 <div class="modal-header">
  495.                     <h5 class="modal-title" id="rechargeSoldeModalLabel">{{ "Recharge solde"|trans }}</h5>
  496.                     <button type="button" class="close" data-dismiss="modal"
  497.                             aria-label="Close">
  498.                         <span aria-hidden="true">&times;</span>
  499.                     </button>
  500.                 </div>
  501.                 <form method="post"
  502.                       action="{{ path('espace_agence_recharge_solde') }}">
  503.                     <div class="modal-body">
  504.                         <div class="form-group">
  505.                             <label for="montant_recharge">{{ "Montant de la recharge"|trans }}</label>
  506.                             <input type="number" min="0"
  507.                                    class="form-control" name="montant_recharge"
  508.                                    id="montant_recharge"
  509.                                    placeholder="{{ 0|number_format(deviseAgence().scale, '.', '') }}"
  510.                                    required>
  511.                             <small id="rechargeInfo" class="form-text text-muted">{{"Le montant final (recharge + frais)
  512.                             sera affiché ici."|trans}}</small>
  513.                         </div>
  514.                         {# hidden fields #}
  515.                         <input type="hidden" name="frais_percent" id="frais_percent"
  516.                                value="{{ configurationPayement.0.fraisService }}">
  517.                         <input type="hidden" name="montant_total" id="montant_total"
  518.                                value="">
  519.                     </div>
  520.                     <div class="modal-footer">
  521.                         <button type="button" class="btn btn-secondary"
  522.                                 data-dismiss="modal">{{ "Annuler"|trans }}
  523.                         </button>
  524.                         <button type="submit" class="btn btn-primary">{{ "Payer"|trans }}</button>
  525.                     </div>
  526.                 </form>
  527.             </div>
  528.         </div>
  529.     </div>
  531.     <script>
  532.         // Compute recharge fee and total (vanilla JS)
  533.         (function () {
  534.             var input = document.getElementById('montant_recharge');
  535.             var fraisInput = document.getElementById('frais_percent');
  536.             var totalInput = document.getElementById('montant_total');
  537.             var info = document.getElementById('rechargeInfo');
  538.             if (!input || !fraisInput || !totalInput || !info) return;
  539.             var fraisPercent = parseFloat(fraisInput.value) || 0;
  540.             var scale = {{ deviseAgence().scale|default(2) }};
  541.             var symbole = '{{ deviseAgence().symbole|e('js') }}';
  543.             // ensure the input step and placeholder reflect the agence currency scale
  544.             try {
  545.                 var computedStep = (1 / Math.pow(10, scale));
  546.                 // set numeric step as string with exact decimals (works also for scale=0)
  547.                 input.step = computedStep.toFixed(Math.max(0, scale));
  548.                 input.placeholder = (0).toFixed(Math.max(0, scale));
  549.             } catch (e) {
  550.                 // fallback to 2 decimals
  551.                 input.step = '0.01';
  552.                 input.placeholder = '0.00';
  553.             }
  555.             function update() {
  556.                 var val = parseFloat(input.value);
  557.                 if (isNaN(val) || val <= 0) {
  558.                     totalInput.value = '';
  559.                     info.innerText = 'Le montant final (recharge + frais) sera affiché ici.';
  560.                     return;
  561.                 }
  562.                 var fee = val * fraisPercent / 100;
  563.                 var total = val + fee;
  564.                 totalInput.value = total.toFixed(scale);
  565.                 info.innerText = 'Vous paierez ' + total.toFixed(scale) + ' ' + symbole + ' (frais: ' + fraisPercent + '% = ' + fee.toFixed(scale) + ' ' + symbole + ')';
  566.             }
  568.             input.addEventListener('input', update);
  570.             document.querySelector('a[data-target="#rechargeSoldeModal"]').closest('li').addEventListener('click', function () {
  571.                 setTimeout(function () {
  572.                     if (input) input.focus();
  573.                     update();
  574.                 },500)
  575.             });
  576.         })();
  577.     </script>
  578. {% endif %}
  580. {% include checkCustomTemplate('header-mobile.html.twig') %}
  582. {% if app.request.get('_route') == 'header' %}
  583.     <script type="text/javascript" src="{{ asset('assets-commun/js/jquery.js') }}"></script>
  584.     <script type="text/javascript" src="{{ asset('assets-commun/js/bootstrap.js') }}"></script>
  585.     <script>$(document).ready(function () {
  587.             $('.toggle-navbar').on('click', function (e) {
  588.                 e.preventDefault();
  589.                 $('body').toggleClass('navbar-open');
  592.             });
  593.         });</script>
  594. {% endif %}