templates/frontend/structure/header.html.twig line 1

Open in your IDE?
  1. {% set getAllCategories = getParentCategories() %}
  2. {% set isAuthenticated = isAuth() %}
  4. <nav class="navbar navbar-expand-lg text-white" style="background-color: #11a6ba;">
  5.     <div class="container">
  6.         <a class="navbar-brand" href="{{ path('app_home') }}">
  7.             <img src="{{ asset('build/images/last-Logo01.f01b735b.webp') }}" height="65" alt=""
  8.                  class="logo_sticky">
  9.         </a>
  10.         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
  11.                 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  12.             <span class="navbar-toggler-icon"></span>
  13.         </button>
  14.         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  15.             <ul class="navbar-nav mx-auto mb-2 mb-lg-0" style="font-size: 18px; font-weight: 600;">
  16.                 <li class="nav-item">
  17.                     <a class="nav-link" aria-current="page"
  18.                        href="{{ path('app_home') }}">{{ 'header.home'|trans([],'header_page') }}</a>
  19.                 </li>
  20.                 <li class="nav-item dropdown mega-dropdown position-static">
  21.                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
  22.                        data-bs-toggle="dropdown" aria-expanded="false">
  23.                         {{ 'header.coins'|trans([],'header_page') }}
  24.                     </a>
  25.                     <div class="dropdown-menu mega-menu pt-0" aria-labelledby="navbarDropdown"
  26.                          style="font-size: 12px !important; font-weight: normal !important;">
  27.                         <div class="container">
  28.                             <div class="row d-flex p-3" style="width: 100%;">
  29.                                 {% for category in getAllCategories %}
  30.                                         <div class="col-md-3 col-xxl-3" style="word-wrap: break-word">
  31.                                             <div class="dropdown-header text-dark">
  32.                                                 <strong>
  33.                                                     <a href="{{ path('app_coin_by_category', {'category': category.id, 'name': category.slug }) }}">
  34.                                                         {{ category.name }}
  35.                                                     </a>
  36.                                                 </strong>
  37.                                             </div>
  38.                                             {% for subCat in category.categories %}
  39.                                                 <a href="{{ path('app_coin_by_category', {'category': subCat.id, 'name': subCat.slug }) }}" class="dropdown-item">{{ subCat.name }}</a>
  40.                                             {% endfor %}
  42.                                         </div>
  43.                                 {% endfor %}
  44.                             </div>
  45.                         </div>
  47.                     </div>
  48.                 </li>
  49.                 <li class="nav-item">
  50.                     <a class="nav-link"
  51.                        href="{{ path('app_mobile_app') }}">{{ 'header.appMobile'|trans([],'header_page') }}</a>
  52.                 </li>
  53.                 <li class="nav-item">
  54.                     <a class="nav-link"
  55.                        href="{{ path('app_contact') }}">{{ 'header.contact'|trans([],'header_page') }}</a>
  56.                 </li>
  57.             </ul>
  58.             <div class="d-flex">
  59.                 <ul class="navbar-nav">
  60.                     <li class="nav-item" style="">
  61.                         <a class="nav-link" href="{{ path('services_app_favory') }}" title="Favoris">
  62.                             <i class="fas fa-heart" style="font-size: 25px;"></i>
  63.                         </a>
  64.                     </li>
  66.                     <li class="nav-item dropdown mt-md-2 mb-3 rounded-pill">
  67. {#                        <a class="text-primary" href="#" id="" role="button"#}
  68. {#                           data-bs-toggle="dropdown" aria-expanded="false">#}
  69. {#                            {% if app.request.getLocale()|upper == "FR" %}#}
  70. {#                                <img src="{{ asset('assets/img/FR.png') }}" alt="" class="rounded-pill"#}
  71. {#                                     style="width: 25px;">#}
  72. {#                            {% elseif app.request.getLocale()|upper == "EN" %}#}
  73. {#                                <img src="{{ asset('assets/img/EN.png') }}" alt="" class="rounded-pill"#}
  74. {#                                     style="width: 25px;">#}
  75. {#                            {% endif %}#}
  76. {#                            #}{#                            <i class="fas fa-chevron-down"></i> #}
  77. {#                        </a>#}
  78. {#                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">#}
  79. {#                            {% if app.request.getLocale() != 'fr' %}#}
  80. {#                                <a class="dropdown-item text-dark" href="{{ path('app_home', {'_locale': 'fr'}) }}">#}
  81. {#                                    <img src="{{ asset('assets/img/FR.png') }}" alt="" style="width: 25px;">#}
  82. {#                                    FR#}
  83. {#                                    <i class="fa fa-rebel" aria-hidden="true"></i>#}
  84. {#                                </a>#}
  85. {#                            {% endif %}#}
  86. {#                            #}{#                            {% if app.request.getLocale() != 'en' %} #}
  87. {#                            #}{#                                <a class="dropdown-item text-dark" href="{{ path('app_home', {'_locale': 'en'}) }}"> #}
  88. {#                            #}{#                                    <img src="{{ asset('assets/img/EN.png') }}" alt="" style="width: 25px;"> #}
  89. {#                            #}{#                                    EN #}
  90. {#                            #}{#                                </a> #}
  91. {#                            #}{#                            {% endif %} #}
  92. {#                        </div>#}
  93.                     </li>
  94.                     {% if isAuthenticated == false %}
  95.                         <li class="nav-item mb-3" style="">
  96.                             <a href="{{ path('app_register') }}" class="btn btn-light btn-menu-log"
  97.                                style="color: #20909F; font-weight: bold;">{{ 'footer.register'|trans([],'foofer_page') }}</a>
  98.                         </li>
  99.                         <li class="nav-item btn-menu-reg " style="">
  100.                             <a href="{{ path('app_login') }}" class="btn btn-light"
  101.                                style="color: #20909F; font-weight: bold;">{{ 'footer.login'|trans([],'foofer_page') }}</a>
  102.                         </li>
  103.                     {% else %}
  104.                         <li class="nav-item mb-3" style="">
  105.                             <a href="{{ path('app_logout') }}" class="btn btn-dander btn-menu-log text-bg-danger"
  106.                                style="color: #20909F; font-weight: bold;">Deconnexion</a>
  107.                         </li>
  108. {#                        <li class="nav-item btn-menu-reg" style="">#}
  109. {#                            #}{#                                <a href="#" class="btn btn-light" style="color: #20909F; font-weight: bold;"><i class="fas fa-user-alt"></i>&nbsp;Profil</a> #}
  110. {#                            <div class="dropdown">#}
  111. {#                                <button class="btn btn-light dropdown-toggle" type="button" data-bs-toggle="dropdown"#}
  112. {#                                        aria-expanded="false">#}
  113. {#                                    <i class="fas fa-bars"></i> Profil#}
  114. {#                                </button>#}
  115. {#                                <ul class="dropdown-menu dropdown-menu-lg-end" style="width: 250px;">#}
  116. {#                                    <li><a href="" class="dropdown-item" type="button"><i class="fas fa-envelope"></i>&nbsp;#}
  117. {#                                            Messages</a></li>#}
  118. {#                                    <li><a href="" class="dropdown-item" type="button"><i class="fas fa-bell"></i>&nbsp;#}
  119. {#                                            Notifications</a></li>#}
  120. {#                                    <li><a href="" class="dropdown-item" type="button"><i class="fas fa-suitcase"></i>&nbsp;#}
  121. {#                                            Voyages</a></li>#}
  122. {#                                    <li><a href="" class="dropdown-item" type="button"><i class="fas fa-heart"></i>&nbsp;#}
  123. {#                                            Favoris</a></li>#}
  124. {#                                    <li>#}
  125. {#                                        <hr class="dropdown-divider">#}
  126. {#                                    </li>#}
  127. {#                                    <li><a href="" class="dropdown-item" type="button">Créer un coin</a></li>#}
  128. {#                                    <li><a href="{{ path('app_account_settings') }}" class="dropdown-item"#}
  129. {#                                           type="button">Compte</a></li>#}
  130. {#                                    <li>#}
  131. {#                                        <hr class="dropdown-divider">#}
  132. {#                                    </li>#}
  133. {#                                    <li><a href="" class="dropdown-item" type="button"><i#}
  134. {#                                                    class="fas fa-sign-out-alt"></i>&nbsp; Déconnexion</a></li>#}
  135. {#                                </ul>#}
  137. {#                            </div>#}
  139. {#                        </li>#}
  140.                     {% endif %}
  141.                 </ul>
  142.             </div>
  143.         </div>
  144.     </div>
  145. </nav>
  147. {% include '_partials/header/navbar-secondary.html.twig' with {
  148.     'getAllCategories' : getAllCategories
  149. } %}