@php
    $user = app('bmf')->getSessionUser();
@endphp
<style>
    .sidebar-list:hover {
        background-color: transparent !important;
        /* No hover color */
    }

    .sidebar-link:hover {
        color: inherit !important;
        /* Prevent text color change */
    }
    .list__item:hover{
        color:white !important;
    }
    .list__item{
        color:white !important;
    }

    .side-bar-icons {
    width: 24px; /* Adjust as needed */
    height: 24px;
    margin-right: 10px; /* Consistent spacing */
    vertical-align: middle;
}
.sidebar-link {
    display: flex;
    align-items: center;
    gap: 10px; /* Adjust for spacing */
}
.sidebar-list {
    display: flex;
    align-items: center;
}

.sidebar-list a {
    display: flex;
    align-items: center;
    padding: 10px 15px; /* Adjust for uniform spacing */
}

    
</style>
<nav class="sidebar-main">
    <!-- <div class="left-arrow" id="left-arrow"><i data-feather="arrow-left"></i></div> -->
    <div id="sidebar-menu">
        <ul class="sidebar-links" id="simple-bar">
          
            <li class="sidebar-main-title">
                <div>
                    <h6 class="lan-0">Menu</h6>
                </div>
            </li>


            <li class="sidebar-list">
                <a class="sidebar-link sidebar-title link-nav" href="{{ route('admin.dashboard') }}">
                    <img src="{{ asset('assets/icons/Icon_home.svg') }}" class="side-bar-icons" />
                    <span>Dashboard</span>
                </a>
            </li>

            <li class="sidebar-list">
                <a class="sidebar-link sidebar-title link-nav" href="{{ route('admin.categories') }}">
                    <img src="{{ asset('assets/icons/icon_customers.svg') }}" class="side-bar-icons" />
                    <span>Manage Categories</span>
                </a>
            </li>

            <li class="sidebar-list">
                <a class="sidebar-link sidebar-title link-nav" href="{{ route('admin.news') }}">
                    <img src="{{ asset('assets/icons/News.svg') }}" class="side-bar-icons" />
                    <span>Manage News & Insights</span>
                </a>
            </li>

            <li class="sidebar-list">

                <a class="sidebar-link sidebar-title link-nav" href="{{ route('admin.settings.site',$user->id) }}">
                    <img src="{{ asset('assets/icons/icon_settings.svg') }}" class="side-bar-icons" />
                    <span>Profile Settings</span>
                </a>
            </li>

        </ul>
    </div>
    <div class="right-arrow" id="right-arrow"><i data-feather="arrow-right"></i></div>
</nav>