-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathconnexion.php
More file actions
133 lines (119 loc) · 5.36 KB
/
connexion.php
File metadata and controls
133 lines (119 loc) · 5.36 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<?php
$page_title = "Connexion";
$page_css = "connexion.css";
session_start();
$erreur = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$email = trim($_POST['email'] ?? '');
$mdp = trim($_POST['mdp'] ?? '');
$role = $_POST['role'] ?? '';
// Exemple : comptes de démo (en prod, utiliser BDD + password_hash)
$comptes = [
'admin@educsystem.edu' => ['mdp' => 'admin123', 'role' => 'admin', 'nom' => 'Administrateur Principal'],
'scol@educsystem.edu' => ['mdp' => 'scol123', 'role' => 'scolarite', 'nom' => 'Admin Scolarité'],
'compta@educsystem.edu' => ['mdp' => 'compta123', 'role' => 'comptabilite', 'nom' => 'Admin Comptabilité'],
'prof@educsystem.edu' => ['mdp' => 'prof123', 'role' => 'enseignant', 'nom' => 'Enseignant'],
'etudiant@educsystem.edu'=> ['mdp' => 'etud123', 'role' => 'etudiant', 'nom' => 'Étudiant'],
];
if (isset($comptes[$email]) && $comptes[$email]['mdp'] === $mdp) {
$_SESSION['user'] = $comptes[$email]['nom'];
$_SESSION['role'] = $comptes[$email]['role'];
$_SESSION['email'] = $email;
header('Location: dashboard.php');
exit;
} else {
$erreur = "Email ou mot de passe incorrect.";
}
}
require_once 'includes/header.php';
?>
<div class="connexion-page">
<div class="connexion-left">
<img src="assets/images/logo.png" alt="EducSystem" class="conn-logo">
<h2>Bienvenue sur<br><span>EducSystem</span></h2>
<p>Votre espace numérique académique — accessible 24h/24.</p>
<div class="conn-roles">
<div class="cr-item"><span>🏛️</span> Administrateur</div>
<div class="cr-item"><span>👩🎓</span> Étudiant</div>
<div class="cr-item"><span>👨🏫</span> Enseignant</div>
<div class="cr-item"><span>💼</span> Comptabilité</div>
</div>
</div>
<div class="connexion-right">
<div class="conn-form-card">
<div class="conn-header">
<img src="assets/images/logo.png" alt="Logo" style="height:50px;">
<h3>Connexion sécurisée</h3>
<p>Entrez vos identifiants pour accéder à votre espace.</p>
</div>
<?php if ($erreur): ?>
<div class="alert alert-error">🔒 <?= htmlspecialchars($erreur) ?></div>
<?php endif; ?>
<form method="POST" action="connexion.php">
<!-- Sélection rôle -->
<div class="role-grid">
<?php
$roles = [
'admin' => ['🏛️', 'Admin Principal'],
'scolarite' => ['📋', 'Scolarité'],
'comptabilite' => ['💼', 'Comptabilité'],
'enseignant' => ['👨🏫', 'Enseignant'],
'etudiant' => ['👩🎓', 'Étudiant'],
];
foreach ($roles as $val => $info):
?>
<label class="role-option">
<input type="radio" name="role" value="<?= $val ?>" <?= ($val === 'admin') ? 'checked' : '' ?>>
<div class="ro-box">
<span><?= $info[0] ?></span>
<?= $info[1] ?>
</div>
</label>
<?php endforeach; ?>
</div>
<div class="form-group" style="margin-top:24px;">
<label>Email / Identifiant *</label>
<input type="email" name="email" required placeholder="votre@email.com" value="<?= htmlspecialchars($_POST['email'] ?? '') ?>">
</div>
<div class="form-group">
<label>Mot de passe *</label>
<div style="position:relative;">
<input type="password" name="mdp" required placeholder="••••••••" id="mdp-input" style="padding-right:44px;">
<button type="button" onclick="toggleMdp()" style="position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.1rem;" id="eye-btn">👁️</button>
</div>
</div>
<div style="text-align:right;margin-bottom:20px;">
<a href="#" style="font-size:0.82rem;color:var(--gris);">Mot de passe oublié ?</a>
</div>
<button type="submit" class="btn btn-vert" style="width:100%;justify-content:center;font-size:1rem;padding:14px;">
🔐 Se connecter
</button>
</form>
<div class="conn-demo">
<strong>Comptes de démonstration :</strong><br>
<code>admin@educsystem.edu</code> · mdp : <code>admin123</code>
</div>
<p class="conn-footer-link">Pas encore inscrit ? <a href="inscription.php">S'inscrire ici →</a></p>
</div>
</div>
</div>
<script>
function toggleMdp() {
const input = document.getElementById('mdp-input');
const btn = document.getElementById('eye-btn');
if (input.type === 'password') {
input.type = 'text'; btn.textContent = '🙈';
} else {
input.type = 'password'; btn.textContent = '👁️';
}
}
// Surbrillance rôle sélectionné
document.querySelectorAll('.role-option input').forEach(radio => {
radio.addEventListener('change', () => {
document.querySelectorAll('.ro-box').forEach(b => b.classList.remove('selected'));
if (radio.checked) radio.closest('.role-option').querySelector('.ro-box').classList.add('selected');
});
if (radio.checked) radio.closest('.role-option').querySelector('.ro-box').classList.add('selected');
});
</script>
<?php require_once 'includes/footer.php'; ?>