templates/header.html.twig line 1

1. <div class="preloader">
2.     <div class="preloader-item">
3.         <div class="spinner-grow text-gold"></div>
4.     </div>
5. </div>
6. <!-- Header START -->
7. <header class="navbar-light navbar-sticky header-static">
8.     <!-- Logo Nav START -->
9.     <nav class="navbar navbar-expand-lg">
10.         <div class="container-fluid px-3 px-xxl-9">
11.             <!-- Logo START -->
12.             <a class="navbar-brand" href="/">
13.                 <img class="light-mode-item" style="width:180px; max-width:100%; height:auto;" src="{{ asset('./assets/images/logo.png')  }}" alt="logo">
14.                 <img class="dark-mode-item navbar-brand-item" style="width:180px; max-width:100%; height:auto;" src="{{ asset('./assets/images/logo.png')  }}" alt="logo">
15.             </a>
16.             <!-- Logo END -->
18.             <!-- Responsive navbar toggler -->
19.             <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
20.                 <span class="navbar-toggler-animation">
21.                     <span></span>
22.                     <span></span>
23.                     <span></span>
24.                 </span>
25.             </button>
27.             <!-- Main navbar START -->
28.             <div class="navbar-collapse w-100 collapse" id="navbarCollapse">
30.                 <!-- Nav Main menu START -->
31.                 <ul class="navbar-nav navbar-nav-scroll mx-auto">
32.                     <!-- Menu główne -->
33.                     <li class="nav-item dropdown">
34.                         <a class="nav-link" href="/scratch">Programowanie</a>
35.                     </li>
36.                     <li class="nav-item dropdown">
37.                         <a class="nav-link" href="/robotyka">Robotyka</a>
38.                     </li>
39.                     <li class="nav-item dropdown d-none d-xl-block">
40.                         <a class="nav-link" href="/przedszkola">Zajęcia Przedszkolne</a>
41.                     </li>
42.                     <li class="nav-item dropdown">
43.                         <a class="nav-link" href="/warsztaty">Warsztaty dla szkół</a>
44.                     </li>
45.                     <li class="nav-item dropdown">
46.                         <a class="nav-link text-gold" href="https://zatokakodu.langlion.com">Platforma rodzica</a>
47.                     </li>
48.                     <li class="nav-item dropdown">
49.                         <a class="nav-link" href="/kontakt">Kontakt</a>
50.                     </li>
51.                 </ul>
52.                 <!-- Nav Main menu END -->
54.                 <!-- Right side menu -->
55.                 <ul class="navbar-nav ms-auto">
56.                     {% if is_granted('IS_AUTHENTICATED_FULLY') %}
57.                         <!-- Profile START -->
58.                         <li class="nav-item dropdown">
59.                             <div class="dropdown">
60.                                 <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">
61.                                     <img class="avatar-img rounded-circle" src="{{ asset('./assets/images/avatar/user.png') }}" alt="avatar">
62.                                 </a>
63.                                 <ul class="dropdown-menu dropdown-animation dropdown-menu-end shadow pt-3" aria-labelledby="profileDropdown">
64.                                     <!-- Profile info -->
65.                                     <li class="px-3 mb-3">
66.                                         <div class="d-flex align-items-center">
67.                                             <!-- Avatar -->
68.                                             <div class="avatar me-3">
69.                                                 <img class="avatar-img rounded-circle shadow" src="{{ asset('./assets/images/avatar/user.png') }}" alt="avatar">
70.                                             </div>
71.                                             <div>
72.                                                 {% if is_granted('ROLE_TEACHER') %}
73.                                                     <a class="h6" href="#">{{ app.user.teacher.name }} {{ app.user.teacher.surname }}</a>
74.                                                     <p class="small m-0">{{ app.user.email }}</p>
75.                                                 {% else %}
76.                                                     <a class="h6" href="#">{{ app.user.students.first.name }} {{ app.user.students.first.surname }}</a>
77.                                                     <p class="small m-0">{{ app.user.parentStudent.email }}</p>
78.                                                 {% endif %}
79.                                             </div>
80.                                         </div>
81.                                     </li>
82.                                     <li> <hr class="dropdown-divider"></li>
83.                                     <!-- Links -->
84.                                     <li><a class="dropdown-item" href="/dashboard"><i class="bi bi-key-fill fa-fw me-2"></i>Panel</a></li>
85.                                     {% if is_granted('IS_IMPERSONATOR') %}
86.                                         <li><a class="dropdown-item" href="{{ path('admin_dashboard') }}?_switch_user=_exit"><i class="bi bi-arrow-return-left fa-fw me-2"></i>Powróć do konta</a></li>
87.                                     {% endif %}
88.                                     <li><a class="dropdown-item bg-danger-soft-hover" href="{{ path('app_logout') }}"><i class="bi bi-power fa-fw me-2"></i>Wyloguj</a></li>
89.                                     <li> <hr class="dropdown-divider"></li>
90.                                 </ul>
91.                             </div>
92.                         </li>
93.                         <!-- Profile END -->
94.                         
95.                         <!-- Welcome message -->
96.                         <li class="nav-item">
97.                             <a class="nav-link text-gold" href="/dashboard">
98.                                 Witaj {{ app.user.students.first.name }} {{ app.user.students.first.surname }}!
99.                             </a>
100.                         </li>
101.                     {% else %}
102.                         <!-- Phone number for non-authenticated users -->
103.                         <li class="nav-item">
104.                             <a class="nav-link text-gold phone-number" href="tel:+48667736890">
105.                                 <i class="fas fa-phone me-2"></i>+48 667 736 890
106.                             </a>
107.                         </li>
108.                     {% endif %}
109.                 </ul>
110.             </div>
111.             <!-- Main navbar END -->
112.         </div>
113.     </nav>
114.     <!-- Logo Nav END -->
115. </header>