templates/Global/header.html.twig line 1

Open in your IDE?
  1. <section class="header-main sticky-top">
  2.     <div class="{{ services.getSetting("app_layout") }}">
  3.         <div class="row align-items-center">
  4.             <div class="col-6 col-lg-3 order-0 order-lg-0 header-logo-wrapper">
  5.                 <div class="brand-wrap">
  6.                     <a href="{{ path('homepage') }}">
  7.                         <img class="logo img-fluid" src="{{ asset(services.getAppLayoutSettings.getLogoPath) }}" alt="{{ services.getSetting("website_name") }}">
  8.                     </a>
  9.                 </div>
  10.             </div>
  11.             <div class="col-12 col-lg-5 order-2 order-lg-1 mt-3 mb-3 mt-lg-0 mb-lg-0 header-search-wrapper">
  12.                 <form action="{{ path('events') }}" class="search-wrap">
  13.                     <div class="input-icon">
  14.                         <i class="fa fa-search"></i>
  15.                         <input name="keyword" class="form-control top-search" placeholder="{{ "Search for events"|trans }}" type="text">
  16.                     </div>
  17.                 </form>
  18.             </div>
  19.             <div class="col-6 col-lg-4 text-right order-1 order-lg-2 header-actions-wrapper">
  20.                 <div class="widgets-wrap d-flex justify-content-end">
  22.                     {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  24.                         {% if is_granted('ROLE_ATTENDEE') %}
  26.                             <div class="widget-header dropdown">
  27.                                 <a href="#" class="icontext badge-notification badge-notification-left" data-toggle="dropdown" {% if app.request.locale == "ar" %}data-offset="150,10"{% else %}data-offset="20,10"{% endif %} data-badge="{{ app.user.getTicketsInCartQuantitySum }}">
  28.                                     <div class="icon-wrap icon-xs bg-primary round text-white"><i class="fas fa-shopping-cart"></i></div>
  29.                                     <div class="text-wrap {% if app.request.locale == "ar" %}ml-1{% endif %}">
  30.                                         <span>{{ "Cart"|trans }} <i class="fas fa-caret-down"></i></span>
  31.                                     </div>
  32.                                 </a>
  33.                                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right p-3" style="width: 280px;">
  34.                                     {% if app.user.cartelements|length %}
  36.                                         {% for cartelement in app.user.cartelements %}
  38.                                             <figure class="itemside badge-notification badge-notification-right" data-badge="{{ cartelement.quantity }}">
  39.                                                 <div class="aside">
  40.                                                     <div class="img-wrap img-sm"><img src="{{ asset(cartelement.eventticket.eventdate.event.getImagePath) }}"></div>
  41.                                                 </div>
  42.                                                 <figcaption class="text-wrap">
  43.                                                     <h6 class="title mb-2"><a href="{{ path('event', { slug: cartelement.eventticket.eventdate.event.slug }) }}">{{ cartelement.eventticket.eventdate.event.name }}</a></h6>
  44.                                                         {% if cartelement.eventticket.eventdate.startdate %}
  45.                                                         <div class="text-black-50 small mb-1">
  46.                                                             {{ cartelement.eventticket.eventdate.startdate|localizeddate('none', 'none', app.request.locale, date_timezone, date_format) }}
  47.                                                         </div>
  48.                                                     {% endif %}
  49.                                                     {% if cartelement.eventticket.eventdate.venue %}
  50.                                                         <div class="text-black-50 small">{{ cartelement.eventticket.eventdate.venue.name }}: {{ cartelement.eventticket.eventdate.venue.stringifyAddress }}</div>
  51.                                                     {% endif %}
  52.                                                 </figcaption>
  53.                                             </figure>
  55.                                             <div class="dropdown-divider mt-4 mb-4"></div>
  57.                                         {% endfor %}
  59.                                         <a href="{{ path('dashboard_attendee_cart') }}" class="btn btn-outline-dark btn-block"><i class="fas fa-cart-arrow-down"></i> {{ "View cart"|trans }}</a>
  61.                                     {% else %}
  62.                                         {% include "Global/message.html.twig" with { icon: "fas fa-shopping-cart", type: "info", message: ('Your cart is empty'|trans) } %}
  63.                                     {% endif %}
  64.                                 </div>
  65.                             </div>
  67.                         {% endif %}
  69.                         <div class="widget-header dropdown">
  70.                             <a href="#" class="ml-3 icontext" data-toggle="dropdown" onclick="openDashboardSideNav()">
  71.                                 {% if is_granted('ROLE_ADMINISTRATOR') %}
  72.                                     <span class="avatar">
  73.                                         <i class="far fa-user"></i>
  74.                                     </span>
  75.                                 {% else %}
  76.                                     {% include "Global/user-avatar.html.twig" with { user : app.user } %}
  77.                                 {% endif %}
  78.                                 <div class="text-wrap {% if app.request.locale == "ar" %}ml-1{% endif %}">
  79.                                     <span>{{ app.user.username }} <i class="fas fa-caret-down"></i></span>
  80.                                 </div>
  81.                             </a>
  82.                             <div class="dropdown-menu dropdown-menu-left dropdown-menu-arrow header-user-dropdown-menu">
  83.                                 <a class="dropdown-item" href="{{ path('dashboard_index') }}">
  84.                                     {% if is_granted("ROLE_POINTOFSALE") %}
  85.                                         <i class="fas fa-ticket-alt fa-fw"></i> {{'Events on sale'|trans}}
  86.                                     {% elseif is_granted("ROLE_SCANNER") %}
  87.                                         <i class="fas fa-calendar-alt fa-fw"></i> {{'Events list'|trans}}
  88.                                     {% else %}
  89.                                         <i class="fas fa-tachometer-alt fa-fw"></i> {{'Dashboard'|trans}}
  90.                                     {% endif %}
  91.                                 </a>
  92.                                 <hr class="dropdown-divider">
  93.                                 <a class="dropdown-item" href="{{ path('fos_user_security_logout') }}"><i class="fas fa-sign-out-alt fa-fw"></i> {{ "Sign out"|trans }}</a>
  94.                             </div>
  95.                         </div>
  97.                     {% else %}
  99.                         <div class="widget-header">
  100.                             <a href="{{ path('fos_user_security_login') }}">
  101.                                 <div class="icon-wrap icon-xs bg-primary round text-secondary d-lg-none d-xl-none">
  102.                                     <i class="fas fa-sign-in-alt text-light fa-sm fa-fw"></i>
  103.                                 </div>
  104.                                 <span class="d-none d-lg-block">{{ "Sign in"|trans }}</span>
  105.                             </a>
  106.                         </div>
  108.                         <div class="widget-header">
  109.                             <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  110.                                 <div class="icon-wrap icon-xs bg-primary round text-secondary d-lg-none d-xl-none">
  111.                                     <i class="fas fa-user-plus text-light fa-sm fa-fw"></i>
  112.                                 </div>
  113.                                 <span class="d-none d-lg-inline">{{ "Sign up"|trans }}</span>
  114.                             </a>
  115.                             <div class="dropdown-menu {% if app.request.locale == "ar" %}registration-dropdown dropdown-menu-left{% else %}dropdown-menu-right{% endif %} dropdown-menu-arrow">
  116.                                 <a href="{{ path('fos_user_registration_register_attendee') }}" class="dropdown-item"><i class="fas fa-user fa-fw"></i> {{ "Attendee"|trans }}</a>
  117.                                 <a href="{{ path('fos_user_registration_register_organizer') }}" class="dropdown-item"><i class="fas fa-calendar-plus fa-fw"></i> {{ "Organizer"|trans }}</a>
  118.                             </div>
  119.                         </div>
  121.                     {% endif %}
  123.                     <div class="widget-header d-lg-none">
  124.                         <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#main_nav" aria-expanded="false" aria-label="Toggle navigation">
  125.                             <span class="icon-bar top-bar"></span>
  126.                             <span class="icon-bar middle-bar"></span>
  127.                             <span class="icon-bar bottom-bar"></span>
  128.                         </button>
  129.                     </div>
  131.                 </div>
  132.             </div>
  133.         </div>
  134.     </div>
  135. </section>
  136. <header class="section-header">
  137.     <nav class="navbar navbar-expand-lg navbar-light bg-white {% if app.request.get("_route") == "homepage" and herosettings is defined and herosettings.content != "none" %}border-0{% endif %}">
  138.         <div class="{{ services.getSetting("app_layout") }}">
  139.             <div class="collapse navbar-collapse" id="main_nav">
  140.                 <ul class="navbar-nav nav-fill w-100">
  142.                     {% for menuElement in services.getMenus({"slug" : "header-menu"}).getQuery().getOneOrNullResult().getMenuElements() %}
  143.                         {% set link = "#0" %}
  144.                         {% if menuElement.customLink %}
  145.                             {% set link = menuElement.customLink %}
  146.                         {% endif %}
  147.                         {% if menuElement.link %}
  148.                             {% set link = services.changeLinkLocale(app.request.locale, menuElement.link) %}
  149.                         {% endif %}
  150.                         {% if link == "categories_dropdown" %}
  151.                             <li class="nav-item dropdown dropdown-hover  {% if app.request.get('_route') == "categories" %}active{% endif %}">
  152.                                 <a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="{{ menuElement.icon }} fa-fw"></i> {{ menuElement.label }}</a>
  153.                                 <div class="dropdown-menu dropdown-menu-arrow">
  154.                                     {% for category in services.getCategories({ "featured": true, "limit": 9 }).getQuery().getResult() %}
  155.                                         <a href="{{ path('events', { category: category.slug }) }}" class="dropdown-item"><i class="{{ category.icon }} fa-fw"></i> {{ category.name }}</a>
  156.                                     {% endfor %}
  157.                                     <a href="{{ path('categories') }}" class="dropdown-item"><i class="fas fa-folder-open fa-fw"></i> {{ "All categories"|trans }}</a>
  158.                                 </div>
  159.                             </li>
  160.                         {% else %}
  161.                             <li class="nav-item {% if app.request.pathinfo == link %}active{% endif %}">
  162.                                 <a class="nav-link" href="{{ link }}">
  163.                                     {% if menuElement.icon %}
  164.                                         <i class="{{ menuElement.icon }} fa-fw"></i>
  165.                                     {% endif %}
  166.                                     {% if menuElement.label %}
  167.                                         {{ menuElement.label }}
  168.                                     {% endif %}
  169.                                 </a>
  170.                             </li>
  171.                         {% endif %}
  173.                     {% endfor %}
  175.                 </ul>
  176.             </div>
  177.         </div>
  178.     </nav>
  179. </header>