@php
    $user = auth()->user();
    $active = fn ($pattern) => request()->routeIs($pattern) ? 'active' : '';
@endphp

<aside class="bg-dark text-white d-flex flex-column" style="width: 280px; min-height: 100vh;">
    <div class="p-3 border-bottom border-secondary">
        <a href="{{ route('dashboard') }}" class="text-white text-decoration-none d-flex align-items-center gap-2">
            <span class="rounded bg-primary d-inline-flex align-items-center justify-content-center"
                  style="width: 36px; height: 36px; font-weight: 700;">M</span>
            <div class="lh-sm">
                <div class="fw-bold">Mensajeando</div>
                <small class="text-white-50">Panel Superadmin</small>
            </div>
        </a>
    </div>

    <div class="p-3 border-bottom border-secondary">
        <div class="fw-semibold">{{ $user->name }}</div>
        <small class="text-white-50">{{ $user->email }}</small>
        <div class="mt-2">
            <span class="badge bg-secondary">{{ $user->role }}</span>
        </div>
    </div>

    <nav class="p-2 flex-grow-1">
        <div class="text-uppercase text-white-50 small px-2 mt-2">General</div>
        <ul class="nav nav-pills flex-column gap-1 mt-2">
            <li class="nav-item">
                <a class="nav-link text-white {{ $active('dashboard') }}" href="{{ route('dashboard') }}">
                    <i class="bi bi-speedometer2 me-2"></i> Dashboard
                </a>
            </li>
        </ul>

        <div class="text-uppercase text-white-50 small px-2 mt-3">Administración</div>
        <ul class="nav nav-pills flex-column gap-1 mt-2">
            <li class="nav-item">
                <a class="nav-link text-white {{ $active('admin.empresas.*') }}" href="{{ route('admin.empresas.index') }}">
                    <i class="bi bi-buildings me-2"></i> Empresas
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link text-white {{ $active('admin.usuarios.*') }}" href="{{ route('admin.usuarios.index') }}">
                    <i class="bi bi-people me-2"></i> Usuarios
                </a>
            </li>

            <li class="nav-item">
                <a class="nav-link text-white {{ $active('admin.planes.*') }}" href="#">
                    <i class="bi bi-credit-card me-2"></i> Planes (pronto)
                </a>
            </li>
        </ul>
    </nav>

    <div class="p-3 border-top border-secondary">
        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button class="btn btn-outline-light w-100">
                <i class="bi bi-box-arrow-right me-2"></i> Cerrar sesión
            </button>
        </form>
    </div>
</aside>