<?php
session_start();
require_once('../config/db.php');

if (!isset($_SESSION['student_id'])) {
    header('Location: login.php');
    exit;
}

$student_id = $_SESSION['student_id'];

// تسجيل الخروج
if (isset($_GET['logout'])) {
    session_destroy();
    header('Location: login.php');
    exit;
}

// بيانات الطالب
$stmt = $conn->prepare("SELECT * FROM students WHERE id = ?");
$stmt->execute([$student_id]);
$student = $stmt->fetch(PDO::FETCH_ASSOC);

// الإعلانات المرئية
$stmt = $conn->prepare("SELECT * FROM announcements WHERE visible = 1 ORDER BY created_at DESC");
$stmt->execute();
$announcements = $stmt->fetchAll(PDO::FETCH_ASSOC);

// الكورسات المسجلة
$stmt = $conn->prepare("
    SELECT e.id as enrollment_id, c.course_name, c.price, e.enrollment_date, e.attendance_type
    FROM enrollments e
    JOIN courses c ON c.id = e.course_id
    WHERE e.student_id = ?
    ORDER BY e.enrollment_date ASC
");
$stmt->execute([$student_id]);
$enrollments = $stmt->fetchAll(PDO::FETCH_ASSOC);

// الدفعات
$stmt = $conn->prepare("SELECT amount_paid, discount, payment_date, payment_method, notes FROM payments WHERE student_id = ? ORDER BY payment_date ASC");
$stmt->execute([$student_id]);
$payments = $stmt->fetchAll(PDO::FETCH_ASSOC);

// حساب المبالغ
$total_paid_all = !empty($payments) ? array_sum(array_column($payments, 'amount_paid')) : 0;
$total_discount_all = !empty($payments) ? array_sum(array_column($payments, 'discount')) : 0;
$total_courses = !empty($enrollments) ? array_sum(array_column($enrollments, 'price')) : 0;
$remaining_all = $total_courses - ($total_paid_all + $total_discount_all);

// إشعار الدفع
if ($total_courses == 0) {
    $notification = "لم يتم تسجيل أي كورسات بعد.";
    $notificationType = 'info';
} elseif ($remaining_all > 0) {
    $notification = "لديك مبلغ متبقي: " . number_format($remaining_all, 2) . " د.أ. يرجى دفعه في أقرب وقت.";
    $notificationType = 'warning';
} else {
    $notification = "لقد قمت بدفع جميع المبالغ. شكراً لك!";
    $notificationType = 'success';
}
?>

<?php
// ... (يبقى كود PHP كما هو في البداية دون تغيير) ...
?>

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>لوحة الطالب | Dashboard</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">

    <style>
        body { font-family: 'Cairo', sans-serif; background-color: #f8fafc; }
        .glass { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); }
        .card-grad { transition: all 0.3s ease; border: 1px solid rgba(0,0,0,0.05); }
        .card-grad:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1); }
        .table-rounded { border-collapse: separate; border-spacing: 0 8px; width: 100%; }
        .table-rounded tr { background-color: white; box-shadow: 0 2px 4px rgba(0,0,0,0.02); }
        .table-rounded td, .table-rounded th { padding: 16px; }
        .table-rounded tr td:first-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
        .table-rounded tr td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
    </style>
</head>
<body class="flex flex-col min-h-screen">

    <header class="glass sticky top-0 z-40 w-full border-b border-gray-200 shadow-sm">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between items-center h-20">
                <div class="flex items-center gap-4">
                    <img src="../assets/logo.jpg" alt="Logo" class="h-12 w-12 rounded-xl object-cover shadow-sm">
                    <div>
                        <span class="block text-xl font-black text-blue-900 leading-none">أكاديمية معاً نستطيع</span>
                        <span class="text-xs text-gray-500 font-semibold tracking-widest uppercase">بوابة الطالب</span>
                    </div>
                </div>
                
                <div class="flex items-center gap-6">
                    <div class="hidden md:flex flex-col text-left items-end">
                        <span class="text-sm font-bold text-gray-800"><?= htmlspecialchars($student['full_name']) ?></span>
                        <span class="text-xs text-green-600 font-semibold">حساب طالب نشط</span>
                    </div>
                    <a href="?logout=1" class="flex items-center gap-2 bg-red-50 text-red-600 hover:bg-red-600 hover:text-white px-4 py-2 rounded-xl font-bold transition-all duration-300">
                        <span>خروج</span>
                        <i class="fas fa-sign-out-alt"></i>
                    </a>
                </div>
            </div>
        </div>
    </header>

    <main class="flex-grow container max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-8">
        
        <section class="relative overflow-hidden bg-indigo-900 rounded-[2rem] p-8 text-white shadow-2xl">
            <div class="relative z-10 flex flex-col md:flex-row justify-between items-center gap-6 text-center md:text-right">
                <div>
                    <h1 class="text-3xl md:text-5xl font-black mb-4">أهلاً بك مجدداً، <?= explode(' ', $student['full_name'])[0] ?>! ✨</h1>
                    <p class="text-indigo-100 text-lg opacity-80 max-w-xl">نحن فخورون بوجودك معنا. هنا يمكنك متابعة رحلتك التعليمية، مراجعة دفعاتك، والبقاء على اطلاع بآخر التحديثات.</p>
                </div>
                <div class="flex -space-x-4">
                     <div class="bg-white/10 backdrop-blur-md p-6 rounded-2xl text-center border border-white/20">
                        <p class="text-sm opacity-80 mb-1">تاريخ اليوم</p>
                        <p class="text-xl font-bold"><?= date('d M, Y') ?></p>
                     </div>
                </div>
            </div>
            <div class="absolute top-0 left-0 w-64 h-64 bg-white/5 rounded-full -translate-x-1/2 -translate-y-1/2"></div>
            <div id="confetti-container" class="absolute inset-0 pointer-events-none"></div>
        </section>

        <?php if($notification): ?>
            <div class="animate-fadeIn p-4 rounded-2xl border-r-8 shadow-sm flex items-center gap-4 <?= ($notificationType=='success' ? 'bg-green-50 border-green-500 text-green-800' : ($notificationType=='warning' ? 'bg-orange-50 border-orange-500 text-orange-800' : 'bg-blue-50 border-blue-500 text-blue-800')) ?>">
                <i class="fas <?= ($notificationType=='success' ? 'fa-check-circle' : 'fa-exclamation-triangle') ?> text-2xl"></i>
                <p class="font-bold"><?= $notification ?></p>
            </div>
        <?php endif; ?>

        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
            <div class="card-grad bg-white p-6 rounded-3xl">
                <div class="w-12 h-12 bg-blue-100 text-blue-600 rounded-2xl flex items-center justify-center mb-4">
                    <i class="fas fa-book-open text-xl"></i>
                </div>
                <p class="text-gray-500 font-bold text-sm">إجمالي الكورسات</p>
                <h3 class="text-2xl font-black text-gray-800 mt-1"><?= number_format($total_courses, 2) ?> <span class="text-xs">د.أ</span></h3>
            </div>

            <div class="card-grad bg-white p-6 rounded-3xl">
                <div class="w-12 h-12 bg-green-100 text-green-600 rounded-2xl flex items-center justify-center mb-4">
                    <i class="fas fa-hand-holding-usd text-xl"></i>
                </div>
                <p class="text-gray-500 font-bold text-sm">المبلغ المدفوع</p>
                <h3 class="text-2xl font-black text-green-600 mt-1"><?= number_format($total_paid_all, 2) ?> <span class="text-xs">د.أ</span></h3>
            </div>

            <div class="card-grad bg-white p-6 rounded-3xl">
                <div class="w-12 h-12 bg-yellow-100 text-yellow-600 rounded-2xl flex items-center justify-center mb-4">
                    <i class="fas fa-tags text-xl"></i>
                </div>
                <p class="text-gray-500 font-bold text-sm">إجمالي الخصومات</p>
                <h3 class="text-2xl font-black text-yellow-600 mt-1"><?= number_format($total_discount_all, 2) ?> <span class="text-xs">د.أ</span></h3>
            </div>

            <div class="card-grad bg-white p-6 rounded-3xl border-2 border-red-50">
                <div class="w-12 h-12 bg-red-100 text-red-600 rounded-2xl flex items-center justify-center mb-4">
                    <i class="fas fa-clock text-xl"></i>
                </div>
                <p class="text-gray-500 font-bold text-sm">المبلغ المتبقي</p>
                <h3 class="text-2xl font-black text-red-600 mt-1"><?= number_format($remaining_all, 2) ?> <span class="text-xs">د.أ</span></h3>
            </div>
        </div>

        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
            <div class="lg:col-span-2 space-y-6">
                <div class="flex items-center justify-between px-2">
                    <h2 class="text-2xl font-black text-gray-800 tracking-tight">🎓 كورساتي المسجلة</h2>
                </div>
                <div class="overflow-x-auto">
                    <table class="table-rounded">
                        <thead>
                            <tr class="text-gray-400 text-sm font-bold text-right uppercase tracking-wider">
                                <th class="pb-4">الكورس</th>
                                <th class="pb-4">السعر</th>
                                <th class="pb-4">نوع الحضور</th>
                                <th class="pb-4 text-center">التقييم</th>
                            </tr>
                        </thead>
                        <tbody class="text-gray-700 font-bold">
                            <?php foreach ($enrollments as $en): 
                                $stmt2 = $conn->prepare("SELECT rating FROM course_ratings WHERE enrollment_id=? AND student_id=?");
                                $stmt2->execute([$en['enrollment_id'], $student_id]);
                                $existingRating = $stmt2->fetchColumn();
                            ?>
                            <tr class="hover:bg-blue-50/50 transition-colors">
                                <td>
                                    <div class="flex items-center gap-3">
                                        <div class="w-10 h-10 bg-indigo-100 text-indigo-600 rounded-lg flex items-center justify-center text-xs">
                                            <i class="fas fa-graduation-cap"></i>
                                        </div>
                                        <span><?= htmlspecialchars($en['course_name']) ?></span>
                                    </div>
                                </td>
                                <td class="text-blue-600"><?= number_format($en['price'], 2) ?> د.أ</td>
                                <td>
                                    <span class="px-3 py-1 bg-gray-100 rounded-full text-xs"><?= htmlspecialchars($en['attendance_type']) ?></span>
                                </td>
                                <td>
                                    <div class="stars flex justify-center gap-1" data-enrollment="<?= $en['enrollment_id'] ?>">
                                        <?php for($i=1;$i<=5;$i++): ?>
                                            <span class="star cursor-pointer text-xl transition-all duration-200 <?= ($existingRating >= $i) ? 'text-yellow-400' : 'text-gray-200' ?>" data-value="<?= $i ?>">&#9733;</span>
                                        <?php endfor; ?>
                                    </div>
                                </td>
                            </tr>
                            <?php endforeach; ?>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="space-y-6">
                <h2 class="text-2xl font-black text-gray-800 px-2">📢 آخر الأخبار</h2>
                <div class="space-y-4">
                    <?php if(!empty($announcements)): foreach($announcements as $ann): ?>
                        <div class="bg-white p-5 rounded-3xl border border-gray-100 shadow-sm relative overflow-hidden group">
                            <div class="absolute top-0 right-0 w-1 h-full bg-blue-600"></div>
                            <h3 class="font-black text-blue-900 mb-2 group-hover:text-blue-600 transition-colors"><?= htmlspecialchars($ann['title']) ?></h3>
                            <p class="text-gray-600 text-sm leading-relaxed mb-4"><?= nl2br(htmlspecialchars($ann['message'])) ?></p>
                            <span class="text-[10px] font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded-md italic">
                                <i class="far fa-clock ml-1"></i> <?= date('d-m-Y', strtotime($ann['created_at'])) ?>
                            </span>
                        </div>
                    <?php endforeach; else: ?>
                        <p class="text-gray-400 text-center py-10 italic">لا توجد إعلانات حالياً</p>
                    <?php endif; ?>
                </div>
            </div>
        </div>

        <section class="space-y-6 pb-10">
            <h2 class="text-2xl font-black text-gray-800 px-2">💰 سجل الدفعات</h2>
            <div class="bg-white rounded-[2rem] shadow-sm overflow-hidden border border-gray-100">
                <div class="overflow-x-auto">
                    <table class="w-full text-right border-collapse">
                        <thead class="bg-gray-50 text-gray-500 text-sm font-bold uppercase tracking-widest border-b border-gray-100">
                            <tr>
                                <th class="p-6">قيمة الدفعة</th>
                                <th class="p-6">الخصم</th>
                                <th class="p-6 text-center">التاريخ</th>
                                <th class="p-6">طريقة الدفع</th>
                                <th class="p-6">ملاحظات</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-gray-50">
                            <?php foreach ($payments as $p): ?>
                            <tr class="hover:bg-gray-50/50 transition-colors">
                                <td class="p-6 font-black text-green-600 tracking-tight"><?= number_format($p['amount_paid'], 2) ?> د.أ</td>
                                <td class="p-6 font-bold text-yellow-600"><?= number_format($p['discount'], 2) ?> د.أ</td>
                                <td class="p-6 text-center text-gray-500 font-bold"><?= htmlspecialchars($p['payment_date']) ?></td>
                                <td class="p-6">
                                    <span class="px-4 py-2 bg-blue-50 text-blue-700 rounded-xl text-xs font-black uppercase">
                                        <?= htmlspecialchars($p['payment_method']) ?>
                                    </span>
                                </td>
                                <td class="p-6 text-gray-400 text-sm"><?= htmlspecialchars($p['notes']) ?: '---' ?></td>
                            </tr>
                            <?php endforeach; ?>
                        </tbody>
                    </table>
                </div>
            </div>
        </section>
    </main>

    <footer class="bg-white border-t border-gray-200 mt-auto shadow-inner">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-10 text-center md:text-right">
                <div class="space-y-4">
                    <div class="flex items-center justify-center md:justify-start gap-3">
                         <img src="../assets/logo.jpg" alt="Logo" class="h-8 w-8 rounded-lg">
                         <span class="text-lg font-black text-indigo-900">أكاديمية معاً نستطيع</span>
                    </div>
                    <p class="text-gray-500 text-sm leading-relaxed">نحن نؤمن بأن التعليم هو المفتاح لمستقبل أفضل. انضم إلينا اليوم وابدأ رحلتك نحو التميز المهني.</p>
                </div>
                
                <div class="space-y-4">
                    
                </div>

                <div class="space-y-4">
                    <h4 class="font-bold text-gray-800">تواصل معنا</h4>
                    <div class="flex justify-center md:justify-start gap-4">
                        <a href="#" class="w-10 h-10 bg-blue-50 text-blue-600 rounded-xl flex items-center justify-center hover:bg-blue-600 hover:text-white transition-all"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="w-10 h-10 bg-pink-50 text-pink-600 rounded-xl flex items-center justify-center hover:bg-pink-600 hover:text-white transition-all"><i class="fab fa-instagram"></i></a>
                       <a href="https://wa.me/9627XXXXXXXX" 
   target="_blank" 
   class="w-10 h-10 bg-green-50 text-green-600 rounded-xl flex items-center justify-center hover:bg-green-600 hover:text-white transition-all shadow-sm">
    <i class="fab fa-whatsapp text-xl"></i>
</a>
                    </div>
                    <p class="text-xs text-gray-400 mt-4">© <?= date('Y') ?> جميع الحقوق محفوظة لـ Creative Applications</p>
                </div>
            </div>
        </div>
    </footer>

    <script>
    document.addEventListener('DOMContentLoaded', () => {
        // Star Rating Logic
        document.querySelectorAll('.stars').forEach(container => {
            const stars = container.querySelectorAll('.star');
            const enrollmentId = container.dataset.enrollment;

            stars.forEach(star => {
                star.addEventListener('click', () => {
                    const clickedValue = parseInt(star.getAttribute('data-value'));
                    
                    stars.forEach(s => {
                        const starValue = parseInt(s.getAttribute('data-value'));
                        if (starValue <= clickedValue) {
                            s.classList.add('text-yellow-400');
                            s.classList.remove('text-gray-200');
                        } else {
                            s.classList.add('text-gray-200');
                            s.classList.remove('text-yellow-400');
                        }
                    });

                    const formData = new FormData();
                    formData.append('enrollment_id', enrollmentId);
                    formData.append('rating', clickedValue);

                    fetch('save_rating.php', { method: 'POST', body: formData })
                    .then(() => showToast(`تم تقييم الكورس بـ ${clickedValue} نجوم`))
                    .catch(() => showToast('خطأ في الاتصال', 'error'));
                });
            });
        });
    });

    function showToast(message, type = 'success') {
        const toast = document.createElement('div');
        const bg = type === 'success' ? 'bg-indigo-900' : 'bg-red-600';
        toast.className = `fixed bottom-10 right-10 ${bg} text-white px-8 py-4 rounded-2xl shadow-2xl z-50 animate-bounce font-bold`;
        toast.textContent = message;
        document.body.appendChild(toast);
        setTimeout(() => toast.remove(), 3000);
    }
    </script>
</body>
</html>