templates/content/navbar/navbar.html.twig line 1

Open in your IDE?
  1. <!-- Navbar -->
  2. <div class="fixed-top shadow" id="navbar">
  3.     <nav class="navbar navbar-expand-lg navbar-dark">
  4.         <div
  5.             class="container-fluid">
  6.             <!-- Logo -->
  8.             <a class="navbar-brand" href="{{ path('app_home') }}">
  9.                 <img src="{{ asset('assets/img/logo/LogoX60.png') }}" alt="logo Rituel voyance" class="img-fluid" width="80">
  10.             </a>
  13.             <!-- Bouton toggler pour mobile -->
  14.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  15.                 <span class="navbar-toggler-icon"></span>
  16.             </button>
  18.             <!-- Contenu de la navbar -->
  19.             <div class="collapse navbar-collapse" id="navbarSupportedContent">
  20.                 <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  21.                     <li class="nav-item">
  22.                         <a class="nav-link active" aria-current="page" href="{{ path('app_home') }}">Nos conseillers</a>
  23.                     </li>
  24.                     <li class="nav-item">
  25.                         <a class="nav-link" href="{{ path('app_tarifs') }}">Tarifs</a>
  26.                     </li>
  27.                     <li class="nav-item">
  28.                         <a class="nav-link" href="{{ path('app_infos') }}">Qui Sommes-nous</a>
  29.                     </li>
  30.                     <li class="nav-item">
  31.                         <a class="nav-link" href="{{ 'https://conseilsdesanges.com/' }}">Blog & articles spirituels </a>
  32.                     </li>
  33.                 </ul>
  35.                 <!-- Section utilisateur -->
  36.                 <div class="d-flex">
  37.                     <ul class="navbar-nav">
  38.                         {% if app.user %}
  39.                             <!-- Code client -->
  40.                             <li class="nav-item d-none d-sm-block mx-2">
  41.                                 <button class="btn btn-outline-secondary">
  42.                                     <a href="{{ path('app_tarifs') }}" class="nav-link">
  43.                                         Code Client:
  44.                                         <strong>{{ app.user.code }}</strong>
  45.                                     </a>
  46.                                 </button>
  47.                             </li>
  49.                             <!-- Crédit ou minutes -->
  50.                             <li class="nav-item d-none d-sm-block mx-2">
  51.                                 <button class="btn btn-outline-secondary">
  52.                                     <a href="{{ path('app_tarifs') }}" class="nav-link">
  53.                                         {% if app.user.kindofcredit == 1 %}
  54.                                             <i class="bi bi-currency-euro"></i>
  55.                                             {{ app.user.credit }}
  56.                                         {% else %}
  57.                                             Minutes:
  58.                                             {% set newSolde = app.user.solde %}
  59.                                             {% if newSolde >= 3600 %}
  60.                                                 {{ newSolde|date('H:i:s', timezone=false) }}
  61.                                             {% else %}
  62.                                                 {{ newSolde|date('i:s', timezone=false) }}
  63.                                             {% endif %}
  64.                                         {% endif %}
  65.                                     </a>
  66.                                 </button>
  67.                             </li>
  70.                             <!-- Menu utilisateur -->
  71.                             <li class="nav-item mx-2">
  72.                                 <button class="btn btn-outline-secondary" type="button" data-bs-toggle="offcanvas" data-bs-target="#userInfo" aria-controls="offcanvasExample">
  73.                                     <i class="bi bi-person"></i>
  74.                                 </button>
  75.                             </li>
  76.                         {% else %}
  77.                             <!-- Bouton de connexion -->
  78.                             <li class="nav-item">
  79.                                 <a href="{{ path('app_login') }}" class="nav-link">
  80.                                     <button class="btn btn-outline-light" type="button">
  81.                                         <i class="bi bi-person"></i>
  82.                                     </button>
  83.                                 </a>
  84.                             </li>
  85.                         {% endif %}
  86.                     </ul>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.     </nav>
  91. </div>
  93. <!-- Section mobile (affichée uniquement sur les petits écrans) -->
  94. <div class="container-fluid d-sm-none d-block" style="margin-top: 8rem;">
  95.     {% if app.user %}
  96.         <!-- Affichage lorsque l'utilisateur est connecté -->
  97.         <div
  98.             class="d-flex justify-content-end gap-2 text-white">
  99.             <!-- Code Client -->
  100.             <a href="{{ path('app_tarifs') }}" class="btn btn-primary col-5 text-white">
  101.                 Code Client:
  102.                 {{ app.user.code }}
  103.             </a>
  105.             <!-- Crédit ou Minutes -->
  106.             {% if app.user.kindofcredit == 1 %}
  107.                 <a href="{{ path('app_tarifs') }}" class="btn btn-primary col-3 text-white">
  108.                     <i class="bi bi-currency-euro"></i>
  109.                     {{ app.user.credit }}
  110.                 </a>
  111.             {% else %}
  112.                 <a href="{{ path('app_tarifs') }}" class="btn btn-primary col-3 text-white">
  113.                     Minutes:
  114.                     {% if newSolde >= 3600 %}
  115.                         {{ newSolde|date('H:i:s', timezone=false) }}
  116.                     {% else %}
  117.                         {{ newSolde|date('i:s', timezone=false) }}
  118.                     {% endif %}
  119.                 </a>
  120.             {% endif %}
  122.             <!-- Bouton utilisateur -->
  123.             <button class="btn btn-primary col-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#userInfo" aria-controls="offcanvasExample">
  124.                 <i class="bi bi-person fs-4"></i>
  125.             </button>
  126.         </div>
  127.     {% else %}
  128.         <!-- Affichage lorsque l'utilisateur n'est pas connecté -->
  129.         <div
  130.             class="d-flex justify-content-center">
  131.             <!-- Centrer le bouton -->
  132.             <a href="{{ path('app_login') }}" class="btn btn-primary d-flex align-items-center gap-2" style="background-color: rgb(81, 48, 79); border: none;">
  133.                 <i class="bi bi-person fs-4"></i>
  134.                 <!-- Icône agrandie -->
  135.                 <span style="font-size: 1.1rem; font-weight: 500;">Connexion</span>
  136.                 <!-- Texte stylisé -->
  137.             </a>
  138.         </div>
  139.     {% endif %}
  140. </div>
  142. <!-- Offcanvas pour les informations utilisateur -->
  143. <div class="offcanvas offcanvas-end" tabindex="-1" id="userInfo" aria-labelledby="offcanvasExampleLabel">
  144.     <div class="offcanvas-header">
  145.         <h2 class="offcanvas-title" id="offcanvasExampleLabel">
  146.             {% if app.user %}
  147.                 {{ app.user.firstName }}
  148.                 {{ app.user.lastName }}
  149.             {% else %}
  150.                 Compte Utilisateur
  151.             {% endif %}
  152.         </h2>
  153.         <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  154.     </div>
  155.     <div class="offcanvas-body">
  156.         <div class="list-group">
  157.             <a href="{{ path('app_user_interface') }}" class="list-group-item list-group-item-action active">
  158.                 <i class="bi bi-person"></i>
  159.                 Mes coordonnées
  160.             </a>
  161.             <a href="{{ path('app_userComment') }}" class="list-group-item list-group-item-action">
  162.                 <i class="bi bi-card-text"></i>
  163.                 Mes Avis
  164.             </a>
  165.             <a href="{{ path('app_userOperation') }}" class="list-group-item list-group-item-action">
  166.                 <i class="bi bi-cash-coin"></i>
  167.                 Mes opérations
  168.             </a>
  169.             <a href="{{ path('app_userConsulting') }}" class="list-group-item list-group-item-action">
  170.                 <i class="bi bi-person-workspace"></i>
  171.                 Mes consultations
  172.             </a>
  173.             
  175.             
  176.             <a href="{{ path('app_logout') }}" class="list-group-item list-group-item-action">
  177.                 <i class="bi bi-box-arrow-right"></i>
  178.                 Déconnexion
  179.             </a>
  180.         </div>
  181.     </div>
  182. </div>