39669-vm/index.php
2026-04-16 06:19:26 +00:00

108 lines
5.3 KiB
PHP

<?php
declare(strict_types=1);
require_once __DIR__ . '/includes/app.php';
$flash = consume_flash();
$stats = dashboard_metrics();
render_page_start('الرئيسية', 'home', 'الصفحة الرئيسية المنظمة لمنصة إدارة المراكز الصيفية مع وصول سريع إلى كل شاشة بشكل منفصل.');
render_flash($flash);
?>
<section class="hero-section py-4 py-lg-5">
<div class="container-xxl">
<div class="row g-4 align-items-stretch">
<div class="col-lg-7">
<div class="app-card hero-card h-100">
<div class="eyebrow mb-3">واجهة رئيسية منظمة للمشرف العام</div>
<h1 class="hero-title mb-3">كل مهمة في صفحة مستقلة وواضحة.</h1>
<p class="hero-copy mb-4">تم تنظيم النسخة الحالية بحيث تكون الصفحة الرئيسية نقطة دخول فقط، بينما توجد صفحة منفصلة للمتابعة التشغيلية، وصفحة مستقلة للطلبات، وصفحة خاصة ببنية النظام والنطاق الحالي.</p>
<div class="d-flex flex-wrap gap-2">
<a class="btn btn-dark px-4" href="dashboard.php">فتح لوحة القيادة</a>
<a class="btn btn-outline-secondary px-4" href="center_application.php">طلب فتح مركز</a>
<a class="btn btn-outline-secondary px-4" href="applications.php">لوحة الطلبات</a>
</div>
<div class="hero-meta mt-4">
<span>تنظيم أفضل للشاشات</span>
<span>واجهة عربية RTL</span>
<span>جاهزة للتوسع إلى التسجيل والحضور</span>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="row g-3 h-100">
<div class="col-6">
<div class="app-card stat-card h-100">
<div class="stat-label">إجمالي الطلبات</div>
<div class="stat-value"><?= e($stats['all']) ?></div>
<div class="stat-note">إجمالي الطلبات المسجلة</div>
</div>
</div>
<div class="col-6">
<div class="app-card stat-card h-100">
<div class="stat-label">المعتمد</div>
<div class="stat-value"><?= e($stats['approved']) ?></div>
<div class="stat-note">مراكز جاهزة للتشغيل</div>
</div>
</div>
<div class="col-6">
<div class="app-card stat-card h-100">
<div class="stat-label">تحت المراجعة</div>
<div class="stat-value"><?= e($stats['under_review']) ?></div>
<div class="stat-note">طلبات تحتاج متابعة</div>
</div>
</div>
<div class="col-6">
<div class="app-card stat-card h-100">
<div class="stat-label">الطاقة المقترحة</div>
<div class="stat-value"><?= e($stats['expected_students']) ?></div>
<div class="stat-note">عدد الطلاب المتوقع</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-2 py-lg-4">
<div class="container-xxl">
<div class="section-head mb-3">
<div>
<div class="section-title">الوصول السريع حسب المهمة</div>
<div class="section-copy">بدلاً من خلط كل شيء في صفحة واحدة، كل جزء أصبح له شاشة مستقلة ليسهل على المستخدم الوصول والتنقل.</div>
</div>
</div>
<div class="row g-4">
<div class="col-md-6 col-xl-3">
<article class="app-card link-card h-100">
<div class="small-title mb-2">لوحة القيادة</div>
<p class="text-muted mb-3">مؤشرات سريعة وآخر الطلبات الواردة للمشرف العام.</p>
<a class="btn btn-outline-secondary btn-sm" href="dashboard.php">فتح الصفحة</a>
</article>
</div>
<div class="col-md-6 col-xl-3">
<article class="app-card link-card h-100">
<div class="small-title mb-2">طلب فتح مركز</div>
<p class="text-muted mb-3">نموذج التقديم الكامل في شاشة منفصلة بدون تشتيت.</p>
<a class="btn btn-outline-secondary btn-sm" href="center_application.php">فتح الصفحة</a>
</article>
</div>
<div class="col-md-6 col-xl-3">
<article class="app-card link-card h-100">
<div class="small-title mb-2">لوحة الطلبات</div>
<p class="text-muted mb-3">جدول موحد مع التصفية بالحالة والانتقال للتفاصيل.</p>
<a class="btn btn-outline-secondary btn-sm" href="applications.php">فتح الصفحة</a>
</article>
</div>
<div class="col-md-6 col-xl-3">
<article class="app-card link-card h-100">
<div class="small-title mb-2">هيكل النظام</div>
<p class="text-muted mb-3">صفحة مخصصة للنطاق الحالي ومسار التوسع القادم.</p>
<a class="btn btn-outline-secondary btn-sm" href="modules.php">فتح الصفحة</a>
</article>
</div>
</div>
</div>
</section>
<?php render_page_end(); ?>