templates/_general/navPublic.html.twig line 1

Open in your IDE?
  1. <nav class="navbar navbar-dark navbar-expand-lg crm__header">
  2.     <a class="navbar-brand" href="">
  3.         <img src="/images/logo.png" alt="logo" class="img-fluid mx-3" width="150px"/>
  4.     </a>
  5.     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  6.         <span class="navbar-toggler-icon"></span>
  7.     </button>
  9.     <div class="collapse navbar-collapse" id="navbarSupportedContent">
  10.         <ul class="navbar-nav mx-auto">
  11.             {# todo active state #}
  12.             <li class="nav-item">
  13.                 <a class="nav-link text-white" href="{{ path('home') }}">
  14.                     <i class="fas fa-home"></i> {{ 'lang.ourProducts'|trans }}
  15.                     <span class="sr-only">(current)</span>
  16.                 </a>
  17.             </li>
  19.             <li class="nav-item">
  20.                 <a class="nav-link text-white" href="{{ path('home_domains') }}">
  21.                     <i class="fa-solid fa-globe"></i> {{ 'lang.domainWebhosting'|trans }} </a>
  22.             </li>
  24.             <li class="nav-item">
  25.                 <a class="nav-link text-white" href="{{ path('app_cart_index') }}">
  26.                     {{ 'cart'|trans }} {{ items_in_cart }} <i class="fa-solid fa-cart-shopping"></i></a>
  27.             </li>
  28.         </ul>
  31.         <ul class="navbar-nav mx-auto">
  32.             <li class="nav-item">
  33.                 <a class="nav-link text-white" href="">
  34.                     <div id="amount-mat"></div>
  35.                 </a>
  36.             </li>
  37.             {% if app.user %}
  38.                 <li class="nav-item dropdown">
  39.                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
  40.                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  41.                         <span class="text-white">{{ app.user }}</span>
  42.                     </a>
  43.                     <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
  44.                         <a class="dropdown-item"
  45.                            href="">
  46.                             <i class="fas fa-user-circle"></i> {{ 'txtMyAccount'|trans }}</a>
  47.                         <a class="dropdown-item"
  48.                            href="">
  49.                             <i class="fas fa-gift"></i> {{ 'mySubscription'|trans }}</a>
  50.                         <a class="dropdown-item"
  51.                            href="">
  52.                             <i class="fas fa-shopping-cart"></i> {{ 'myCart'|trans }}</a>
  53.                         <a class="dropdown-item"
  54.                            href="">
  55.                             <i class="fas fa-key"></i> {{ 'txtChangeMyPasswd'|trans }}</a>
  56.                         <div class="dropdown-divider"></div>
  57.                         <a class="dropdown-item"
  58.                            href="">
  59.                             <i class="fas fa-sign-out-alt"></i> {{ 'logout'|trans }}</a>
  60.                     </div>
  61.                 </li>
  62.             {% else %}
  63.                 <li class="nav-item">
  64.                     <a class="nav-link" href="{{ path('app_login') }}">
  65.                         <i class="fas fa-sign-in-alt"></i> {{ 'login'|trans }}
  66.                     </a>
  67.                 </li>
  68.             {% endif %}
  69.         </ul>
  71.         <ul class="navbar-nav">
  72.             <li class="nav-item">
  73.                 <a class="nav-link text-white" href="">
  74.                     <i class="fas fa-phone"></i>
  75.                     <span class="sr-only">(current)</span>
  76.                 </a>
  77.             </li>
  78.         </ul>
  80.     </div>
  81. </nav>