<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme" data-bg-class="bg-menu-theme">
    <div class="app-brand demo justify-content-center">
        <a href="{{ route('home') }} " class="app-brand-link py-3">
            <span class="app-brand-logo demo ">
                <img src="{{asset('front/images/logo-img.png')}}" style="width:50px; height:50px" alt="">

            </span>
        </a>
        <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto d-xl-none">
            <i class="bx bx-chevron-left bx-sm align-middle"></i>
        </a>
    </div>
    <div class="menu-inner-shadow"></div>
    <ul class="menu-inner py-1 overflow-auto">


        <li class="menu-item">
            <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bx-notepad"></i>
                <div class="text-truncate">Press Release</div>
            </a>

            <ul class="menu-sub">

                <li class="menu-item {{request()->is('blogs*') ? 'active' : ''}}">
                    <a href="{{ route('blogs.index') }}" class="menu-link ">
                        <i class="menu-icon tf-icons bx bx-notepad"></i>
                        <div>Press Release</div>
                    </a>
                </li>
                <li class="menu-item {{request()->is('categories*') ? 'active' : ''}}">
                    <a href="{{ route('categories.index') }}" class="menu-link ">
                        <i class="menu-icon tf-icons bx bx-list-ul"></i>
                        <div>Categories</div>
                    </a>
                </li>

            </ul>
        </li>
        <li class="menu-item {{request()->is('announcements*') ? 'active' : ''}}">
            <a href="{{ route('announcements.index') }}" class="menu-link ">
                <i class="menu-icon tf-icons bx bxs-megaphone"></i>
                <div>Announcements</div>
            </a>
        </li>





    </ul>
</aside>