103 lines
5.7 KiB
PHP
103 lines
5.7 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
require_once __DIR__ . '/includes/app.php';
|
|
|
|
$flash = consume_flash();
|
|
$stats = dashboard_metrics();
|
|
|
|
// Meaningful, clean text instead of placeholder info.
|
|
render_page_start('الرئيسية', 'home', 'لوحة تحكم منصة إدارة المراكز الصيفية.');
|
|
render_flash($flash);
|
|
?>
|
|
|
|
<div class="container-xxl py-4">
|
|
<div class="row align-items-center mb-5 bg-white rounded-4 shadow-sm overflow-hidden" style="border: 1px solid var(--border-color);">
|
|
<div class="col-lg-6 p-4 p-lg-5">
|
|
<h1 class="display-6 fw-bold mb-3 text-primary">أهلاً بك في منصة الإدارة</h1>
|
|
<p class="lead text-muted mb-4" style="line-height: 1.8;">
|
|
توفر لك المنصة تحكماً شاملاً في كافة عمليات المراكز التعليمية. من خلال هذه الواجهة، يمكنك متابعة الطلبات، الإشراف على الاعتمادات، وإدارة الدورات والمواد التعليمية بكفاءة عالية وبأقل مجهود.
|
|
</p>
|
|
<div class="d-flex flex-wrap gap-3">
|
|
<a class="btn btn-primary px-4 py-2" href="applications.php">مراجعة الطلبات</a>
|
|
<a class="btn btn-outline-secondary px-4 py-2" href="dashboard.php">لوحة القيادة التشغيلية</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 p-0 d-none d-lg-block" style="background-color: var(--bg-color);">
|
|
<img src="assets/images/pexels/hero-office.jpg" alt="الإدارة" class="img-fluid w-100 h-100 object-fit-cover" style="min-height: 350px;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex align-items-center justify-content-between mb-3 mt-5">
|
|
<h3 class="h5 mb-0 fw-bold text-dark">نظرة عامة سريعة</h3>
|
|
</div>
|
|
|
|
<div class="row g-3 mb-5">
|
|
<div class="col-md-3">
|
|
<div class="app-card stat-tile p-4 h-100 d-flex flex-column justify-content-center">
|
|
<div class="mini-stat-label text-muted mb-2">إجمالي الطلبات</div>
|
|
<div class="mini-stat-value display-6 fw-bold text-primary mb-1"><?= e($stats['all']) ?></div>
|
|
<div class="mini-stat-copy small text-secondary mt-auto">كافة الطلبات الواردة للمنصة</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="app-card stat-tile p-4 h-100 d-flex flex-column justify-content-center">
|
|
<div class="mini-stat-label text-muted mb-2">المراكز المعتمدة</div>
|
|
<div class="mini-stat-value display-6 fw-bold text-success mb-1"><?= e($stats['approved']) ?></div>
|
|
<div class="mini-stat-copy small text-secondary mt-auto">المراكز الجاهزة للتشغيل</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="app-card stat-tile p-4 h-100 d-flex flex-column justify-content-center">
|
|
<div class="mini-stat-label text-muted mb-2">قيد المراجعة</div>
|
|
<div class="mini-stat-value display-6 fw-bold text-warning mb-1"><?= e($stats['under_review']) ?></div>
|
|
<div class="mini-stat-copy small text-secondary mt-auto">الطلبات التي تنتظر القرار</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="app-card stat-tile p-4 h-100 d-flex flex-column justify-content-center">
|
|
<div class="mini-stat-label text-muted mb-2">الطاقة الاستيعابية</div>
|
|
<div class="mini-stat-value display-6 fw-bold text-info mb-1"><?= e($stats['expected_students']) ?></div>
|
|
<div class="mini-stat-copy small text-secondary mt-auto">إجمالي الطلاب المتوقع</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex align-items-center justify-content-between mb-3 mt-5">
|
|
<h3 class="h5 mb-0 fw-bold text-dark">الوصول السريع</h3>
|
|
</div>
|
|
|
|
<div class="row g-3 mb-4">
|
|
<div class="col-md-4">
|
|
<a href="dashboard.php" class="text-decoration-none h-100 d-block">
|
|
<article class="app-card link-card p-4 h-100 border-top border-primary border-4" style="min-height: auto;">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<h4 class="h6 fw-bold text-dark mb-0">المتابعة التشغيلية</h4>
|
|
</div>
|
|
<p class="text-muted small mb-0" style="line-height: 1.6;">تابع مؤشرات الأداء بشكل أعمق واستعرض آخر النشاطات والإحصائيات الخاصة بالمراكز.</p>
|
|
</article>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<a href="center_application.php" class="text-decoration-none h-100 d-block">
|
|
<article class="app-card link-card p-4 h-100 border-top border-warning border-4" style="min-height: auto;">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<h4 class="h6 fw-bold text-dark mb-0">طلب مركز جديد</h4>
|
|
</div>
|
|
<p class="text-muted small mb-0" style="line-height: 1.6;">واجهة مخصصة ومستقلة لملء وتقديم بيانات المراكز الجديدة للمراجعة بدون أي تشتيت.</p>
|
|
</article>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<a href="modules.php" class="text-decoration-none h-100 d-block">
|
|
<article class="app-card link-card p-4 h-100 border-top border-success border-4" style="min-height: auto;">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<h4 class="h6 fw-bold text-dark mb-0">بنية النظام</h4>
|
|
</div>
|
|
<p class="text-muted small mb-0" style="line-height: 1.6;">نظرة شاملة على الوحدات المفعلة حالياً في النظام ومسارات التطوير المخطط لها مستقبلاً.</p>
|
|
</article>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php render_page_end(); ?>
|