<div class="container-fluid py-4 mb-5">
    <div class="d-flex align-items-center mb-4">
        <h2 class="fw-bold mb-0 text-white">المزيد</h2>
    </div>

    <!-- Navigation List (No JS complexity, pure links) -->
    <div class="row g-3">
        <!-- الخطة الشهرية & التقويم -->
        <div class="col-6">
            <a href="<?= BASE_URL ?>/monthlyplan" data-no-pjax="true" class="card card-saas text-decoration-none h-100 text-center text-white" style="background:#1e293b;">
                <div class="card-body py-4">
                    <i class="fa-solid fa-calendar-check fs-2 text-warning mb-2 d-block"></i>
                    <span class="fw-bold fs-6">خطة الشهر</span>
                </div>
            </a>
        </div>
        <div class="col-6">
            <a href="<?= BASE_URL ?>/calendar" data-no-pjax="true" class="card card-saas text-decoration-none h-100 text-center text-white" style="background:#1e293b;">
                <div class="card-body py-4">
                    <i class="fa-regular fa-calendar-days fs-2 text-info mb-2 d-block"></i>
                    <span class="fw-bold fs-6">التقويم</span>
                </div>
            </a>
        </div>

        <!-- المهام & السلوكيات -->
        <div class="col-6">
            <a href="<?= BASE_URL ?>/todo" data-no-pjax="true" class="card card-saas text-decoration-none h-100 text-center text-white" style="background:#1e293b;">
                <div class="card-body py-4">
                    <i class="fa-solid fa-list-check fs-2 text-primary mb-2 d-block"></i>
                    <span class="fw-bold fs-6">المهام (To-Do)</span>
                </div>
            </a>
        </div>
        <div class="col-6">
            <a href="<?= BASE_URL ?>/behavior" data-no-pjax="true" class="card card-saas text-decoration-none h-100 text-center text-white" style="background:#1e293b;">
                <div class="card-body py-4">
                    <i class="fa-solid fa-brain fs-2 text-warning mb-2 d-block"></i>
                    <span class="fw-bold fs-6">السلوكيات</span>
                </div>
            </a>
        </div>

        <!-- العادات & المستشار -->
        <div class="col-6">
            <a href="<?= BASE_URL ?>/habits" data-no-pjax="true" class="card card-saas text-decoration-none h-100 text-center text-white" style="background:#1e293b;">
                <div class="card-body py-4">
                    <i class="fa-solid fa-fire fs-2 text-danger mb-2 d-block"></i>
                    <span class="fw-bold fs-6">العادات</span>
                </div>
            </a>
        </div>
        <div class="col-6">
            <a href="<?= BASE_URL ?>/advisor" data-no-pjax="true" class="card card-saas text-decoration-none h-100 text-center text-white" style="background:#1e293b;">
                <div class="card-body py-4">
                    <i class="fa-solid fa-robot fs-2 mb-2 d-block" style="color:#818cf8;"></i>
                    <span class="fw-bold fs-6">المستشار</span>
                </div>
            </a>
        </div>

        <!-- الروحانيات & التعليم -->
        <div class="col-6">
            <a href="<?= BASE_URL ?>/spiritual" data-no-pjax="true" class="card card-saas text-decoration-none h-100 text-center text-white" style="background:#1e293b;">
                <div class="card-body py-4">
                    <i class="fa-solid fa-kaaba fs-2 text-success mb-2 d-block"></i>
                    <span class="fw-bold fs-6">الروحانيات</span>
                </div>
            </a>
        </div>
        <div class="col-6">
            <a href="<?= BASE_URL ?>/education" data-no-pjax="true" class="card card-saas text-decoration-none h-100 text-center text-white" style="background:#1e293b;">
                <div class="card-body py-4">
                    <i class="fa-solid fa-graduation-cap fs-2 text-info mb-2 d-block"></i>
                    <span class="fw-bold fs-6">التعليم</span>
                </div>
            </a>
        </div>

        <!-- Analytics full width -->
        <div class="col-12 mt-4">
            <a href="<?= BASE_URL ?>/analytics" data-no-pjax="true" class="card card-saas text-decoration-none d-flex flex-row align-items-center text-white p-3" style="background:#1e293b;">
                <i class="fa-solid fa-chart-line fs-3 text-info me-3 ms-2"></i>
                <span class="fw-bold fs-5">التحليلات</span>
                <i class="fa-solid fa-chevron-left ms-auto text-secondary"></i>
            </a>
        </div>

        <!-- Settings & System full width -->
        <div class="col-12 mt-2">
            <a href="<?= BASE_URL ?>/system/settings" data-no-pjax="true" class="card card-saas text-decoration-none d-flex flex-row align-items-center text-white p-3" style="background:#1e293b;">
                <i class="fa-solid fa-gear fs-3 text-secondary me-3 ms-2"></i>
                <span class="fw-bold fs-5">إعدادات النظام</span>
                <i class="fa-solid fa-chevron-left ms-auto text-secondary"></i>
            </a>
        </div>

        <!-- Secure Vault -->
        <div class="col-12 mt-4">
            <a href="<?= BASE_URL ?>/vault" data-no-pjax="true" class="card card-saas text-decoration-none d-flex flex-row align-items-center bg-success bg-opacity-25 border border-success p-3 text-white">
                <i class="fa-solid fa-fingerprint fs-3 text-success me-3 ms-2"></i>
                <span class="fw-bold fs-5 text-success">الخزنة السرية</span>
                <i class="fa-solid fa-lock ms-auto text-success"></i>
            </a>
        </div>

    </div>
</div>
