<?php
/*
  demo_admin.php
  لوحة ديمو مجانية للمدارس بدون تسجيل دخول وبدون تعديل قاعدة البيانات.
*/
$today = date('Y-m-d');
$cards = array(
  array('g'=>'تسجيل وإدارة الطلبة','i'=>'📝','t'=>'تسجيل الطلبة','d'=>'استمارة تسجيل إلكترونية كاملة ترسل الطلب للإدارة مباشرة.'),
  array('g'=>'تسجيل وإدارة الطلبة','i'=>'🧾','t'=>'طلبات التسجيل','d'=>'قبول، رفض، حذف وتحويل الطالب إلى النظام الرسمي.'),
  array('g'=>'الأقساط والحسابات','i'=>'💰','t'=>'متابعة الأقساط','d'=>'تحديد قسط، تسجيل دفعات، حساب المتبقي وسجل مالي لكل طالب.'),
  array('g'=>'الحضور وبصمة الوجه','i'=>'📷','t'=>'بصمة الوجه','d'=>'تسجيل بصمة الطالب ثم الحضور والمغادرة من الكاميرا.'),
  array('g'=>'المستوى والدرجات','i'=>'📚','t'=>'درجات الطلبة','d'=>'درجات شهرية وفصلية ونهائية وتحليل مستوى الطالب.'),
  array('g'=>'التدريس والتواصل','i'=>'📘','t'=>'الواجبات اليومية','d'=>'المدرس يرسل الواجب والإدارة تتابع من أرسل ومن لم يرسل.'),
  array('g'=>'التدريس والتواصل','i'=>'📁','t'=>'رفع الأسئلة','d'=>'رفع ملفات أسئلة المدرسين وتصنيفها حسب المرحلة والشعبة.'),
  array('g'=>'بوابة ولي الأمر','i'=>'🔔','t'=>'إشعارات ولي الأمر','d'=>'إرسال تبليغات وامتحانات ومتابعة الطالب من حساب خاص.'),
  array('g'=>'الإحصائيات','i'=>'📊','t'=>'لوحة تقارير شاملة','d'=>'حضور، أقساط، درجات، واجبات، طلبة ومدرسين في مكان واحد.')
);
function h($s){ return htmlspecialchars($s, ENT_QUOTES, 'UTF-8'); }
?>
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<title>لوحة الإدارة التجريبية</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap" rel="stylesheet">
<style>
:root{--bg1:#07111f;--bg2:#0b2440;--cyan:#22d3ee;--gold:#f5c542;--muted:#cbd5e1}
*{box-sizing:border-box}
body{margin:0;font-family:Tajawal,Arial;background:radial-gradient(circle at 10% 10%,rgba(34,211,238,.22),transparent 28%),radial-gradient(circle at 90% 10%,rgba(245,197,66,.18),transparent 25%),linear-gradient(135deg,var(--bg1),var(--bg2));color:#fff;min-height:100vh}
a{text-decoration:none;color:inherit}
.wrap{width:94%;max-width:1350px;margin:auto;padding:22px 0 40px}
.header{display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:18px;box-shadow:0 25px 70px rgba(0,0,0,.24)}
.brand{display:flex;gap:13px;align-items:center}.brand img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:18px;padding:6px}.brand h1{margin:0;font-size:21px}.brand small{color:var(--muted)}
.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border-radius:14px;padding:10px 13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);font-weight:900}.btn.gold{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#3b2600;border:0}.btn.cyan{background:linear-gradient(135deg,#67e8f9,#0ea5e9);color:#061321;border:0}
.hero{margin:18px 0;display:grid;grid-template-columns:1fr 360px;gap:16px}
.box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:20px}
.box h2{font-size:30px;margin:0 0 8px}.box p{color:#dbeafe;line-height:1.9;margin:0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:15px}.stat span{color:var(--muted);font-weight:800;font-size:13px}.stat b{display:block;font-size:28px;margin-top:7px}
.notice{margin-top:12px;color:#fde68a;font-weight:900}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:18px;min-height:180px;transition:.25s}.card:hover{transform:translateY(-5px);background:rgba(255,255,255,.13)}.ico{font-size:39px}.tag{display:inline-flex;margin-top:12px;color:#a5f3fc;background:rgba(34,211,238,.13);border:1px solid rgba(34,211,238,.25);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.card h3{margin:13px 0 8px}.card p{margin:0;color:#cbd5e1;line-height:1.75}
.footer{text-align:center;color:#94a3b8;margin-top:25px;padding:18px;border-top:1px solid rgba(255,255,255,.12)}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.header{flex-direction:column;text-align:center}.actions{justify-content:center}}
@media(max-width:600px){.cards,.stats{grid-template-columns:1fr}.actions .btn{width:100%;text-align:center}.actions{width:100%}.brand{flex-direction:column}}
</style>
</head>
<body>
<div class="wrap">
  <div class="header">
    <div class="brand"><img src="logo.png"><div><h1>لوحة الإدارة التجريبية</h1><small>نسخة عرض آمنة — لا تعدل قاعدة البيانات</small></div></div>
    <div class="actions">
      <a class="btn gold" href="demo.php">الصفحة التعريفية</a>
      <a class="btn cyan" href="https://wa.me/9647728430588" target="_blank">اطلب النظام</a>
      <a class="btn" href="admin_login.php">دخول النسخة الفعلية</a>
    </div>
  </div>

  <section class="hero">
    <div class="box">
      <h2>كل ما تحتاجه الإدارة في لوحة واحدة</h2>
      <p>هذه اللوحة توضح طريقة عرض النظام للمدير: أرقام مباشرة، كروت منظمة، ومداخل لكل قسم مهم داخل المدرسة.</p>
      <div class="notice">ملاحظة: هذه بيانات تجريبية للعرض فقط.</div>
    </div>
    <div class="box">
      <div class="stats">
        <div class="stat"><span>الطلبة</span><b>1240</b></div>
        <div class="stat"><span>حضور اليوم</span><b>94%</b></div>
        <div class="stat"><span>تحصيل الأقساط</span><b>86%</b></div>
        <div class="stat"><span>مدرسين</span><b>48</b></div>
        <div class="stat"><span>واجبات اليوم</span><b>38</b></div>
        <div class="stat"><span>إشعارات</span><b>72</b></div>
      </div>
    </div>
  </section>

  <div class="cards">
    <?php foreach($cards as $c){ ?>
      <div class="card">
        <div class="ico"><?php echo h($c['i']); ?></div>
        <span class="tag"><?php echo h($c['g']); ?></span>
        <h3><?php echo h($c['t']); ?></h3>
        <p><?php echo h($c['d']); ?></p>
      </div>
    <?php } ?>
  </div>

  <div class="footer">© <?php echo date('Y'); ?> — ديمو نظام إدارة المدرسة الذكي</div>
</div>
</body>
</html>
