			<!-- partial:partials/_navbar.html -->
			<nav class="navbar">
				<div class="navbar-content">

          {{-- <div class="logo-mini-wrapper">
            <img src="../assets/images/logo-mini-light.png" class="logo-mini logo-mini-light" alt="logo">
            <img src="../assets/images/logo-mini-dark.png" class="logo-mini logo-mini-dark" alt="logo">
          </div> --}}

					<form class="search-form">
						<div class="input-group">
              <div class="input-group-text">
                <i data-feather="search"></i>
              </div>
							<input type="text" class="form-control" id="navbarForm" placeholder="Search here...">
						</div>
					</form>

					<ul class="navbar-nav">
						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle" href="#" id="notificationDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i data-feather="bell"></i>
								<div class="indicator">
									<div class="circle"></div>
								</div>
							</a>
							<div class="dropdown-menu p-0" aria-labelledby="notificationDropdown">
								<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
									<p>6 New Notifications</p>
									<a href="javascript:;" class="text-secondary">Clear all</a>
								</div>
                <div class="p-1">
                  <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
                    <div class="w-30px h-30px d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
											<i class="icon-sm text-white" data-feather="gift"></i>
                    </div>
                    <div class="flex-grow-1 me-2">
											<p>New Order Recieved</p>
											<p class="fs-12px text-secondary">30 min ago</p>
                    </div>
                  </a>
                  <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
                    <div class="w-30px h-30px d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
											<i class="icon-sm text-white" data-feather="alert-circle"></i>
                    </div>
                    <div class="flex-grow-1 me-2">
											<p>Server Limit Reached!</p>
											<p class="fs-12px text-secondary">1 hrs ago</p>
                    </div>
                  </a>
                  <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
                    <div class="w-30px h-30px d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
                      <img class="w-30px h-30px rounded-circle" src="https://via.placeholder.com/30x30" alt="userr">
                    </div>
                    <div class="flex-grow-1 me-2">
											<p>New customer registered</p>
											<p class="fs-12px text-secondary">2 sec ago</p>
                    </div>
                  </a>
                  <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
                    <div class="w-30px h-30px d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
											<i class="icon-sm text-white" data-feather="layers"></i>
                    </div>
                    <div class="flex-grow-1 me-2">
											<p>Apps are ready for update</p>
											<p class="fs-12px text-secondary">5 hrs ago</p>
                    </div>
                  </a>
                  <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
                    <div class="w-30px h-30px d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
											<i class="icon-sm text-white" data-feather="download"></i>
                    </div>
                    <div class="flex-grow-1 me-2">
											<p>Download completed</p>
											<p class="fs-12px text-secondary">6 hrs ago</p>
                    </div>
                  </a>
                </div>
								<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
									<a href="javascript:;">View all</a>
								</div>
							</div>
						</li>
            @php
                $user = auth()->user();

                $name = $user->name ?? 'User';

                $words = explode(' ', trim($name));
                $initials = strtoupper(
                    collect($words)
                        ->take(2)
                        ->map(fn($w) => $w[0] ?? '')
                        ->implode('')
                );
            @endphp

						<li class="nav-item dropdown">
							{{-- <a class="nav-link dropdown-toggle" href="#" id="profileDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<img class="w-30px h-30px ms-1 rounded-circle" src="https://via.placeholder.com/30x30" alt="profile">
							</a> --}}
            <a class="nav-link dropdown-toggle d-flex align-items-center" href="#"
                id="profileDropdown" role="button" data-bs-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false">

                  @php
                      $user = auth()->user();
                      $name = $user->name ?? 'User';

                      $initials = collect(explode(' ', trim($name)))
                          ->take(2)
                          ->map(fn($w) => strtoupper($w[0] ?? ''))
                          ->implode('');
                  @endphp

                  <div class="w-30px h-30px rounded-circle bg-primary d-flex align-items-center justify-content-center text-white fw-bold"
                      style="font-size: 11px;">
                      {{ $initials }}
                  </div>

              </a>

							<div class="dropdown-menu p-0" aria-labelledby="profileDropdown">
								<div class="d-flex flex-column align-items-center border-bottom px-5 py-3">
									{{-- <div class="mb-3">
										<img class="w-80px h-80px rounded-circle" src="https://via.placeholder.com/80x80" alt="">
									</div> --}}
                <div class="w-50px h-50px rounded-circle bg-primary d-flex align-items-center justify-content-center text-white fw-bold"
                    style="font-size: 15px;">
                    {{ $initials }}
                </div>
								<div class="text-center">
                    <p class="fs-16px fw-bolder">{{ auth()->user()->name }}</p>
                    <p class="fs-12px text-secondary">{{ auth()->user()->email }}</p>
                </div>
								</div>
                <ul class="list-unstyled p-1">
                  {{-- <li class="dropdown-item py-2">
                    <a href="pages/general/profile.html" class="text-body ms-0">
                      <i class="me-2 icon-md" data-feather="user"></i>
                      <span>Profile</span>
                    </a>
                  </li> --}}
                  {{-- <li class="dropdown-item py-2">
                    <a href="javascript:;" class="text-body ms-0">
                      <i class="me-2 icon-md" data-feather="edit"></i>
                      <span>Edit Profile</span>
                    </a>
                  </li> --}}
                  {{-- <li class="dropdown-item py-2">
                    <a href="javascript:;" class="text-body ms-0">
                      <i class="me-2 icon-md" data-feather="repeat"></i>
                      <span>Switch User</span>
                    </a>
                  </li> --}}
                  {{-- <li class="dropdown-item py-2">
                      <form method="POST" action="{{ route('logout') }}">
                          @csrf
                          <button type="submit" class="btn btn-link text-body ms-0 p-0 m-0 d-flex align-items-center">
                              <i class="me-2 icon-md" data-feather="log-out"></i>
                              <span>Log Out</span>
                          </button>
                      </form>
                  </li> --}}

                  <li class="dropdown-item py-2">
                     <a href="{{ route('profile.show') }}" class="text-body ms-0 d-flex align-items-center">
                        <i class="me-2 icon-md" data-feather="edit"></i>
                        <span>Profile</span>
                    </a>
                  </li>

                  <li class="dropdown-item py-2">
                      <form method="POST" action="{{ route('logout') }}">
                          @csrf
                          <button type="submit"
                                  class="btn btn-link text-body ms-0 p-0 m-0 d-flex align-items-center">
                              <i class="icon-md" data-feather="log-out"></i>
                              <span style="font-weight: 400 !important">Log Out</span>
                          </button>
                      </form>
                  </li>


                </ul>
							</div>
						</li>
					</ul>

          <a href="#" class="sidebar-toggler">
            <i data-feather="menu"></i>
          </a>

				</div>
			</nav>
