<div class="top-navbar">
    <nav class="navbar navbar-expand  justify-content-between">
        <div class="container-fluid">

            <a class="d-inline-block d-lg-none ml-auto more-button">
                <span class="material-symbols-outlined">menu</span>
            </a>

            <a id="sidebarCollapse" class=" d-lg-block d-none position-relative">
                <span class="material-symbols-outlined">menu</span>
            </a>
            
            <a class=" navbar-brand d-lg-block  d-none" href="#"> এডমিন প্যানেল</a>
            
            

            <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
                <ul class="nav navbar-nav ml-auto">
                    <!-- notification section start     -->
                    <li class="dropdown nav-item active">
                        <a href="#" class="nav-link" data-bs-toggle="dropdown">
                           <span class="material-symbols-outlined">notifications</span>
                           <span class="notification">4</span>
                       </a>
                        <ul class="dropdown-menu notification">
                            <li class="navbar px-4">
                                    <span class="text">Notifications</span>
                                    <span class="material-symbols-outlined"> drafts </span>
                            </li>
                            <hr class="m-0">
                            <li>
                                <a href="" class="d-flex align-items-center  position-relative">
                                    <img src="<?php echo e(asset('backend/template-assets')); ?>/images/avator.jpg" class="rounded-circle me-2" alt="" width="30" height="30">
                                    <div class="ms-2">
                                        <p class="text m-0">congratulations flora!</p>
                                        <p class="m-0"><small>admin</small> </p>
                                        <p class="m-0 super-small" ><small>Today</small> </p>
                                        <span class="material-symbols-outlined position-absolute backspace"> backspace </span>
                                    </div>
                                </a>                                            
                            </li>
                            <hr class="m-0">
                            <li>
                                <a href="" class="d-flex align-items-center  position-relative">
                                    <img src="<?php echo e(asset('backend/template-assets')); ?>/images/avator.jpg" class="rounded-circle me-2" alt="" width="30" height="30">
                                    <div class="ms-2">
                                        <p class="text m-0">congratulations flora!</p>
                                        <p class="m-0"><small>admin</small> </p>
                                        <p class="m-0 super-small" ><small>Today</small> </p>
                                        <span class="material-symbols-outlined position-absolute backspace"> backspace </span>
                                    </div>
                                </a>                                            
                            </li>
                            <hr class="m-0">
                            <li>
                                <a href="" class="d-flex align-items-center  position-relative">
                                    <img src="<?php echo e(asset('backend/template-assets')); ?>/images/avator.jpg" class="rounded-circle me-2" alt="" width="30" height="30">
                                    <div class="ms-2">
                                        <p class="text m-0">congratulations flora!</p>
                                        <p class="m-0"><small>admin</small> </p>
                                        <p class="m-0 super-small" ><small>Today</small> </p>
                                        <span class="material-symbols-outlined position-absolute backspace"> backspace </span>
                                    </div>
                                </a>                                            
                            </li>
                          
                        </ul>
                    </li>
                     <!-- notification section end     -->



                    <!-- shortcut section start  -->
                    <li class="nav-item dropdown shortcut">
                        <a class="nav-link" href="#" data-bs-toggle="dropdown">
                        <span class="material-symbols-outlined">apps</span>
                        </a>
                        <ul class="dropdown-menu shortcut overflow-hidden p-0">
                            <li class="navbar px-4">
                                    <span class="text">Shortcut</span>
                                    <span class="material-symbols-outlined"> dataset </span>
                            </li>
                            <hr class="m-0">
                            <li class="row m-0">
                                        <div class="col-6 border text-center py-2">
                                            <p class="text m-0"><span class="material-symbols-outlined"> calendar_month </span></p>
                                            <p class="m-0"><small>Calendar</small> </p>
                                            <p class="m-0 super-small" ><small>Appointment</small> </p>
                                        </div>
                                        <div class="col-6 border text-center py-2">
                                            <p class="text m-0"><span class="material-symbols-outlined"> note </span></p>
                                            <p class="m-0"><small>Invoice App</small> </p>
                                            <p class="m-0 super-small" ><small>Manage Accounts</small> </p>
                                        </div>                                         
                            </li>                                      
                            <li class="row m-0">
                                        <div class="col-6 border text-center py-2">
                                            <p class="text m-0"><span class="material-symbols-outlined"> group_add </span></p>
                                            <p class="m-0"><small>Users</small> </p>
                                            <p class="m-0 super-small" ><small>Manage Users</small> </p>
                                        </div>
                                        <div class="col-6 border text-center py-2">
                                            <p class="text m-0"><span class="material-symbols-outlined"> dashboard_customize </span></p>
                                            <p class="m-0"><small>Dashboard</small> </p>
                                            <p class="m-0 super-small" ><small>Dashboard Analytics</small> </p>
                                        </div>                                         
                            </li>                                      
                            <li class="row m-0">
                                        <div class="col-6 border text-center py-2">
                                            <p class="text m-0"><span class="material-symbols-outlined"> group_add </span></p>
                                            <p class="m-0"><small>Users</small> </p>
                                            <p class="m-0 super-small" ><small>Manage Users</small> </p>
                                        </div>
                                        <div class="col-6 border text-center py-2">
                                            <p class="text m-0"><span class="material-symbols-outlined"> dashboard_customize </span></p>
                                            <p class="m-0"><small>Dashboard</small> </p>
                                            <p class="m-0 super-small" ><small>Dashboard Analytics</small> </p>
                                        </div>                                         
                            </li>                                      
                        </ul>
                    </li>
                    <!-- shortcut section end  -->


                    <!-- profile section start  -->
                    <li class="nav-item dropdown">
                        <a class="nav-link" data-bs-toggle="dropdown" href="#">
                        <img src="<?php echo e(asset('backend/template-assets')); ?>/images/avator.jpg"  alt="profile" class="rounded-circle" width="30" height="30">
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="<?php echo e(route('admin.profile')); ?>" class="d-flex align-items-center">
                                    <img src="<?php echo e(asset('backend/template-assets')); ?>/images/avator.jpg" class="rounded-circle me-2" alt="" width="30" height="30">
                                    <div class="ms-2">
                                        <p class="text m-0">John Doe</p>
                                        <p class="m-0"><small>admin</small> </p>
                                    </div>
                                </a>                                            
                            </li>
                            <hr>
                            <li class="nav-item">
                                <a href="<?php echo e(route('admin.profile')); ?>">
                                    <span class="material-symbols-outlined"> person </span>
                                    <span class="text">Profile</span>
                                </a>
                            </li>                                      
                            <li class="nav-item">
                                <a href="">
                                    <span class="material-symbols-outlined"> settings </span>
                                    <span class="text">Setting</span>
                                </a>
                            </li>                                      
                            <li class="nav-item">
                                <a href="">
                                    <span class="material-symbols-outlined"> credit_card </span>
                                    <span class="text">Billing</span>
                                    <span class="badge text-bg-danger rounded-circle">4</span>
                                </a>
                            </li> 
                            <hr>
                            <li class="nav-item">
                                <a href="">
                                    <span class="material-symbols-outlined"> support </span>
                                    <span class="text">Help</span>
                                </a>
                            </li>                                      
                            <li class="nav-item">
                                <a href="">
                                    <span class="material-symbols-outlined"> attach_money </span>
                                    <span class="text">Pricing</span>
                                </a>
                            </li>                                      
                            <li class="nav-item">
                                <a href="">
                                    <span class="material-symbols-outlined"> help </span>
                                    <span class="text">FAQ</span>
                                </a>
                            </li>
                            <hr>
                            <li class="nav-item">
                                <a href="<?php echo e(route('admin.logout')); ?>">
                                    <span class="material-symbols-outlined"> logout </span>
                                    <span class="text">Logout</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <!-- profile section end  -->
                </ul>
            </div>
        </div>
    </nav>
</div><?php /**PATH E:\Project\Personal-Project\Office-Project\update\master-file\resources\views/admin/layout/header.blade.php ENDPATH**/ ?>