<div id="dashboard-container">
    <div class="row g-4">
        <!-- Registration Card -->
        <div class="col-md-6 col-lg-3">
            <div class="card h-100 border-0 shadow-sm hover-lift">
                <div class="card-body d-flex flex-column text-center p-4">
                    <div class="icon-box bg-primary-subtle text-primary rounded-circle mx-auto mb-3">
                        <i class="bi bi-person-plus fs-2"></i>
                    </div>
                    <h5 class="card-title fw-bold mb-3 fs-4">نیا داخلہ</h5>
                    <p class="text-muted small mb-4 fs-4">نئے طالب علم کا مکمل داخلہ فارم بھریں اور ریکارڈ محفوظ کریں
                    </p>
                    <a href="registrationForm" class="btn btn-primary w-100 mt-auto fs-4">فارم کھولیں</a>
                </div>
            </div>
        </div>

        <!-- Student List Card -->
        <div class="col-md-6 col-lg-3">
            <div class="card h-100 border-0 shadow-sm hover-lift">
                <div class="card-body d-flex flex-column text-center p-4">
                    <div class="icon-box bg-info-subtle text-info rounded-circle mx-auto mb-3">
                        <i class="bi bi-people fs-2"></i>
                    </div>
                    <h5 class="card-title fw-bold mb-3 fs-4">طلباء کی فہرست</h5>
                    <p class="text-muted small mb-4 fs-4">موجودہ طلباء کی مکمل تفصیلات دیکھیں اور سرچ کریں</p>
                    <a href="stdList" class="btn btn-info text-white w-100 mt-auto fs-4">فہرست
                        دیکھیں</a>
                </div>
            </div>
        </div>

        <!-- Attendance Card -->
        <div class="col-md-6 col-lg-3">
            <div class="card h-100 border-0 shadow-sm hover-lift">
                <div class="card-body d-flex flex-column text-center p-4">
                    <div class="icon-box bg-warning-subtle text-warning rounded-circle mx-auto mb-3">
                        <i class="bi bi-calendar-check fs-2"></i>
                    </div>
                    <h5 class="card-title fw-bold mb-3 fs-4">روزانہ حاضری</h5>
                    <p class="text-muted small mb-4 fs-4">طالب علموں کی روزانہ کی بنیاد پر حاضری لگائیں</p>
                    <a href="attendenceSheet" class="btn btn-warning text-white w-100 mt-auto fs-4">حاضری لگائیں</a>
                </div>
            </div>
        </div>

        <!-- Settings Card -->
        <div class="col-md-6 col-lg-3">
            <div class="card h-100 border-0 shadow-sm hover-lift">
                <div class="card-body d-flex flex-column text-center p-4">
                    <div class="icon-box bg-danger-subtle text-danger rounded-circle mx-auto mb-3">
                        <i class="bi bi-gear fs-2"></i>
                    </div>
                    <h5 class="card-title fw-bold mb-3 fs-4">سیٹنگز</h5>
                    <p class="text-muted small mb-4 fs-4">پاس ورڈ تبدیل کریں اور ویب سائٹ کی کنفیگریشن اپڈیٹ کریں</p>
                    <a href="settings" class="btn btn-danger w-100 mt-auto fs-4">سیٹنگز کھولیں</a>
                </div>
            </div>
        </div>


        <!-- Reports Card -->
        <div class="col-12 col-md-4 col-lg-4">
            <div class="card h-100 border-0 shadow-sm hover-lift">
                <div class="card-body text-center p-4">
                    <div class="icon-box bg-warning-subtle text-warning rounded-circle mx-auto mb-3">
                        <i class="bi bi-file-earmark-bar-graph fs-2"></i>
                    </div>
                    <h5 class="card-title fw-bold mb-4 fs-4">رپورٹس</h5>
                    <div
                        class="<?= ($lang === 'en') ? 'reports-grid-en' : 'd-flex flex-wrap justify-content-center gap-3' ?>">
                        <a href="resultQuarter" class="btn btn-outline-primary <?= $dbr_fs_sz ?>"
                            title="امتحان کا نتیجہ یہاں سے دیکھیں">الگ الگ امتحان کا نتیجہ</a>
                        <a href="resultSheetByExamType" class="btn btn-outline-primary <?= $dbr_fs_sz ?>"
                            title="ہر امتحان کی ہر سال میں علحٰیدہ علحٰیدہ نتیجہ برائے علحٰیدہ طالب العلم دیکھیں">رزلٹ
                            شیٹ علحٰیدہ</a>
                        <a href="resultSheet" class="btn btn-outline-primary <?= $dbr_fs_sz ?>" title="رزلٹ شیٹ">رزلٹ
                            شیٹ</a>
                        <a href="registeredStudentReport" class="btn btn-outline-primary <?= $dbr_fs_sz ?>"
                            title="ہر سال میں نئے داخل شدہ طلباء کی داخلہ فارم برائے پرنٹ کرنے کھولیں">داخل شدہ
                            طلباء</a>
                        <a href="dmcFrm" class="btn btn-outline-primary <?= $dbr_fs_sz ?>" title="ڈی ایم سی">کشف
                            الدرجات</a>
                        <a href="promotionDateEndDates" class="btn btn-outline-primary <?= $dbr_fs_sz ?>"
                            title="تاریخ داخلہ و تاریخ انتہاء کا مکمل لسٹ یہاں سے دیکھیں">تاریخ داخلہ و انتہاء</a>
                        <a href="search" class="btn btn-outline-primary <?= $dbr_fs_sz ?>"
                            title="طالب العلم کو تلاش کریں">تلاش
                            کیجیے</a>
                        <a href="attendanceReport" class="btn btn-outline-primary <?= $dbr_fs_sz ?>"
                            title="رجسٹر روزانہ حاضری">حاضری</a>
                        <a href="stdList" class="btn btn-outline-primary <?= $dbr_fs_sz ?>"
                            title="طلباء کی مکمل لِسٹ یہاں پر دیکھیں">کل
                            طلباء</a>
                        <a href="admissionRegisterList" class="btn btn-outline-primary <?= $dbr_fs_sz ?>"
                            title="رجسٹر داخل / خارج ">داخل/خارج</a>
                        <a href="nonLocalStdList" class="btn btn-outline-primary <?= $dbr_fs_sz ?>"
                            title="غیر رہائشی طلباء کا مکمل لسٹ">غیر رہائشی طلباء</a>
                        <a href="exam_marks_empty_report" class="btn btn-outline-primary <?= $dbr_fs_sz ?>"
                            title="نتاءیج الختبارات">خالی
                            امتحانی لسِٹ</a>
                    </div>
                </div>
            </div>
        </div>


        <!-- Accounts Management Card -->
        <div class="col-12 col-md-4 col-lg-4">
            <div class="card h-100 border-0 shadow-sm hover-lift">
                <div class="card-body text-center p-4">
                    <div class="icon-box bg-success-subtle text-success rounded-circle mx-auto mb-3">
                        <i class="bi bi-cash-stack fs-2"></i>
                    </div>
                    <h5 class="card-title fw-bold mb-3 fs-4">اکاؤنٹس مینجمنٹ</h5>
                    <p class="text-muted small mb-4 fs-4">یہاں سے ہر قسم کے مالی اخراجات کا انتظام کریں</p>
                    <div class="d-flex flex-wrap justify-content-center gap-3">
                        <a href="fee_dashboard" class="btn btn-outline-success fs-4"
                            title="طالب علم کی فیس کا انتظام">طلباء
                            کی فیس
                        </a>
                        <a href="accounts_dashboard" class="btn btn-outline-success fs-4">آمدنی و اخراجات</a>
                        <hr class="p-0 m-0">
                        <a href="message_to_students_by_darja" class="btn btn-outline-warning w-100 fs-4">طلباء سے
                            رابطہ</a>
                    </div>
                </div>
            </div>
        </div>

        <!--Miscellaneous Links Card -->
        <div class="col-12 col-md-4 col-lg-4">
            <div class="card h-100 border-0 shadow-sm hover-lift">
                <div class="card-body text-center p-4">
                    <div class="icon-box bg-primary-subtle text-primary rounded-circle mx-auto mb-3">
                        <i class="bi bi-collection fs-2"></i>
                    </div>
                    <h5 class="card-title fw-bold mb-3 fs-4">متفرق احکامات</h5>
                    <p class="text-muted small mb-4 fs-4">یہاں سے متفرق احکامات کھولیں</p>
                    <div
                        class="<?= ($lang === 'en') ? 'reports-grid-en' : 'd-flex flex-wrap justify-content-center gap-3' ?>">
                        <a href="madrasa_terms_conditions" class="btn btn-outline-primary <?= $dbr_fs_sz ?>"
                            title="قواعد و ضوابط پرنٹ کیجئے">قواعد
                            و ضوابط
                            پرنٹ</a>
                        <a href="http://esdn.com.pk" class="btn btn-outline-primary <?= $dbr_fs_sz ?>" target="_blank"
                            title="مدد چاہیے؟">مدد چاہیے؟</a>
                        <a href="copyRights" class="btn btn-outline-primary <?= $dbr_fs_sz ?>"
                            title="پروگرام کی قانونی استعمال">پروگرام
                            کی
                            قانونی استعمال</a>

                        <a href="take_db_backup" class="btn btn-outline-success <?= $dbr_fs_sz ?>"
                            title="ڈی بی بیک اپ">ڈیٹا بیس کی
                            بیک
                            اپ لیں</a>

                        <a href="full_web_backup" class="btn btn-outline-success <?= $dbr_fs_sz ?>"
                            title="ویب کی بیک اپ">ویب کی بیک
                            اپ لیں</a>

                        <a href="pages/logout.php" class="btn btn-outline-danger <?= $dbr_fs_sz ?>"
                            title="سافٹ ویئر بند کریں">سافٹ
                            ویئر
                            بند
                            کریں</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- CMS Management Card -->
        <div class="col-12 col-md-4 col-lg-4">
            <div class="card h-100 border-0 shadow-sm hover-lift">
                <div class="card-body text-center p-4">
                    <div class="icon-box bg-info-subtle text-info rounded-circle mx-auto mb-3">
                        <i class="bi bi-globe fs-2"></i>
                    </div>
                    <h5 class="card-title fw-bold mb-3 <?= $dbr_fs_sz ?>">ویب سائٹ مینجمنٹ</h5>
                    <p class="text-muted small mb-4 <?= $dbr_fs_sz ?>">یہاں سے ویب سائٹ کے صفحات اور مینیو کا انتظام
                        کریں
                    </p>
                    <div class="d-flex flex-wrap justify-content-center gap-3">
                        <a href="cms_pages" class="btn btn-outline-info <?= $dbr_fs_sz ?>">صفحات </a>
                        <a href="cms_menus" class="btn btn-outline-info <?= $dbr_fs_sz ?>">مینیو </a>
                        <a href="cms_themes" class="btn btn-outline-info <?= $dbr_fs_sz ?>">تھیمز </a>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- .row -->

    <style>
        .icon-box {
            width: 70px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hover-lift {
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .hover-lift:hover {
            transform: translateY(-5px);
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, .1) !important;
        }

        .reports-grid-en {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 0.75rem;
        }
    </style>
</div><!-- #dashboard-container -->