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

Open in your IDE?
  1. <!-- Header START -->
  2. <header class="navbar-light header-sticky">
  4.     <!-- Logo Nav START -->
  5.     <nav class="navbar navbar-expand-xl">
  6.         <div class="container">
  7.             <!-- Logo START -->
  8.             <a class="navbar-brand" href="{{path('home_app')}}" style="position: relative">
  9.                 <div style="display: inline-block">
  10.                     <img id="logo-img" class="light-mode-item navbar-brand-item" src="{{ asset('build/images/logo1.jpeg') }}" alt="logo">
  11.                 </div>
  13. {#                <img class="dark-mode-item navbar-brand-item" src="{{ asset('build/images/logo-light.svg') }}" alt="logo">
  14.                 <div id="logo-text">
  15.                     Sunscape
  16.                 </div>
  17. #}
  18.             </a>
  19.             <!-- Logo END -->
  21.             <!-- Responsive category toggler -->
  22.             <button class="navbar-toggler ms-sm-auto mx-3 me-md-0 p-0 p-sm-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCategoryCollapse" aria-controls="navbarCategoryCollapse" aria-expanded="false" aria-label="Toggle navigation">
  23.                 <i class="bi bi-grid-3x3-gap-fill fa-fw"></i><span class="d-none d-sm-inline-block small">Category</span>
  24.             </button>
  26.             <!-- Nav category menu START -->
  27.             <div class="navbar-collapse collapse" id="navbarCategoryCollapse">
  29.                 <ul class="navbar-nav navbar-nav-scroll nav-pills-primary-soft text-center ms-auto p-2 p-xl-0">
  30.                     {% if currentPath is defined and currentPath != "booking" and currentPath is defined and currentPath != "booking_form_finish" and currentPath is defined and currentPath != "credit_card_tokenization" %}
  31.                         <li class="nav-item dropdown">
  32.                             <a class="nav-link dropdown-toggle" href="#" id="dropdown-language" role="button"
  33.                                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  34.                                 {{ currentLocale.name }}
  35.                             </a>
  36.                             <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-language">
  37.                                 {% for locale in locales %}
  38.                                     <li><a class="dropdown-item" href="{{ urlParams[locale.key] }}">{{ locale.name }}</a></li>
  39.                                 {% endfor %}
  40.                             </ul>
  41.                         </li>
  42.                         <li class="nav-item dropdown">
  43.                             <a class="nav-link dropdown-toggle" href="#" id="dropdown-currency" role="button"
  44.                                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  45.                                 RUB
  46.                             </a>
  47.                             <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-currency" id="dropdown-currency-menu">
  48.                                 <li><a class="dropdown-item" href="#" data-url="{% if qp is defined %}{{ qp|json_encode }}{% endif %}" data-locale="{{ currentLocale.key }}" data-cp="{{ currentPath }}">RUB</a></li>
  49.                                 <li><a class="dropdown-item" href="#" data-url="{% if qp is defined %}{{ qp|json_encode }}{% endif %}" data-locale="{{ currentLocale.key }}" data-cp="{{ currentPath }}">USD</a></li>
  50.                             </ul>
  52.                         </li>
  54.                     {% endif %}
  56. {#                    {% if currentPath != 'booking_form_finish' and currentPath != 'credit_card_tokenization' %}#}
  57. {#                        <li class="nav-item dropdown">#}
  58. {#                            <a class="nav-link dropdown-toggle" href="#" id="dropdown-language" role="button"#}
  59. {#                               data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">#}
  60. {#                                {{ currentLocale.name }}#}
  61. {#                            </a>#}
  62. {#                            <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-language">#}
  63. {#                                {% for locale in locales %}#}
  64. {#                                    <li><a class="dropdown-item" href="{{ urlParams[locale.key] }}">{{ locale.name }}</a></li>#}
  65. {#                                {% endfor %}#}
  66. {#                            </ul>#}
  67. {#                        </li>#}
  68. {#                        <li class="nav-item dropdown">#}
  69. {#                            <a class="nav-link dropdown-toggle" href="#" id="dropdown-currency" role="button"#}
  70. {#                               data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">#}
  71. {#                                RUB#}
  72. {#                            </a>#}
  73. {#                            <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-currency" id="dropdown-currency-menu">#}
  74. {#                                <li><a class="dropdown-item" href="#" data-url="{% if qp is defined %}{{ qp|json_encode }}{% endif %}" data-locale="{{ currentLocale.key }}" data-cp="{{ currentPath }}">RUB</a></li>#}
  75. {#                                <li><a class="dropdown-item" href="#" data-url="{% if qp is defined %}{{ qp|json_encode }}{% endif %}" data-locale="{{ currentLocale.key }}" data-cp="{{ currentPath }}">USD</a></li>#}
  76. {#                            </ul>#}
  78. {#                        </li>#}
  79. {#                    {% endif %}#}
  83.                 <!-- Profile dropdown START -->
  84.                 <li class="nav-item ms-3 dropdown">
  85.                     {% if app.user %}
  86.                     <!-- Avatar -->
  87.                         <a class="avatar avatar-sm p-0" href="#" id="profileDropdown" role="button" data-bs-auto-close="outside" data-bs-display="static" data-bs-toggle="dropdown" aria-expanded="false">
  88.                             <img class="avatar-img rounded-1" src="{{ app.user.avatar }}" alt="avatar">
  89.                         </a>
  91.                         <ul class="dropdown-menu dropdown-animation dropdown-menu-end shadow pt-3" aria-labelledby="profileDropdown">
  92.                             <!-- Profile info -->
  93.                             <li class="px-3 mb-3">
  94.                                 <a href="{{ path('app_profile_my', {'search': params.search}) }}" class="d-flex align-items-center">
  95.                                     <!-- Avatar -->
  96.                                     <div class="avatar me-3">
  97.                                         <img class="avatar-img rounded-1 shadow" src="{{ app.user.avatar }}" alt="avatar">
  98.                                     </div>
  99.                                     <div>
  100.                                         <div class="h6 mt-2 mt-sm-0" >{{ app.user.firstName }} {{ app.user.lastName }}</div>
  101.                                         <p class="small m-0">{{ app.user.email }}</p>
  102.                                     </div>
  103.                                 </a>
  104.                             </li>
  106.                             <!-- Links -->
  107.                             <li> <hr class="dropdown-divider"></li>
  108. {#                            <li><a class="dropdown-item" href="#"><i class="bi bi-bookmark-check fa-fw me-2"></i>{% trans %}My bookings{% endtrans %}</a></li>#}
  109.                             {% if params is defined %}
  110.                                 <li><a class="dropdown-item" href="{{ path('app_wishlist_list', {'search': params.search}) }}"><i class="bi bi-heart fa-fw me-2"></i>{% trans %}My Wishlist{% endtrans %}</a></li>
  111.                             {% endif %}
  113.                             <li><a class="dropdown-item bg-danger-soft-hover" href="{{ path('app_logout') }}"><i class="bi bi-power fa-fw me-2"></i>{% trans %}Sign out{% endtrans %}</a></li>
  114.                             <li> <hr class="dropdown-divider"></li>
  116.                             <!-- Dark mode switch START -->
  117.                             <li>
  118.                                 <div class="modeswitch-wrap" id="darkModeSwitch">
  119.                                     <div class="modeswitch-item">
  120.                                         <div class="modeswitch-icon"></div>
  121.                                     </div>
  122.                                     <span>{% trans %}Dark mode{% endtrans %}</span>
  123.                                 </div>
  124.                             </li>
  125.                             <!-- Dark mode switch END -->
  126.                         </ul>
  127.                     {% else %}
  128.                         <li class="nav-item">
  129.                             <a href="{{ path('app_login') }}" class="btn btn-sm btn-primary mb-0"><i class="fa-solid fa-right-to-bracket me-sm-2"></i><span class="d-none d-sm-inline">{% trans %}Sign in{% endtrans %}</span></a>
  130.                         </li>
  131.                     {% endif %}
  133.                 </li>
  134.                 <!-- Profile dropdown END -->
  135.             </ul>
  136.             <!-- Profile and Notification START -->
  138.         </div>
  139.         </div>
  140.     </nav>
  141.     <!-- Logo Nav END -->
  142. </header>
  143. <!-- Header END -->