{{-- Sidebar NetGescon brandizzata --}}
<nav class="h-full flex flex-col bg-slate-800 text-white">
    <!-- Logo NetGescon in alto -->
    <div class="p-4 border-b border-slate-700">
        <div class="flex items-center">
            <i class="fas fa-building text-blue-400 text-xl mr-3"></i>
            <span class="text-lg font-bold">NETGESCON</span>
        </div>
        <div class="text-xs text-gray-400 mt-1">
            {{ now()->format('d/m/Y, H:i') }}
        </div>
    </div>

    <!-- Sezione Notizie (come nelle immagini) -->
    <div class="p-4 bg-cyan-400 text-cyan-900 text-sm">
        <div class="font-semibold mb-1">📢 Notizie</div>
        <div class="text-xs space-y-1">
            <div>• 3 tickets urgenti da risolvere</div>
            <div>• Backup completato con successo</div>
            <div>• Rate scadute €1.240</div>
        </div>
    </div>

    <!-- Menu principale -->
    <div class="flex-1 py-4">
        <ul class="space-y-1 px-3">
            <!-- Dashboard -->
            <li>
                <a href="{{ route('admin.dashboard') }}" 
                   class="flex items-center px-3 py-2 rounded hover:bg-slate-700 transition-colors {{ request()->routeIs('admin.dashboard') ? 'bg-slate-700 text-blue-400' : '' }}">
                    <i class="fas fa-tachometer-alt w-5 mr-3"></i>
                    <span>Dashboard</span>
                </a>
            </li>

            <!-- Stabili -->
            <li>
                <a href="{{ route('admin.stabili.index') }}" 
                   class="flex items-center px-3 py-2 rounded hover:bg-slate-700 transition-colors {{ request()->routeIs('admin.stabili.*') ? 'bg-slate-700 text-blue-400' : '' }}">
                    <i class="fas fa-building w-5 mr-3"></i>
                    <span>Stabili</span>
                    <i class="fas fa-chevron-down ml-auto text-xs"></i>
                </a>
            </li>

            <!-- Condomini -->
            <li>
                <a href="#" class="flex items-center px-3 py-2 rounded hover:bg-slate-700 transition-colors">
                    <i class="fas fa-users w-5 mr-3"></i>
                    <span>Condomini</span>
                    <i class="fas fa-chevron-down ml-auto text-xs"></i>
                </a>
            </li>

            <!-- Contabilità -->
            <li>
                <a href="#" class="flex items-center px-3 py-2 rounded hover:bg-slate-700 transition-colors">
                    <i class="fas fa-calculator w-5 mr-3"></i>
                    <span>Contabilità</span>
                    <i class="fas fa-chevron-down ml-auto text-xs"></i>
                </a>
            </li>

            <!-- Assemblee -->
            <li>
                <a href="#" class="flex items-center px-3 py-2 rounded hover:bg-slate-700 transition-colors">
                    <i class="fas fa-users-cog w-5 mr-3"></i>
                    <span>Assemblee</span>
                    <i class="fas fa-chevron-down ml-auto text-xs"></i>
                </a>
            </li>

            <!-- Risorse Economiche -->
            <li>
                <a href="#" class="flex items-center px-3 py-2 rounded hover:bg-slate-700 transition-colors">
                    <i class="fas fa-euro-sign w-5 mr-3"></i>
                    <span>Risorse Economiche</span>
                    <i class="fas fa-chevron-down ml-auto text-xs"></i>
                </a>
            </li>

            <!-- Affitti -->
            <li>
                <a href="#" class="flex items-center px-3 py-2 rounded hover:bg-slate-700 transition-colors">
                    <i class="fas fa-key w-5 mr-3"></i>
                    <span>Affitti</span>
                </a>
            </li>

            <!-- Fiscale -->
            <li>
                <a href="#" class="flex items-center px-3 py-2 rounded hover:bg-slate-700 transition-colors">
                    <i class="fas fa-receipt w-5 mr-3"></i>
                    <span>Fiscale</span>
                </a>
            </li>

            <!-- Comunicazioni -->
            <li>
                <a href="#" class="flex items-center px-3 py-2 rounded hover:bg-slate-700 transition-colors">
                    <i class="fas fa-envelope w-5 mr-3"></i>
                    <span>Comunicazioni</span>
                </a>
            </li>

            <!-- Pratiche -->
            <li>
                <a href="#" class="flex items-center px-3 py-2 rounded hover:bg-slate-700 transition-colors">
                    <i class="fas fa-folder w-5 mr-3"></i>
                    <span>Pratiche</span>
                </a>
            </li>

            <!-- Consumi -->
            <li>
                <a href="#" class="flex items-center px-3 py-2 rounded hover:bg-slate-700 transition-colors">
                    <i class="fas fa-chart-line w-5 mr-3"></i>
                    <span>Consumi</span>
                </a>
            </li>

            <!-- Tickets -->
            <li>
                <a href="#" class="flex items-center px-3 py-2 rounded hover:bg-slate-700 transition-colors">
                    <i class="fas fa-ticket-alt w-5 mr-3"></i>
                    <span>Tickets</span>
                    <span class="ml-auto bg-red-500 text-white text-xs px-2 py-1 rounded-full">3</span>
                </a>
            </li>
        </ul>
    </div>

    <!-- Footer sidebar -->
    <div class="p-4">
        <!-- Link supporto -->
        <div class="text-center mt-2">
            <a href="#" class="text-blue-400 text-xs hover:underline">Supporto • Contatti</a>
        </div>

        <!-- User info -->
        <div class="mt-3 pt-3">
            <div class="flex items-center">
                <div class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center text-sm font-medium">
                    {{ substr(auth()->user()->name ?? 'MA', 0, 2) }}
                </div>
                <div class="ml-3 flex-1">
                    <div class="text-sm font-medium">{{ auth()->user()->name ?? 'Miki Admin' }}</div>
                    <div class="text-xs text-gray-400">{{ now()->format('H:i') }}</div>
                </div>
            </div>
        </div>
    </div>
</nav>