templates/frontView/menus.html.twig line 1

Open in your IDE?
  1.  
  2.   <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-dark-twice border-bottom-custom front-office-nav">
  3.     <div class="container-fluid">
  4.       <a class="navbar-brand" href="/"><span class="log"><img src="{{ asset('img/logo-rapeto.png') }}"/></a> 
  5.       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  6.         <span class="navbar-toggler-icon"></span>
  7.       </button>
  8.       <div class="collapse navbar-collapse" id="navbarCollapse">
  9.         <ul class="navbar-nav me-auto mb-2 mb-md-0">
  10.           <li class="nav-item link-hover">
  11.             <a class="nav-link" aria-current="page" href="{{ path('app_product_category', {'idcategorie': 1,'type':'categorie'}) }}">Éducation</a>
  12.           </li>
  13.           <li class="nav-item link-hover">
  14.             <a class="nav-link" href="{{ path('app_product_category', {'idcategorie': 2,'type':'categorie'}) }}">Automobile</a>
  15.           </li>
  16.           <li class="nav-item link-hover">
  17.             <a class="nav-link" href="{{ path('app_product_category', {'idcategorie': 3,'type':'categorie'}) }}">Événementiel</a>
  18.           </li>
  19.         </ul>
  21.         {# <form action="{{ path('app_product_search') }}" class="d-flex" method="GET">
  22.             <input class="search-query form-control inputRadius" size="50" type="search" placeholder="tapez votre recherche..." aria-label="Search" name="searchname" required>
  23.             <button class="btn btn-search" type="submit"><i class="bi bi-search"></i></button>
  24.         </form> #}
  26.         {# <div class="position-relative" style="width: 400px;"> #}
  27.         <div class="position-relative search-wrapper">
  29.             <form action="{{ path('app_product_search') }}" 
  30.                 class="d-flex" 
  31.                 method="GET"
  32.                 autocomplete="off">
  34.                 <input class="search-query form-control inputRadius"
  35.                     id="search-input"
  36.                     size="50"
  37.                     type="search"
  38.                     placeholder="Tapez votre recherche..."
  39.                     aria-label="Search"
  40.                     name="searchname">
  42.                 <button class="btn btn-search" type="submit">
  43.                     <i class="bi bi-search"></i>
  44.                 </button>
  45.             </form>
  47.             {# Dropdown suggestions #}
  48.             <div id="search-suggestions-results"
  49.                 class="list-group position-absolute w-100 shadow"
  50.                 style="z-index: 1000; display: none; top: 100%;">
  51.             </div>
  53.             {# <div id="search-suggestions" class="mega-dropdown" style="display:none;">
  54.                 <div class="row g-0">
  56.                     <!-- LEFT SIDE -->
  57.                     {# <div class="col-3 border-end p-3" id="search-history">
  58.                         <h6 class="fw-bold">Historique de recherche</h6>
  59.                         <div id="history-items"></div>
  60.                     </div> #}
  62.                     <!-- RIGHT SIDE -->
  63.                     {# <div class="col-12 p-3" id="categoryResults">
  64.                         
  65.                     </div>
  67.                 </div>
  68.             </div> #}
  70.             <div id="search-suggestions" class="mega-dropdown" style="display:none;">
  71.                 <div class="container">
  72.                     <div class="row justify-content-center">
  73.                         <div class="col-12 col-xxl-11" id="categoryResults">
  74.                         {# <div class="col-12 col-xl-10" id="categoryResults"> #}
  75.                             <!-- Categories injected here -->
  76.                         </div>
  77.                     </div>
  78.                     
  79.                 </div>
  80.             </div>
  84.             {# <div id="suggestionsBox" class="mega-search-dropdown d-none">
  85.                 <div class="row g-0">
  87.                     <!-- LEFT COLUMN -->
  88.                     <div class="col-3 border-end p-3" id="searchHistory">
  89.                         <h6 class="fw-bold">Historique de recherche</h6>
  90.                         <div id="historyItems"></div>
  91.                     </div>
  93.                     <!-- RIGHT COLUMN -->
  94.                     <div class="col-9 p-3" id="categoryResults">
  95.                         <!-- Categories dynamically injected here -->
  96.                     </div>
  98.                 </div>
  99.             </div> #}
  101.         </div>
  103.         
  105.         <div class="px-2">
  106.             <i class="bi bi-cart-plus-fill px-1 icon-color-nav"></i>
  107.             <a class="user-connect" href="{{ path('app_product_list_panier') }}">Panier{% if app.session.get('listPanier') is empty %}(0)
  108.             {% else %}({{ app.session.get('listPanier')|length }}){% endif %}</a>
  109.             
  110.         </div>
  111.         {% if app.user %}
  112.         <div class="px-1">
  113.             <i class="bi bi-person-circle px-1 icon-color-nav"></i><a class="user-connect" href="/logout">Deconnexion</a>
  114.         </div>
  115.         <div class="px-1">
  116.             {# <i class="bi bi-gear-fill px-1 icon-color-nav"></i><a class="user-connect" href="{{ path('app_product_back_index') }}">Configuration</a> #}
  117.             {% if is_granted('ROLE_FREELANCE') %}
  118.                 <i class="bi bi-gear-fill px-1 icon-color-nav"></i><a class="user-connect" href="{{ path('freelance_stock_dashboard') }}">Configuration</a>
  119.             {% else %}
  120.                 <i class="bi bi-gear-fill px-1 icon-color-nav"></i><a class="user-connect" href="{{ path('app_product_back_index') }}">Configuration</a>
  121.             {% endif %}
  122.         </div>
  123.         <div class="nav-item dropdown">
  124.              <a class="nav-link dropdown-toggle icon-color-nav" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  125.                 {% if app.session.get('devise') is empty %} 
  126.                     <i class="bi bi-currency-exchange text-warning"></i> Devises
  127.                 {% elseif app.session.get('devise') == 1 %}
  128.                     MGA (Ariary)
  129.                 {% elseif app.session.get('devise') == 2 %}
  130.                     € (Euro)
  131.                 {% elseif app.session.get('devise') == 3 %}
  132.                     $ (Dollar)
  133.                 {% endif %}
  134.               </a>
  135.             <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  136.                 {% if app.session.get('devise') is empty %} 
  137.                     <li><a class="dropdown-item" href="#">MGA (Ariary)</a></li>
  138.                     <li><a class="dropdown-item" href="#">€ (Euro)</a></li>
  139.                     <li><a class="dropdown-item" href="#">$ (Dollar)</a></li>
  140.                 {% elseif app.session.get('devise') == 1 %}
  141.                     <li><a class="dropdown-item" href="#">€ (Euro)</a></li>
  142.                     <li><a class="dropdown-item" href="#">$ (Dollar)</a></li>
  143.                 {% elseif app.session.get('devise') == 2 %}
  144.                     <li><a class="dropdown-item" href="#">MGA (Ariary)</a></li>
  145.                     <li><a class="dropdown-item" href="#">$ (Dollar)</a></li>
  146.                 {% elseif app.session.get('devise') == 3 %}
  147.                     <li><a class="dropdown-item" href="#">MGA (Ariary)</a></li>
  148.                     <li><a class="dropdown-item" href="#">€ (Euro)</a></li>
  149.                 {% endif %}
  150.             </ul>
  151.         </div>
  152.         {% else %}
  153.         <div class="px-2">
  154.             <i class="bi bi-person-circle px-1 icon-color-nav"></i><a class="user-connect" href="/login">Connexion</a>
  155.         </div>
  156.         <div class="px-2">
  157.             <i class="bi bi-person-plus-fill px-1 icon-color-nav text-warning"></i><a class="user-connect" href="/inscription-client">Inscription</a>
  158.         </div>
  159.         <div class="nav-item dropdown">
  160.              <a class="nav-link dropdown-toggle icon-color-nav" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  161.                 {% if app.session.get('devise') is empty %}                 
  162.                     <i class="bi bi-currency-exchange text-warning"></i> Devises
  163.                 {% elseif app.session.get('devise') == 1 %}
  164.                     MGA (Ariary)
  165.                 {% elseif app.session.get('devise') == 2 %}
  166.                      € (Euro)
  167.                 {% elseif app.session.get('devise') == 3 %}
  168.                     $ (Dollar)
  169.                 {% endif %}
  170.               </a>
  171.             <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  172.                 {% if app.session.get('devise') is empty %} 
  173.                     <li><a class="dropdown-item" href="#">MGA (Ariary)</a></li>
  174.                     <li><a class="dropdown-item" href="">€ (Euro)</a></li>
  175.                     <li><a class="dropdown-item" href="">$ (Dollar)</a></li>
  176.                 {% elseif app.session.get('devise') == 1 %}
  177.                     <li><a class="dropdown-item" href="">€ (Euro)</a></li>
  178.                     <li><a class="dropdown-item" href="">$ (Dollar)</a></li>
  179.                 {% elseif app.session.get('devise') == 2 %}
  180.                     <li><a class="dropdown-item" href="">MGA (Ariary)</a></li>
  181.                     <li><a class="dropdown-item" href="">$ (Dollar)</a></li>
  182.                 {% elseif app.session.get('devise') == 3 %}
  183.                     <li><a class="dropdown-item" href="">MGA (Ariary)</a></li>
  184.                     <li><a class="dropdown-item" href="">€ (Euro)</a></li>
  185.                 {% endif %}
  186.             </ul>
  187.         </div>
  188.         {% endif %}
  189.       </div>
  190.     </div>
  191.   </nav>
  192.   <div class="header_sub-menu border-bottom-custom-sub front-office-subnav">
  193. <nav class="navbar navbar-expand-lg navbar-light nav-sub-custom">
  194.   <div class="container-fluid">
  195.     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  196.       <span class="navbar-toggler-icon"></span>
  197.     </button>
  198.     <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
  199.       <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  200.         <li class="nav-item">
  201.           <a class="nav-link active color-link-menus" aria-current="page" href="/">Accueil </a>
  202.         </li>
  203.         {# <span class="mt-2">|</span>
  204.         <li class="nav-item">
  205.           <a class="nav-link color-link-menus" href="{{ path('app_contact') }}">Contact</a>
  206.         </li> #}
  207.         <span class="mt-2">|</span>
  208.         <li class="nav-item">
  209.           <a class="nav-link color-link-menus" href="{{ path('app_product_category', {'idcategorie': 4,'type':'categorie'}) }}">Entreprise &amp; comptabilité</a>
  210.         </li>
  211.         <span class="mt-2">|</span>
  212.         <li class="nav-item">
  213.           <a class="nav-link color-link-menus" href="{{ path('app_product_category', {'idcategorie': 5,'type':'categorie'}) }}">Santé &amp; bien-être</a>
  214.         </li>
  215.       </ul>
  216.     </div>
  217.   </div>
  218. </nav>
  219. </div>