This commit introduces the ability to select and manage the active Oscar year. This change affects page titles, API requests, and data filtering across the application, ensuring that all views and statistics are relevant to the chosen year. Co-authored-by: mathieumoran1 <[email protected]>
73 lines
2.7 KiB
HTML
73 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Pool Oscars - Enregistrement</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="./css/app.css" rel="stylesheet">
|
||
</head>
|
||
<style>
|
||
#dog {
|
||
width: 30%;
|
||
margin: 5px;
|
||
padding: 5px;
|
||
border-radius: 10%;
|
||
}
|
||
</style>
|
||
<body class="bg-light">
|
||
|
||
<div class="container d-flex justify-content-center align-items-center vh-100">
|
||
<div class="card p-4" style="max-width: 400px;">
|
||
<div class="text-center mb-4">
|
||
<img src="img/logo.png" style="width: 80%";>
|
||
</div>
|
||
<form id="register-form">
|
||
<div class="mb-3">
|
||
<label for="name" class="form-label">Nom</label>
|
||
<input type="text" class="form-control" id="name" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="email" class="form-label">Courriel</label>
|
||
<input type="email" class="form-control" id="email" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="password" class="form-label">Mot de passe</label>
|
||
<input type="password" class="form-control" id="password" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="verifoof" class="form-label">Le nom du chien à Cath & Nath?</label>
|
||
<img id="dog" src="img/doglmao.png">
|
||
<input type="text" class="form-control" id="verifoof" required>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary w-100">Enregistrer</button>
|
||
</form>
|
||
<p class="mt-3 text-center">Déjà un compte? <a href="/">Connectez-vous</a></p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Modal for displaying registration response -->
|
||
<div class="modal fade" id="responseModal" tabindex="-1" aria-labelledby="responseModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" id="responseModalLabel">Statut de l’enregistrement</h5>
|
||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||
</div>
|
||
<div class="modal-body" id="response-message">
|
||
<!-- Response message will be inserted here -->
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
|
||
<button type="button" class="btn btn-primary" id="redirect-login">Retourner à la page d'accueil</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script src="./js/app_register.js"></script>
|
||
|
||
</body>
|
||
</html>
|