@php
    use App\Models\Profile;

    $profile = Profile::first(); // Ambil data dari tabel profile
    $institutionName = $profile?->nama_perusahaan ?? 'Nama Institusi';
    $institutionLogo = $profile?->logo ? asset('storage/' . $profile->logo) : asset('images/default-logo.png');
@endphp

<nav class="bg-white dark:bg-gray-800 shadow sticky top-0 z-50">
    <div class="max-w-7xl mx-auto px-4 py-3 flex justify-between items-center">
        <!-- Logo dari database -->
        <div class="flex items-center space-x-4">
            <button @click="sidebarOpen = !sidebarOpen"
                    class="md:hidden text-gray-600 dark:text-gray-300 focus:outline-none">
                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M4 6h16M4 12h16m-7 6h7" />
                </svg>
            </button>

            <a href="{{ route('admin.main-dashboard') }}" class="flex items-center gap-3 hover:opacity-90 transition">
                <img src="{{ $institutionLogo }}"
                     alt="Logo {{ $institutionName }}"
                     class="w-10 h-10 object-cover rounded-full shadow-md border dark:border-gray-600">
                <span class="text-xl font-bold text-[color:var(--primary-color)]">
                    {{ $institutionName }}
                </span>
            </a>
        </div>

        <!-- Action Buttons (Home & Logout) -->
        <div class="flex items-center gap-4">
            <a href="{{ url('/') }}"
               class="inline-flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:underline">
                🏠 Beranda
            </a>

            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button type="submit"
                        class="inline-flex items-center gap-2 text-sm font-medium text-red-600 hover:underline dark:text-red-400">
                    🔓 Logout
                </button>
            </form>
        </div>
    </div>
</nav>