
<header id="header" class="header d-flex align-items-center fixed-top">
    <div
        class="header-container container-fluid container-xl position-relative d-flex align-items-center justify-content-between">

        <a href="/" class="logo d-flex align-items-center me-auto me-xl-0">
            <img src="/images/logo.png" alt="وزارة الاستثمار والصناعة">
            <small>وزارة الاستثمار والصناعة</small>
        </a>

        <nav id="navmenu" class="navmenu">
            {{#if userLoggedIn}}
            <ul>
                <li><a href="#" id="media" class="route"><i class="bi bi-broadcast me-2 d-xl-none"></i>الإعلام</a></li>
                <li><a href="#" id="news" class="route"><i class="bi bi-newspaper me-2 d-xl-none"></i>الأخبار</a></li>
                <li><a href="#" id="applications" class="route"><i class="bi bi-file-earmark-text me-2 d-xl-none"></i>الطلبات</a></li>
                <li class="dropdown"><a href="#"><span>المزيد</span> <i
                            class="bi bi-chevron-down toggle-dropdown"></i></a>
                    <ul>
                        <li><a href="#" id="books" class="route">الكتب</a></li>
                        <li><a href="#" id="users" class="route">المستخدمين</a></li>
                        <li><a href="#" id="about" class="route">عن الوزارة</a></li>
                        <li><a href="/dashboard/change-password">تغيير كلمة المرور</a></li>
                    </ul>
                </li>
                <li><a href="/dashboard/logout" class="text-danger"><i class="bi bi-box-arrow-right me-2 d-xl-none"></i>تسجيل الخروج</a></li>
            </ul>
            {{else}}
            <ul>
                <li><a href="/" class=""><i class="bi bi-house-door me-2 d-xl-none"></i>الرئيسية</a></li>
                <li><a href="/about"><i class="bi bi-info-circle me-2 d-xl-none"></i>عن الوزارة</a></li>
                <li><a href="/services"><i class="bi bi-grid me-2 d-xl-none"></i>الخدمات</a></li>
                <li><a href="/sectors"><i class="bi bi-pie-chart me-2 d-xl-none"></i>المجالات</a></li>
                <li><a href="/localities"><i class="bi bi-geo-alt me-2 d-xl-none"></i>المحليات</a></li>
                <li><a href="/application" class="nav-cta-item"><i class="bi bi-send-check me-2 d-xl-none"></i>تقديم طلب</a></li>
            </ul>
            {{/if}}
        </nav>

        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
    </div>
</header>