@php
    $currentRoute = request()->route()->getName();
    $itemBase = 'sidebar-item group flex items-center gap-3 px-2.5 py-2 rounded-md text-slate-700 dark:text-slate-300';
    $itemActive = 'active';
    $iconBase = 'text-slate-500';
    $iconActive = 'text-[#0ea5e9]';
@endphp

<!-- Ana Yönetim -->
<div class="sidebar-category">
    <h3 class="sidebar-category-header text-slate-500 uppercase tracking-wider text-xs font-semibold px-3 pt-4 pb-2">
        <i class="fas fa-cog mr-2 text-[#0ea5e9]"></i><span>Ana Yönetim</span>
        </h3>

    <div class="sidebar-menu space-y-1">
        <a href="{{ route('admin.dashboard') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.dashboard' ? $itemActive : ''}}">
            <i class="fas fa-house {{ $currentRoute === 'admin.dashboard' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Anasayfa</span>
        </a>

        <a href="{{ route('admin.static-pages') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.static-pages' ? $itemActive : ''}}">
            <i class="fas fa-file-alt {{ $currentRoute === 'admin.static-pages' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Sabit Sayfalar</span>
        </a>

        <a href="{{ route('admin.news') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.news' ? $itemActive : ''}}">
            <i class="fas fa-newspaper {{ $currentRoute === 'admin.news' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Haberler</span>
        </a>

        <a href="{{ route('admin.press') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.press' ? $itemActive : ''}}">
            <i class="fas fa-bullhorn {{ $currentRoute === 'admin.press' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Basında CBL</span>
        </a>
    </div>
</div>

<!-- İçerik Yönetimi -->
<div class="sidebar-category">
    <h3 class="sidebar-category-header text-slate-500 uppercase tracking-wider text-xs font-semibold px-3 pt-4 pb-2">
        <i class="fas fa-file-alt mr-2 text-[#0ea5e9]"></i><span>İçerik Yönetimi</span>
        </h3>

    <div class="sidebar-menu space-y-1">
        <a href="{{ route('admin.match-reports') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.match-reports' ? $itemActive : ''}}">
            <i class="fas fa-file-alt {{ $currentRoute === 'admin.match-reports' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Maç Yazıları</span>
        </a>

        <a href="{{ route('admin.comments') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.comments' ? $itemActive : ''}}">
            <i class="fas fa-comments {{ $currentRoute === 'admin.comments' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Yorumlar</span>
        </a>

        <a href="{{ route('admin.newsletter') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.newsletter' ? $itemActive : ''}}">
            <i class="fas fa-envelope {{ $currentRoute === 'admin.newsletter' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>E-bülten</span>
        </a>

        <a href="{{ route('admin.references') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.references' ? $itemActive : ''}}">
            <i class="fas fa-award {{ $currentRoute === 'admin.references' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Referanslar</span>
        </a>

        <a href="{{ route('admin.match-statistics') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.match-statistics' ? $itemActive : ''}}">
            <i class="fas fa-chart-bar {{ $currentRoute === 'admin.match-statistics' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Maç İstatistikleri</span>
        </a>

        <a href="{{ route('admin.panorama') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.panorama' ? $itemActive : ''}}">
            <i class="fas fa-eye {{ $currentRoute === 'admin.panorama' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Panorama</span>
        </a>

        <a href="{{ route('admin.analytics') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.analytics' ? $itemActive : ''}}">
            <i class="fas fa-chart-line {{ $currentRoute === 'admin.analytics' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Analitik Dashboard</span>
        </a>
    </div>
</div>

<!-- Takım Yönetimi -->
<div class="sidebar-category">
    <h3 class="sidebar-category-header text-slate-500 uppercase tracking-wider text-xs font-semibold px-3 pt-4 pb-2">
        <i class="fas fa-people-group mr-2 text-[#0ea5e9]"></i><span>Takım Yönetimi</span>
        </h3>

    <div class="sidebar-menu space-y-1">
        <a href="{{ route('admin.teams') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.teams' ? $itemActive : ''}}">
            <i class="fas fa-users {{ $currentRoute === 'admin.teams' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Takımlar</span>
        </a>

        <a href="{{ route('admin.players') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.players' ? $itemActive : ''}}">
            <i class="fas fa-user {{ $currentRoute === 'admin.players' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Oyuncular</span>
        </a>

        <a href="{{ route('admin.matches') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.matches' ? $itemActive : ''}}">
            <i class="fas fa-calendar-alt {{ $currentRoute === 'admin.matches' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Fikstür</span>
        </a>

        <a href="{{ route('admin.stadiums') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.stadiums' ? $itemActive : ''}}">
            <i class="fas fa-building {{ $currentRoute === 'admin.stadiums' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Salonlar</span>
        </a>

        <a href="{{ route('admin.members') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.members' ? $itemActive : ''}}">
            <i class="fas fa-user-shield {{ $currentRoute === 'admin.members' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Üyeler</span>
        </a>
    </div>
</div>

<!-- Sistem Yönetimi -->
<div class="sidebar-category">
    <h3 class="sidebar-category-header text-slate-500 uppercase tracking-wider text-xs font-semibold px-3 pt-4 pb-2">
        <i class="fas fa-shield-halved mr-2 text-[#0ea5e9]"></i><span>Sistem Yönetimi</span>
        </h3>

    <div class="sidebar-menu space-y-1">
        <a href="{{ route('admin.users') }}"
           class="{{ $itemBase }} {{ $currentRoute === 'admin.users' ? $itemActive : ''}}">
            <i class="fas fa-users {{ $currentRoute === 'admin.users' ? $iconActive : $iconBase }} group-hover:text-[#0ea5e9]"></i>
            <span>Kullanıcı Yönetimi</span>
        </a>
    </div>
</div>

<!-- Alt Bilgi -->
<div class="sidebar-footer px-3 py-3 text-slate-500 text-xs">
    <div class="flex items-center justify-between">
            <span>v1.0.0</span>
            <span class="flex items-center">
                <i class="fas fa-circle text-green-400 mr-1 text-[8px]"></i>
                Online
            </span>
    </div>
</div>