<nav class="navbar">
    <div class="navbar-content">

        <div class="logo-mini-wrapper">
            <img src="assets/images/logo-new.png" class="logo-mini logo-mini-light" alt="logo">
            <img src="assets/images/logo-white.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="theme-switcher-wrapper nav-item">
                <input type="checkbox" value="" id="theme-switcher">
                <label for="theme-switcher">
                    <div class="box">
                        <div class="ball"></div>
                        <div class="icons">
                            <img src="assets/images/icon/sun.svg" style="width:18px;    filter:invert(1)" alt="">

                            <img src="assets/images/icon/moon.svg" style="width:18px;   " alt="">
                        </div>
                    </div>
                </label>
            </li>

            <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="assets/images/faces/face1.jpg" alt="profile">
                </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="assets/images/faces/face1.jpg" alt="">
                        </div>
                        <div class="text-center">
                            <p class="fs-16px fw-bolder">Amiah Burton</p>
                            <p class="fs-12px text-secondary">amiahburton@gmail.com</p>
                        </div>
                    </div>
                    <ul class="list-unstyled p-1">
                        <li class="dropdown-item py-2">
                            <form action="controllers-abhay.php" method="POST" id="logout-form">
                                <button type="submit" name="admin-logout" value="true" class="text-body ms-0" style="border: none; background: none; cursor: pointer;">
                                    <i class="me-2 icon-md" data-feather="log-out"></i>
                                    <span>Log Out</span>
                                </button>
                            </form>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
        <a href="#" class="sidebar-toggler">
            <i data-feather="menu"></i>
        </a>
    </div>
</nav>