<?php
session_start();
require_once __DIR__ . '/parent_portal_common.php';
$conn = pp_connect();
parent_portal_install($conn);
$error = '';

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $username = isset($_POST['username']) ? trim($_POST['username']) : '';
    $password = isset($_POST['password']) ? trim($_POST['password']) : '';

    if ($username == '' || $password == '') {
        $error = 'يرجى كتابة اسم المستخدم وكلمة المرور.';
    } else {
        $stmt = mysqli_prepare($conn, "SELECT id, student_id, guardian_name, username, password_hash, is_active FROM parent_accounts WHERE username = ? LIMIT 1");
        if ($stmt) {
            mysqli_stmt_bind_param($stmt, 's', $username);
            mysqli_stmt_execute($stmt);
            mysqli_stmt_bind_result($stmt, $parent_id, $student_id, $guardian_name, $db_username, $password_hash, $is_active);

            if (mysqli_stmt_fetch($stmt)) {
                if (intval($is_active) != 1) {
                    $error = 'هذا الحساب متوقف. يرجى مراجعة الإدارة.';
                } elseif (password_verify($password, $password_hash)) {
                    $_SESSION['parent_id'] = $parent_id;
                    $_SESSION['parent_student_id'] = $student_id;
                    $_SESSION['parent_name'] = $guardian_name;
                    $_SESSION['parent_username'] = $db_username;
                    header('Location: parent_dashboard.php');
                    exit();
                } else {
                    $error = 'كلمة المرور غير صحيحة.';
                }
            } else {
                $error = 'اسم المستخدم غير موجود.';
            }
            mysqli_stmt_close($stmt);
        } else {
            $error = 'حدث خطأ في تسجيل الدخول.';
        }
    }
}
?>
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>بوابة ولي الأمر</title>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap" rel="stylesheet">
<style>
:root{--navy:#0b2d4d;--dark:#061b30;--gold:#d7a328;--soft:#f8fafc;--line:#e2e8f0;--text:#12263a}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Cairo,Arial;background:radial-gradient(circle at top right,rgba(215,163,40,.25),transparent 20%),radial-gradient(circle at bottom left,rgba(11,45,77,.2),transparent 25%),linear-gradient(135deg,#eef5ff,#f8fbff,#f7f2e8);display:flex;align-items:center;justify-content:center;padding:16px;color:var(--text)}
.wrap{width:100%;max-width:1080px;display:grid;grid-template-columns:1.1fr .95fr;gap:18px;align-items:stretch}.hero,.login{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.75);border-radius:32px;box-shadow:0 25px 70px rgba(12,25,46,.12)}.hero{padding:32px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:240px;height:240px;background:linear-gradient(135deg,rgba(215,163,40,.22),rgba(11,45,77,.08));border-radius:50%;top:-80px;left:-60px}.hero:after{content:'';position:absolute;width:200px;height:200px;background:rgba(11,45,77,.06);border-radius:50%;bottom:-70px;right:-50px}.hero-inner{position:relative;z-index:2}.brand{display:flex;align-items:center;gap:16px;margin-bottom:18px}.logo{width:92px;height:92px;border-radius:24px;background:#fff;padding:10px;border:3px solid rgba(215,163,40,.8);box-shadow:0 18px 40px rgba(0,0,0,.12)}.logo img{width:100%;height:100%;object-fit:contain}.tag{display:inline-block;background:rgba(215,163,40,.14);border:1px solid rgba(215,163,40,.35);color:#8a640e;padding:8px 15px;border-radius:999px;font-weight:800;font-size:13px;margin-bottom:10px}.hero h1{margin:0;font-size:34px;line-height:1.4;color:var(--navy)}.hero p{margin:10px 0 0;color:#506173;line-height:2;font-size:15px}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;display:flex;gap:12px;align-items:center;box-shadow:0 10px 24px rgba(15,23,42,.05)}.ficon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy),#184c7c);color:#fff}.ftext b{display:block;color:var(--navy)}.ftext span{display:block;color:#64748b;font-size:13px}
.login{padding:28px}.login h2{margin:0;color:var(--navy);font-size:30px}.login p{margin:8px 0 20px;color:#64748b}.field{margin-bottom:15px}.field label{display:block;font-weight:900;color:#34495e;margin-bottom:8px}.field input{width:100%;padding:15px;border:1px solid #d8e1ec;border-radius:18px;font-family:Cairo;font-size:15px;outline:none;background:#fff}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(215,163,40,.14)}.btn{width:100%;border:none;border-radius:18px;padding:16px 18px;background:linear-gradient(135deg,var(--navy),#184c7c 55%,var(--gold));color:#fff;font-family:Cairo;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 18px 38px rgba(11,45,77,.18)}.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:12px 14px;border-radius:14px;text-align:center;font-weight:800;margin-bottom:15px}.note{margin-top:15px;background:#fff7df;border:1px solid #f5d77b;border-radius:14px;padding:12px;color:#7a580b;font-size:13px;line-height:1.9}
@media(max-width:900px){.wrap{grid-template-columns:1fr}.features{grid-template-columns:1fr}.hero h1,.login h2{text-align:center}.brand{justify-content:center}.tag{text-align:center;display:block;width:max-content;margin:0 auto 12px}.hero p,.login p{text-align:center}}
</style>
</head>
<body>
<div class="wrap">
    <div class="hero">
        <div class="hero-inner">
            <div class="brand">
                <div class="logo"><img src="/sy/school_system/logo.png" alt="شعار المدرسة"></div>
                <div>
                    <div class="tag">بوابة ولي الأمر الذكية</div>
                    <h1>تابع ابنك بسهولة<br>وبواجهة حديثة ومميزة</h1>
                </div>
            </div>
            <p>من خلال بوابة ولي الأمر، يمكنكم الاطلاع على درجات الطالب، الحضور والغياب، جداول الامتحانات، المادة الداخلة، الواجبات، وإشعارات الإدارة من مكان واحد وبتصميم جميل وسهل.</p>
            <div class="features">
                <div class="feature"><div class="ficon">
                    <svg width="26" height="26" viewBox="0 0 24 24" fill="none"><path d="M4 19V5a2 2 0 0 1 2-2h11l3 3v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z" stroke="white" stroke-width="1.7"/><path d="M8 9h8M8 13h8M8 17h5" stroke="white" stroke-width="1.7" stroke-linecap="round"/></svg>
                </div><div class="ftext"><b>نتائج الطالب</b><span>عرض الدرجات بشكل واضح ومرتب</span></div></div>
                <div class="feature"><div class="ficon">
                    <svg width="26" height="26" viewBox="0 0 24 24" fill="none"><path d="M7 3v4M17 3v4M4 9h16" stroke="white" stroke-width="1.7" stroke-linecap="round"/><rect x="4" y="5" width="16" height="16" rx="3" stroke="white" stroke-width="1.7"/><path d="M8 13h3v3H8z" fill="white"/></svg>
                </div><div class="ftext"><b>جداول الامتحانات</b><span>مواعيد منظمة لكل الامتحانات</span></div></div>
                <div class="feature"><div class="ficon">
                    <svg width="26" height="26" viewBox="0 0 24 24" fill="none"><path d="M12 8v5l3 2" stroke="white" stroke-width="1.8" stroke-linecap="round"/><circle cx="12" cy="12" r="9" stroke="white" stroke-width="1.7"/></svg>
                </div><div class="ftext"><b>الحضور والغياب</b><span>متابعة سريعة للحضور اليومي</span></div></div>
                <div class="feature"><div class="ficon">
                    <svg width="26" height="26" viewBox="0 0 24 24" fill="none"><path d="M12 3l8 4v5c0 5-3.5 7.5-8 9-4.5-1.5-8-4-8-9V7l8-4Z" stroke="white" stroke-width="1.7"/><path d="m9.5 12 1.7 1.7 3.8-4.2" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
                </div><div class="ftext"><b>إشعارات الإدارة</b><span>كل التنبيهات والملاحظات المهمة</span></div></div>
            </div>
        </div>
    </div>

    <div class="login">
        <h2>تسجيل الدخول</h2>
        <p>أدخل اسم المستخدم وكلمة المرور الخاصة بولي الأمر.</p>
        <?php if($error != '') { ?><div class="error"><?php echo h($error); ?></div><?php } ?>
        <form method="POST">
            <div class="field">
                <label>اسم المستخدم</label>
                <input type="text" name="username" required>
            </div>
            <div class="field">
                <label>كلمة المرور</label>
                <input type="password" name="password" required>
            </div>
            <button class="btn" type="submit">دخول إلى البوابة</button>
        </form>
        <div class="note">إذا واجهت مشكلة في تسجيل الدخول، يرجى مراجعة إدارة المدرسة للحصول على اسم المستخدم وكلمة المرور الخاصة بكم.</div>
    </div>
</div>
</body>
</html>
