<header>
    <div class="head-div d-flex align-items-center">
        <div class="logo-sec d-flex justify-content-between align-items-center">
            <a href="index.html" class="logo">
                <img src="" alt="">
            </a>
            <a href="index.html" class="logo-sm">
                <img src="" alt="">
            </a>
            <div class="toggle-bar" onclick="toggleclass()">
                <i class="fa-solid fa-bars"></i>
            </div>
        </div>
        <div class="search-sec ms-0  ms-sm-5 d-flex  w-100 justify-content-around justify-content-sm-between">
            <div class="search-bar d-flex align-items-center">
                <i class="fa fa-search me-2"></i>
                <input type="text" name="search" class="input-search" autocomplete="off"  placeholder="Search here...."/>
                <div class="search-drop">
                    <ul class="search-ul m-0">
                        <li><a href="#!">Search anything...<i class="fa-solid fa-angle-right"></i></a></li>
                        <li><a href="#!">Search anything...<i class="fa-solid fa-angle-right"></i></a></li>
                        <li><a href="#!">Search anything...<i class="fa-solid fa-angle-right"></i></a></li>
                        <li><a href="#!">Search anything...<i class="fa-solid fa-angle-right"></i></a></li>
                        <li><a href="#!">Search anything...<i class="fa-solid fa-angle-right"></i></a></li>
                        <li><a href="#!">Search anything...<i class="fa-solid fa-angle-right"></i></a></li>
                        <li><a href="#!">Search anything...<i class="fa-solid fa-angle-right"></i></a></li>
                        <li><a href="#!">Search anything...<i class="fa-solid fa-angle-right"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="d-flex align-items-center icons-head">
                <a href="#!" class="pt-1" id="expandScreen">
                    <i class="fa-solid fa-expand" onclick="fullScreenMode()"></i>
                </a>
                <!-- <div class="search-sm-screen">
                  <input type="text" name="search" class="input-search-second" autocomplete="off"  placeholder="Search here...."/>
                  <i class="fa fa-search me-2"></i>
                </div> -->

{{--                <div class="dropdown-div quick-icon">--}}
{{--                    <div class=" pt-1">--}}
{{--                        <i class="fa-regular fa-square-plus"></i>--}}
{{--                    </div>--}}
{{--                    <ul class="dropdown-div-item">--}}
{{--                        <li><a href=""><i class="fa-solid fa-user-plus"></i>Admission</a></li>--}}
{{--                        <li><a href="#!"><i class="fa-regular fa-file-lines"></i>Fee Receipt</a></li>--}}
{{--                    </ul>--}}
{{--                </div>--}}
                <div class="dropdown-div  " id="dropdown-div">
                    <div class="user-img"><img src="{{asset('assets/img/user.jpg')}}" alt=""></div>
                    <div class="dropdown-div-item user-drop">
                        <div class="user-div d-flex gap-3 align-items-center">
                            <div class="user-img"><img src="{{asset('assets/img/user.jpg')}}" alt=""></div>
                            <div>{{Session::get('user_name')}}</div>
                        </div>
                        <div class="logout-div">
                            <a href="{{route('logout')}}"><i class="fa-solid fa-arrow-right-from-bracket me-2"></i>Logout</a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
</header>
