<header id="header" class="header d-flex align-items-center sticky-top">
    <div class="container-fluid d-flex align-items-center justify-content-between">
        @if($settings->logo)
        <div class="navbar-header navbar-header-custom">
            <!-- start logo -->
            <a href="{{ url('/') }}" class="navbar-brand xs-width-145px d-inline-block mr-lg-0">
                <img id="logo" src="{{ asset($settings->logo) }}" alt="{{ $settings->site_name ?? 'AyzMedFlow' }} logo">
            </a>
        </div>
        @endif

        <nav id="navmenu" class="navmenu d-flex align-items-center">
            <ul>
                <li><a href="{{ url('/') }}">Home</a></li>
                <li><a href="{{ route('about') }}">About</a></li>
                <li><a href="{{ route('courses-quran') }}">Courses</a></li>
                <li><a href="{{ route('teacher') }}">Instructors</a></li>
                <li><a href="pricing.html">Pricing</a></li>
                <li><a href="{{ route('blogs') }}">Blog</a></li>
                <li class="dropdown">
                    <a href="#">
                        <span>More Pages</span> 
                        <i class="bi bi-chevron-down toggle-dropdown"></i>
                    </a>
                    <ul>
                        <li><a href="course-details.html">Course Details</a></li>
                        <li><a href="instructor-profile.html">Instructor Profile</a></li>
                        <li><a href="events.html">Events</a></li>
                        <li><a href="blog-details.html">Blog Details</a></li>
                        <li><a href="terms.html">Terms</a></li>
                        <li><a href="privacy.html">Privacy</a></li>
                        <li><a href="404.html">404</a></li>
                    </ul>
                </li>
                <li><a href="{{ route('contact') }}" class="active">Contact</a></li>
                <a href="#appointment" class="btn-getstarted">
                    <i class="bi bi-person-plus" style="font-size:18px ;"></i> Enroll Now
                </a>
            </ul>
            <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
        </nav>
    </div>
</header>