{{-- Navbar Start --}}
<nav class="navbar navbar-expand-lg fixed-top navbar-light bg-white shadow-sm py-2">
    <div class="container">

        {{-- Logo --}}
        <a class="navbar-brand d-flex align-items-center" href="/">
            <img src="{{ asset('assets/images/logo-smanda.png') }}" height="50" alt="Logo Sekolah">
            <span class="ms-2 fw-bold text-primary">SMAN 2 Majujaya</span>
        </a>

        {{-- Toggle --}}
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
            data-bs-target="#navbarSupportedContent">
            <span class="navbar-toggler-icon"></span>
        </button>

        {{-- Menu --}}
        <div class="collapse navbar-collapse" id="navbarSupportedContent">

            {{-- NAV MENU (KANAN) --}}
            <ul class="navbar-nav ms-auto align-items-center gap-2">

                <li class="nav-item">
                    <a class="nav-link {{ request()->is('/') ? 'active' : '' }}" href="/">Beranda</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link {{ request()->is('profil*') ? 'active' : '' }}" href="{{ route('profil') }}">
                        Profil
                    </a>
                </li>

                <li class="nav-item">
                    <a class="nav-link {{ request()->is('berita*') ? 'active' : '' }}" href="/berita">
                        Berita
                    </a>
                </li>

                <li class="nav-item">
                    <a class="nav-link {{ request()->is('prestasi*') ? 'active' : '' }}" href="{{ route('prestasi') }}">
                        Prestasi
                    </a>
                </li>

                <li class="nav-item">
                    <a class="nav-link {{ request()->is('foto*') ? 'active' : '' }}" href="{{ route('foto.kegiatan') }}">
                        Galeri
                    </a>
                </li>

                <li class="nav-item">
                    <a class="nav-link {{ request()->is('kontak*') ? 'active' : '' }}" href="{{ route('kontak') }}">
                        Kontak
                    </a>
                </li>

                {{-- AUTH BUTTON --}}
                <li class="nav-item ms-3">
                    @auth
                        <form action="/logout" method="POST">
                            @csrf
                            <button class="btn btn-outline-dark btn-sm px-3">
                                Logout
                            </button>
                        </form>
                    @else
                        <a href="/login" class="btn btn-primary btn-sm px-4">
                            Login
                        </a>
                    @endauth
                </li>

            </ul>
        </div>
    </div>
</nav>
{{-- Navbar End --}}