<!-- Sidebar -->
<aside
    id="sidebar"
    class="fixed lg:static overflow-y-auto inset-y-0 left-0 z-50
    w-[316px] xl:w-[316px] 2xl:w-[316px]
    bg-[#FCFCFC]
    Poppins-medium text-[15px] text-[#505050]
    min-h-screen
    transform -translate-x-full lg:translate-x-0
    transition-transform duration-300">

    <div class="flex justify-center p-8 xl:p-9 2xl:p-10">
        <img src="{{ asset('newsites/admin/images/logo.png') }}" />
    </div>

    @php
    $active = "bg-[#133754] text-white rounded-[10px]
    before:absolute 2xl:before:-left-5 xl:before:-left-6 before:-left-5 before:top-0
    before:h-full before:w-1 before:bg-[#133754]
    before:rounded-r-[10px]";
    @endphp

    <nav class="     px-5 xl:px-6 2xl:px-5 space-y-4 xl:space-y-5">
        <a href="{{route('admin.profile')}}" class="flex items-center justify-between 
           px-3 xl:px-4
           py-1
           bg-white text-[#133754]
           rounded-[13px] border border-[#EAEAEA]">
            <div class="flex items-center gap-3">
                <img class="w-[45px] h-[45px]" src="{{ asset(auth()->user()->userDefaultProfile) }}" />
                <span class="font-medium">{{auth()->user()->username}}</span>
            </div>
            <i class="fa-solid fa-arrow-right-long"></i>
        </a>
        <a href="{{ route('admin.dashboard') }}"
            class="relative flex items-center
            gap-4 xl:gap-5 2xl:gap-4
           px-4 xl:px-5 2xl:px-4
           py-2.5 xl:py-3
           pl-3 xl:pl-4
           {{ request()->routeIs('admin.dashboard') ? $active : '' }}">
            <img
                src="{{ asset(
            request()->routeIs('admin.dashboard')
            ? 'newsites/admin/images/dashboard-icon-white.png'
            : 'newsites/admin/images/dashboard-icon-black.png'
        ) }}"
                alt="Dashboard" />
            <span>Dashboard</span>
        </a>

        <a href="{{ route('admin.userManagement')}}"
            class="relative flex items-center
           gap-4 xl:gap-5 2xl:gap-4
           px-4 xl:px-5 2xl:px-4
           py-2.5 xl:py-3
           pl-3 xl:pl-4
           rounded-[10px]
           {{ (request()->routeIs('admin.userManagement') || request()->routeIs('admin.tutor-request') )? $active : '' }}">
            <i class="fa-regular fa-user w-6 text-lg text-center"></i>
            <span>User Management</span>
        </a>
        <a href="{{ route('admin.subscriptions') }}"
            class="relative flex items-center
            gap-4 xl:gap-5 2xl:gap-4
           px-4 xl:px-5 2xl:px-4
           py-2.5 xl:py-3
           pl-3 xl:pl-4
           rounded-[10px]
           {{ request()->routeIs('admin.subscriptions') ? $active : '' }}">
            <i class="fa-regular fa-credit-card w-6 text-lg text-center"></i>
            <span>Subscriptions</span>
        </a>

        <a href="{{ route('admin.sessions') }}"
            class="relative flex items-center
            gap-4 xl:gap-5 2xl:gap-4
           px-4 xl:px-5 2xl:px-4
           py-2.5 xl:py-3
           pl-3 xl:pl-4
           rounded-[10px]
           {{ request()->routeIs('admin.sessions') ? $active : '' }}">
            <i class="fa-regular fa-calendar w-6 text-lg text-center"></i>
            <span>Sessions</span>
        </a>
        <a href="{{ route('admin.payoutManagement') }}"
            class="relative flex items-center
            gap-4 xl:gap-5 2xl:gap-4
           px-4 xl:px-5 2xl:px-4
           py-2.5 xl:py-3
           pl-3 xl:pl-4
           rounded-[10px]
                {{ (request()->routeIs('admin.payoutManagement') || request()->routeIs('admin.payout-history') )? $active : '' }}">

            <i class="fa-solid fa-dollar-sign w-6 text-lg text-center"></i>
            <span>Payout Management</span>
        </a>
        <a href="{{ route('admin.disputeManagement') }}?page=new"
            class="relative flex items-center
            gap-4 xl:gap-5 2xl:gap-4
           px-4 xl:px-5 2xl:px-4
           py-2.5 xl:py-3
           pl-3 xl:pl-4
           rounded-[10px]
           {{ request()->routeIs('admin.disputeManagement') ? $active : '' }}">
            <i class="fa-regular fa-circle-question w-6 text-lg text-center"></i>
            <span>Dispute Management</span>
        </a>
        <a href="{{ route('admin.content-management') }}"
            class="relative flex items-center
            gap-4 xl:gap-5 2xl:gap-4
           px-4 xl:px-5 2xl:px-4
           py-2.5 xl:py-3
           pl-3 xl:pl-4
           rounded-[10px]
           {{ request()->routeIs('admin.content-management') ? $active : '' }}">
            <i class="fa-solid fa-bars w-6 text-lg text-center"></i>
            <span>Content Management</span>
        </a>
        <a href="{{ route('admin.blogs') }}"
class="relative flex items-center
gap-4 xl:gap-5 2xl:gap-4
px-4 xl:px-5 2xl:px-4
py-2.5 xl:py-3
pl-3 xl:pl-4
rounded-[10px]
{{ request()->routeIs('admin.blogs*') && !request()->routeIs('admin.blogs.category*') ? $active : '' }}">
    <i class="fa-solid fa-bars w-6 text-lg text-center"></i>
    <span>Blog Management</span>
</a>

<!--<a href="{{ route('admin.blogs.category') }}"-->
<!--class="relative flex items-center-->
<!--gap-4 xl:gap-5 2xl:gap-4-->
<!--px-4 xl:px-5 2xl:px-4-->
<!--py-2.5 xl:py-3-->
<!--pl-3 xl:pl-4-->
<!--rounded-[10px]-->
<!--{{ request()->routeIs('admin.blogs.category*') ? $active : '' }}">-->
<!--    <i class="fa-solid fa-bars w-6 text-lg text-center"></i>-->
<!--    <span>Blog Categories</span>-->
<!--</a>-->
        <a href="{{ route('admin.reportsAndAnalytics') }}"
            class="relative flex items-center
            gap-4 xl:gap-5 2xl:gap-4
           px-4 xl:px-5 2xl:px-4
           py-2.5 xl:py-3
           pl-3 xl:pl-4
           rounded-[10px]
           {{ request()->routeIs('admin.reportsAndAnalytics') ? $active : '' }}">
            <i class="fa-solid fa-chart-line w-6 text-lg text-center"></i>

            <span>Reports & Analytics</span>
        </a>
        <a href="{{ route('admin.transaction-logs') }}"
            class="relative flex items-center
            gap-4 xl:gap-5 2xl:gap-4
           px-4 xl:px-5 2xl:px-4
           py-2.5 xl:py-3
           pl-3 xl:pl-4
           rounded-[10px]
           {{ request()->routeIs('admin.transaction-logs') ? $active : '' }}">
            <i class="fa-regular fa-pen-to-square w-6 text-lg text-center"></i>
            <span>Transaction Logs</span>
        </a>


        <a href="{{ route('admin.notification-management') }}"
            class="relative flex items-center
            gap-4 xl:gap-5 2xl:gap-4
            mb-10
           px-4 xl:px-5 2xl:px-4
           py-2.5 xl:py-3
           pl-3 xl:pl-4
           rounded-[10px]
           {{ request()->routeIs('admin.notification-management') ? $active : '' }}">
            <i class="fa-regular fa-bell w-6 text-lg text-center"></i>
            <span>Notification Management</span>
        </a>

    </nav>

     <div class="flex justify-center logout">


        <a href="{{ route('logout') }}"
            class="relative flex items-center w-[90%]  border border-[#E3E3E3]
           gap-4 xl:gap-5 2xl:gap-6
           px-4 xl:px-5 2xl:px-6
           py-2.5 xl:py-3
           pl-3 xl:pl-4
           rounded-[10px]
           ">
            <i class="fa fa-sign-out w-6 text-lg text-center"></i>
            <span>Logout</span>
        </a>
    </div>
</aside>