ProjetVM/templates/prof_creer_eleve.html
2025-12-08 14:18:02 +01:00

220 lines
9.6 KiB
HTML

<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/static/style.css" />
<title>Créer un élève - EduGrade</title>
</head>
<body>
<div class="dashboard-wrapper">
<nav class="navbar">
<div class="nav-brand">
<svg
width="35"
height="35"
viewBox="0 0 60 60"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
width="60"
height="60"
rx="15"
fill="white"
fill-opacity="0.2"
/>
<path
d="M30 15L40 25L30 35L20 25L30 15Z"
fill="white"
/>
<path
d="M30 25L40 35L30 45L20 35L30 25Z"
fill="white"
fill-opacity="0.7"
/>
</svg>
<span>EduGrade</span>
</div>
<div class="nav-links">
<a href="/prof/eleves" class="nav-link">
<svg
width="18"
height="18"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
/>
</svg>
Retour à la liste
</a>
<a href="/prof/dashboard" class="nav-link">Dashboard</a>
<a href="/logout" class="btn-logout">
<svg
width="18"
height="18"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z"
/>
</svg>
Déconnexion
</a>
</div>
</nav>
<div class="content-wrapper">
<div class="page-header">
<h1>
<svg
width="30"
height="30"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
/>
</svg>
Créer un élève
</h1>
<p class="page-subtitle">
Ajoutez un nouvel élève au système
</p>
</div>
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %} {% for category, message in messages %}
<div class="message {{ category }}">{{ message }}</div>
{% endfor %} {% endif %} {% endwith %}
<div class="form-card">
<form
action="/prof/eleves/creer"
method="post"
class="create-form"
>
<div class="form-row">
<div class="form-group">
<label for="nom">
<svg
width="18"
height="18"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"
/>
</svg>
Nom
</label>
<input
type="text"
id="nom"
name="nom"
placeholder="Dupont"
required
/>
</div>
<div class="form-group">
<label for="prenom">
<svg
width="18"
height="18"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"
/>
</svg>
Prénom
</label>
<input
type="text"
id="prenom"
name="prenom"
placeholder="Jean"
required
/>
</div>
</div>
<div class="form-group">
<label for="login">
<svg
width="18"
height="18"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"
/>
</svg>
Identifiant
</label>
<input
type="text"
id="login"
name="login"
placeholder="jean.dupont"
required
/>
<small class="form-hint"
>L'identifiant de connexion de l'élève</small
>
</div>
<div class="form-group">
<label for="password">
<svg
width="18"
height="18"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"
/>
</svg>
Mot de passe
</label>
<input
type="password"
id="password"
name="password"
placeholder="••••••••"
required
/>
<small class="form-hint"
>Mot de passe initial de l'élève</small
>
</div>
<button type="submit" class="btn btn-primary btn-large">
<svg
width="20"
height="20"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
/>
</svg>
Créer l'élève
</button>
</form>
</div>
</div>
</div>
</body>
</html>