<?php 
// استدعاء الهيدر المطور الذي يحتوي على الحماية (Disable Inspect)
include 'header.php'; 

// جلب المستخدمين - تأكدنا من استخدام الاتصال الصحيح
$users = [];
try {
    // استخدمنا PDO هنا كما في كودك الأصلي لضمان التوافق مع الملف
    $stmt = $conn->query("SELECT * FROM users ORDER BY id DESC");
    $users = $stmt->fetchAll(PDO::FETCH_ASSOC);
} catch (PDOException $e) {
    echo "خطأ في الجلب: " . $e->getMessage();
}
?>

<style>
    /* تطبيق الهوية العنابية والشفافية */
    .user-card {
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(10px);
        border-radius: 20px;
        border: none;
        box-shadow: 0 15px 35px rgba(147, 0, 60, 0.1);
        overflow: hidden;
    }
    .table thead {
        background: #93003c;
        color: white;
    }
    .role-badge {
        background: #93003c !important;
        border-radius: 50px;
        padding: 5px 15px;
    }
    .btn-add {
        background: #93003c;
        color: white;
        border: none;
        box-shadow: 0 4px 0 #5c0025; /* تأثير 3D سفلي */
        transition: 0.2s;
    }
    .btn-add:active { transform: translateY(4px); box-shadow: none; }
</style>

<div class="container py-5">
    <div class="user-card">
        <div class="card-header bg-white d-flex justify-content-between align-items-center py-4 px-4">
            <h4 class="fw-bold mb-0" style="color: #93003c;">إدارة المؤسسة والمدرسين</h4>
            <button class="btn btn-add px-4 fw-bold" data-bs-toggle="modal" data-bs-target="#addUser">
                <i class="fas fa-plus-circle"></i> إضافة مدرس/إداري جديد
            </button>
        </div>
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th class="ps-4">اسم المستخدم</th>
                        <th>البريد الإلكتروني</th>
                        <th>الصلاحية</th>
                        <th class="text-center">العمليات</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach($users as $user): ?>
                    <tr>
                        <td class="ps-4 fw-bold"><?php echo htmlspecialchars($user['username']); ?></td>
                        <td><?php echo htmlspecialchars($user['email']); ?></td>
                        <td><span class="badge role-badge"><?php echo $user['role']; ?></span></td>
                        <td class="text-center">
                            <a href="edit_user.php?id=<?php echo $user['id']; ?>" class="btn btn-sm btn-outline-secondary rounded-pill me-1">
                                <i class="fas fa-edit"></i> تعديل
                            </a>
                            <button class="btn btn-sm btn-outline-danger rounded-pill" onclick="confirmDelete(<?php echo $user['id']; ?>)">
                                <i class="fas fa-trash"></i> حذف
                            </button>
                        </td>
                    </tr>
                    <?php endforeach; ?>
                </tbody>
            </table>
        </div>
    </div>
</div>

<?php include 'footer.php'; ?>