<?php
session_start();
require_once '../config/database.php';
// Check if already logged in
if (isset($_SESSION['user_id']) && ($_SESSION['role'] == 'admin' || $_SESSION['role'] == 'director')) {
header('Location: index.php');
exit();
}
$error = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$username = $_POST['username'] ?? '';
$password = $_POST['password'] ?? '';
if (!empty($username) && !empty($password)) {
$stmt = $conn->prepare("SELECT id, username, password, role FROM users WHERE username = ?");
$stmt->bind_param("s", $username);
$stmt->execute();
$result = $stmt->get_result();
if ($user = $result->fetch_assoc()) {
if (password_verify($password, $user['password']) && ($user['role'] === 'admin' || $user['role'] === 'developer' || $user['role'] === 'director')) {
$_SESSION['user_id'] = $user['id'];
$_SESSION['username'] = $user['username'];
$_SESSION['role'] = $user['role'];
header('Location: index.php');
exit();
} else {
$error = "Invalid username or password, or you don't have admin privileges";
}
} else {
$error = 'Invalid username or password';
}
} else {
$error = 'Please enter both username and password';
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admin Login - Learning Management System</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
body {
background: linear-gradient(135deg, #4e73df 0%, #224abe 100%);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Nunito', sans-serif;
}
.login-container {
background: white;
border-radius: 10px;
box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
width: 100%;
max-width: 400px;
padding: 2rem;
}
.login-header {
text-align: center;
margin-bottom: 2rem;
}
.login-header h1 {
color: #4e73df;
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
.login-header p {
color: #858796;
margin-bottom: 0;
}
.form-control {
border-radius: 5px;
padding: 0.75rem 1rem;
border: 1px solid #d1d3e2;
}
.form-control:focus {
border-color: #bac8f3;
box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
}
.btn-login {
background: #4e73df;
border: none;
padding: 0.75rem;
font-weight: 600;
width: 100%;
margin-top: 1rem;
}
.btn-login:hover {
background: #224abe;
}
.input-group-text {
background: #f8f9fc;
border: 1px solid #d1d3e2;
color: #858796;
}
.alert {
border-radius: 5px;
margin-bottom: 1rem;
}
</style>
</head>
<body>
<div class="container">
<div class="login-container">
<div class="login-header">
<h1>Admin Login</h1>
<p>Please enter your credentials to continue</p>
</div>
<?php if ($error): ?>
<div class="alert alert-danger">
<?php echo htmlspecialchars($error); ?>
</div>
<?php endif; ?>
<form method="POST" action="">
<div class="mb-3">
<label for="username" class="form-label">Username</label>
<div class="input-group">
<span class="input-group-text">
<i class="fas fa-user"></i>
</span>
<input type="text" class="form-control" id="username" name="username" required>
</div>
</div>
<div class="mb-3">
<label for="password" class="form-label">Password</label>
<div class="input-group">
<span class="input-group-text">
<i class="fas fa-lock"></i>
</span>
<input type="password" class="form-control" id="password" name="password" required>
</div>
</div>
<button type="submit" class="btn btn-primary btn-login">
<i class="fas fa-sign-in-alt me-2"></i> Login
</button>
</form>
<div class="text-center mt-3">
<a href="../index.php" class="text-decoration-none">
<i class="fas fa-arrow-left me-1"></i> Back to Website
</a>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
