@php
    $role = auth()->user()->role->nama ?? null;
@endphp

<aside class="sidebar" id="sidebar">
    <div class="sidebar__brand">
        <div class="sidebar__brand-mark">
            <svg viewBox="0 0 24 24" fill="none" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round">
                <path d="M6 8h12l-1 12.5a1.5 1.5 0 0 1-1.5 1.5h-8a1.5 1.5 0 0 1-1.5-1.5L5 8Z" />
                <path d="M9 8V5.5A1.5 1.5 0 0 1 10.5 4h3A1.5 1.5 0 0 1 15 5.5V8" />
                <path d="M4 8h16" />
                <path d="M10 12v5M14 12v5" />
            </svg>
        </div>
        <div>
            <div class="sidebar__brand-name">{{ $setting->nama_instansi ?: 'SIRETASA' }}</div>
            <div class="sidebar__brand-sub">Retribusi Sampah</div>
        </div>
    </div>

    <nav class="sidebar__nav">
        <div class="nav-group">
            <p class="nav-group__label">Utama</p>
            <div class="nav-group__items">
                <a href="{{ route('dashboard.index') }}" class="nav-link {{ request()->routeIs('dashboard.*') ? 'is-active' : '' }}">
                    <svg viewBox="0 0 24 24" fill="none" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3.5" y="3.5" width="7" height="7" rx="1.5" /><rect x="13.5" y="3.5" width="7" height="7" rx="1.5" /><rect x="3.5" y="13.5" width="7" height="7" rx="1.5" /><rect x="13.5" y="13.5" width="7" height="7" rx="1.5" /></svg>
                    <span>Dashboard</span>
                </a>
            </div>
        </div>

        @if ($role === 'Administrator')
            <div class="nav-group">
                <p class="nav-group__label">Data Pelanggan</p>
                <div class="nav-group__items">
                    <a href="{{ route('pelanggan.index') }}" class="nav-link {{ request()->routeIs('pelanggan.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Pelanggan</span>
                    </a>
                    <a href="{{ route('jenis-pelanggan.index') }}" class="nav-link {{ request()->routeIs('jenis-pelanggan.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Jenis Pelanggan</span>
                    </a>
                    <a href="{{ route('tarif.index') }}" class="nav-link {{ request()->routeIs('tarif.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Tarif</span>
                    </a>
                </div>
            </div>

            <div class="nav-group">
                <p class="nav-group__label">Wilayah</p>
                <div class="nav-group__items">
                    <a href="{{ route('kecamatan.index') }}" class="nav-link {{ request()->routeIs('kecamatan.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Kecamatan</span>
                    </a>
                    <a href="{{ route('kelurahan.index') }}" class="nav-link {{ request()->routeIs('kelurahan.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Kelurahan</span>
                    </a>
                    <a href="{{ route('rw.index') }}" class="nav-link {{ request()->routeIs('rw.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>RW</span>
                    </a>
                    <a href="{{ route('rt.index') }}" class="nav-link {{ request()->routeIs('rt.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>RT</span>
                    </a>
                </div>
            </div>

            <div class="nav-group">
                <p class="nav-group__label">Tagihan</p>
                <div class="nav-group__items">
                    <a href="{{ route('generate-tagihan.index') }}" class="nav-link {{ request()->routeIs('generate-tagihan.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Generate Tagihan</span>
                    </a>
                    <a href="{{ route('tagihan.index') }}" class="nav-link {{ request()->routeIs('tagihan.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Daftar Tagihan</span>
                    </a>
                </div>
            </div>
        @endif

        @if ($role === 'Petugas')
            <div class="nav-group">
                <p class="nav-group__label">Pembayaran</p>
                <div class="nav-group__items">
                    <a href="{{ route('pembayaran.index') }}" class="nav-link {{ request()->routeIs('pembayaran.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Riwayat Pembayaran</span>
                    </a>
                    <a href="{{ route('pembayaran.create') }}" class="nav-link {{ request()->routeIs('pembayaran.create') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Catat Pembayaran</span>
                    </a>
                </div>
            </div>
        @endif

        @if (in_array($role, ['Administrator', 'Petugas', 'Pimpinan'], true))
            <div class="nav-group">
                <p class="nav-group__label">Laporan</p>
                <div class="nav-group__items">
                    <a href="{{ route('laporan.pembayaran') }}" class="nav-link {{ request()->routeIs('laporan.pembayaran') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Pembayaran</span>
                    </a>
                    @if (in_array($role, ['Administrator', 'Pimpinan'], true))
                        <a href="{{ route('laporan.pelanggan') }}" class="nav-link {{ request()->routeIs('laporan.pelanggan') ? 'is-active' : '' }}">
                            <span class="nav-link__dot"></span>
                            <span>Pelanggan</span>
                        </a>
                        <a href="{{ route('laporan.tagihan') }}" class="nav-link {{ request()->routeIs('laporan.tagihan') ? 'is-active' : '' }}">
                            <span class="nav-link__dot"></span>
                            <span>Tagihan</span>
                        </a>
                        <a href="{{ route('laporan.tunggakan') }}" class="nav-link {{ request()->routeIs('laporan.tunggakan') ? 'is-active' : '' }}">
                            <span class="nav-link__dot"></span>
                            <span>Tunggakan</span>
                        </a>
                        <a href="{{ route('laporan.rekap-wilayah') }}" class="nav-link {{ request()->routeIs('laporan.rekap-wilayah') ? 'is-active' : '' }}">
                            <span class="nav-link__dot"></span>
                            <span>Rekap Wilayah</span>
                        </a>
                        <a href="{{ route('laporan.rekap-jenis-pelanggan') }}" class="nav-link {{ request()->routeIs('laporan.rekap-jenis-pelanggan') ? 'is-active' : '' }}">
                            <span class="nav-link__dot"></span>
                            <span>Rekap Jenis Pelanggan</span>
                        </a>
                    @endif
                </div>
            </div>
        @endif

        @if ($role === 'Administrator')
            <div class="nav-group">
                <p class="nav-group__label">Administrasi</p>
                <div class="nav-group__items">
                    <a href="{{ route('user.index') }}" class="nav-link {{ request()->routeIs('user.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Pengguna</span>
                    </a>
                    <a href="{{ route('activity-logs.index') }}" class="nav-link {{ request()->routeIs('activity-logs.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Log Aktivitas</span>
                    </a>
                    <a href="{{ route('settings.edit') }}" class="nav-link {{ request()->routeIs('settings.*') ? 'is-active' : '' }}">
                        <span class="nav-link__dot"></span>
                        <span>Pengaturan</span>
                    </a>
                </div>
            </div>
        @endif
    </nav>

    <div class="sidebar__footer">
        &copy; {{ date('Y') }} {{ $setting->nama_instansi ?: 'SIRETASA' }}
    </div>
</aside>

<div class="sidebar-overlay" id="sidebarOverlay"></div>