<nav class="navbar navbar-expand-lg fixed-top bg-transparent">
    <div class="container">
        <a class="navbar-brand" href="{{ route('landing') }}">Smart Dermatology</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ms-auto align-items-lg-center">
                <li class="nav-item"><a class="nav-link" href="{{ route('landing') }}">Home</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ route('checker') }}">Check Skin</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ route('diseases') }}">Diseases</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ route('book') }}">Book</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ route('about') }}">About</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ route('contact') }}">Contact</a></li>
                @auth
                    @if (auth()->user()->isAdmin())
                        <li class="nav-item"><a class="btn btn-pink ms-lg-3" href="{{ route('admin.dashboard') }}">Admin Panel</a></li>
                    @else
                        <li class="nav-item"><a class="btn btn-pink ms-lg-3" href="{{ route('user.dashboard') }}">User Panel</a></li>
                        <li class="nav-item"><a class="nav-link" href="{{ route('user.history') }}">History</a></li>
                        <li class="nav-item"><a class="nav-link" href="{{ route('user.profile') }}">Profile</a></li>
                    @endif
                    <li class="nav-item ms-lg-2">
                        <a class="nav-link" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('site-logout-form').submit();">Logout</a>
                    </li>
                @else
                    <li class="nav-item"><a class="btn btn-pink ms-lg-3" href="{{ route('login') }}">Login</a></li>
                @endauth
            </ul>
        </div>
    </div>
</nav>

@auth
    <form id="site-logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
        @csrf
    </form>
@endauth
