templates/client/common/parts/mobile.html.twig line 1

Open in your IDE?
  1. <div class="tm-header-mobile uk-hidden@l">
  2.     <div uk-sticky cls-active="uk-navbar-sticky" sel-target=".uk-navbar-container">
  3.         <div class="uk-navbar-container">
  4.             <nav uk-navbar="container: .tm-header-mobile">
  5.                 <div class="uk-navbar-left">
  6.                     <a class="uk-navbar-toggle" href="#tm-mobile" uk-toggle="animation: true">
  7.                         <div uk-navbar-toggle-icon></div>
  8.                     </a>
  9.                 </div>
  10.                 <div class="uk-navbar-center">
  11.                     <a href="{{ path('homepage') }}" class="uk-navbar-item uk-logo">
  12.                         <img width="200" height="60" src="{{ asset("/assets/images/logo.svg") }}" alt="{{ asset("/assets/images/logo.svg") }}" />
  13.                     </a>
  14.                 </div>
  16.                 <div class="uk-navbar-right">
  17.                     {% if not is_granted('ROLE_CLIENT') %}
  18.                     <div><a href="{{ path('app_login') }}" class="uk-icon-button" uk-icon="icon: sign-in"></a></div>
  19.                     {% else %}
  20.                     <div>
  21.                         {{ include("/client/common/parts/minicart.html.twig") }}
  22.                     </div>
  23.                     <div><a href="{{ path('app_logout') }}" class="uk-icon-button" uk-icon="icon: sign-out"></a></div>
  24.                     {% endif %}
  25.                 </div>
  27.             </nav>
  28.         </div>
  29.         <div class="uk-position-relative tm-header-mobile-slide">
  30.             <div id="tm-mobile" class="uk-position-top" hidden>
  31.                 <div class="uk-background-default uk-padding">
  32.                     <div class="uk-child-width-1-1" uk-grid>
  33.                         <div>
  34.                             <div class="uk-panel" id="module-menu-mobile">
  35.                                 <ul class="uk-nav uk-nav-default uk-nav-divider uk-nav-parent-icon uk-nav-accordion" uk-nav="targets: > .js-accordion">
  37.                                     <li {% if (app.request.get('_route') matches '/^homepage/')  %}class="uk-active"{% endif %}><a {% if (app.request.get('_route') matches '/^homepage/')  %}class="uk-active"{% endif %} href="{{ path('homepage') }}">Home</a></li>
  38.                                     <li class="js-accordion uk-parent">
  39.                                         <a href>Career Path</a>
  40.                                         <ul class="uk-nav-sub">
  41.                                             <li><a href="{{ path('client_career_path_list') }}">All Career Paths</a></li>
  42.                                             {% for item in menuCareerPaths %}
  43.                                             <li><a href="{{ item.path }}" class="elementor-sub-item menu-link">{{ item.title }}</a></li>
  44.                                             {% endfor %}
  45.                                         </ul>
  46.                                     </li>
  47.                                     <li class="js-accordion uk-parent">
  48.                                         <a href="#">Courses</a>
  49.                                         <ul class="uk-nav-sub">
  50.                                             <li><a href="{{ path('client_course_list') }}">All Courses</a></li>
  51.                                             {% for item in menuCourses %}
  52.                                             <li><a href="{{ item.path }}" class="elementor-sub-item menu-link">{{ item.title }}</a></li>
  53.                                             {% endfor %}
  54.                                         </ul>
  55.                                     </li>
  56.                                     <li {% if (app.request.get('_route') matches '/^client_blog/')  %}class="uk-active"{% endif %}><a href="{{ path('client_blog_article_list') }}">Our Blog</a></li>
  57.                                     <li><a href="https://dreamjob.services/" target="_blank">Dream Job</a></li>
  58.                                     <li class="item-148">
  59.                                         <a href="#"> Login</a>
  60.                                     </li>
  61.                                 </ul>
  62.                             </div>
  63.                         </div>
  64.                         <div>
  65.                             <div class="uk-panel" id="module-93">
  66.                                 <div class="uk-margin-remove-last-child custom" >
  67.                                     {% if not is_granted('ROLE_CLIENT') %}
  68.                                     <div class="uk-margin-small">
  69.                                         <a class="uk-button uk-button-secondary uk-button-large uk-width-1-1" href="{{ path('app_login') }}">Login</a>
  70.                                     </div>
  71.                                     <div class="uk-margin-small">
  72.                                         <a class="uk-button uk-button-primary uk-button-large uk-width-1-1" href="{{ path('app_register') }}">Register</a>
  73.                                     </div>
  74.                                     {% else %}
  75.                                     <div class="uk-margin-small">
  76.                                         <a class="uk-button uk-button-primary uk-button-large uk-width-1-1" href="{{ path('client_profile') }}">My Profile</a>
  77.                                     </div>
  78.                                     <div class="uk-margin-small">
  79.                                         <a class="uk-button uk-button-primary uk-button-large uk-width-1-1" href="{{ path('app_logout') }}">Logout</a>
  80.                                     </div>
  81.                                     {% endif %}
  82.                                     <hr />
  83.                                     <p class="uk-text-meta uk-text-center">Copyright &copy; 2022 Learn with Us.</p>
  84.                                     <div class="uk-child-width-auto uk-grid-small uk-flex uk-flex-center" uk-grid>
  85.                                         <div><a class="uk-icon-link uk-icon" href="#" uk-icon="icon: facebook;"></a></div>
  86.                                         <div><a class="uk-icon-link uk-icon" href="#" uk-icon="icon: twitter;"></a></div>
  87.                                         <div><a class="uk-icon-link uk-icon" href="#" uk-icon="icon: github;"></a></div>
  88.                                         <div><a class="uk-icon-link uk-icon" href="#" uk-icon="icon: discord;"></a></div>
  89.                                     </div>
  90.                                 </div>
  91.                             </div>
  92.                         </div>
  93.                     </div>
  94.                 </div>
  95.             </div>
  96.         </div>
  97.     </div>
  98. </div>