Update connexion.php
This commit is contained in:
Bess1k
GitHub
parent
d362107768
commit
9e132b5072
1 changed files with 82 additions and 83 deletions
|
|
@ -1,100 +1,99 @@
|
||||||
|
<!-- Contenu principal de la page -->
|
||||||
|
<main class="container py-5">
|
||||||
|
|
||||||
|
<!-- Centrage horizontal du formulaire -->
|
||||||
<body>
|
<div class="row justify-content-center">
|
||||||
|
|
||||||
<!-- Contenu principal de la page -->
|
|
||||||
<main class="container py-5">
|
|
||||||
|
|
||||||
<!-- Centrage horizontal du formulaire -->
|
|
||||||
<div class="row justify-content-center">
|
|
||||||
<div class="col-12 col-md-8 col-lg-5">
|
<div class="col-12 col-md-8 col-lg-5">
|
||||||
|
|
||||||
<!-- Carte contenant le formulaire de connexion -->
|
<!-- Carte contenant le formulaire de connexion -->
|
||||||
<div class="card shadow-sm border-0 rounded-4 p-4 p-lg-5">
|
<div class="card shadow-sm border-0 rounded-4 p-4 p-lg-5">
|
||||||
|
|
||||||
<!-- Titre principal -->
|
<h1 class="h3 fw-bold mb-1">Connexion</h1>
|
||||||
<h1 class="h3 fw-bold mb-1">Connexion</h1>
|
|
||||||
|
|
||||||
<!-- Texte descriptif -->
|
<p class="text-secondary mb-4">
|
||||||
<p class="text-secondary mb-4">
|
Connectez-vous à votre compte.
|
||||||
Connectez-vous à votre compte.
|
</p>
|
||||||
</p>
|
|
||||||
|
|
||||||
<!-- Formulaire de connexion -->
|
<?php
|
||||||
<!-- Le traitement sera effectué en PHP via la méthode POST -->
|
// Affichage des erreurs (validation côté serveur)
|
||||||
<form method="POST">
|
if (!empty($arrError)) { ?>
|
||||||
|
<div class="alert alert-danger" role="alert">
|
||||||
<div class="row g-3">
|
<?php foreach ($arrError as $strError) { ?>
|
||||||
|
<p class="mb-0"><?php echo htmlspecialchars($strError); ?></p>
|
||||||
<!-- Champ : adresse e-mail de l'utilisateur -->
|
<?php } ?>
|
||||||
<div class="col-12">
|
|
||||||
<label for="user_mail" class="form-label">
|
|
||||||
Adresse e-mail
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
type="email"
|
|
||||||
class="form-control"
|
|
||||||
id="user_mail"
|
|
||||||
name="user_mail"
|
|
||||||
required
|
|
||||||
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Champ : mot de passe -->
|
|
||||||
<div class="col-12">
|
|
||||||
<label for="user_password" class="form-label">
|
|
||||||
Mot de passe
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
type="password"
|
|
||||||
class="form-control"
|
|
||||||
id="user_password"
|
|
||||||
name="user_password"
|
|
||||||
required
|
|
||||||
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Option "Se souvenir de moi" (fonctionnalité optionnelle côté PHP) -->
|
|
||||||
<div class="col-12">
|
|
||||||
<div class="form-check">
|
|
||||||
<input class="form-check-input" type="checkbox" id="remember_me" name="remember_me">
|
|
||||||
<label class="form-check-label" for="remember_me">
|
|
||||||
Se souvenir de moi
|
|
||||||
</label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<?php } ?>
|
||||||
|
|
||||||
<!-- Bouton de soumission du formulaire -->
|
<!-- Formulaire de connexion -->
|
||||||
<div class="col-12 d-grid mt-2">
|
<form method="POST" action="index.php?ctrl=user&action=login">
|
||||||
<button type="submit" class="btn btn-primary btn-lg rounded-3">
|
|
||||||
Se connecter
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Lien vers la page d'inscription -->
|
<div class="row g-3">
|
||||||
<div class="col-12 text-center">
|
|
||||||
<small class="text-secondary">
|
|
||||||
Pas encore de compte ?
|
|
||||||
<a href="inscription.php" class="link-primary">Créer un compte</a>
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Lien pour la récupération du mot de passe -->
|
<!-- Champ : adresse e-mail -->
|
||||||
<div class="col-12 text-center">
|
<div class="col-12">
|
||||||
<small>
|
<label for="mail" class="form-label">
|
||||||
<a href="#" class="link-primary">
|
Adresse e-mail
|
||||||
Mot de passe oublié ?
|
</label>
|
||||||
</a>
|
<input
|
||||||
</small>
|
type="email"
|
||||||
</div>
|
class="form-control <?php if (isset($arrError['mail'])) { echo 'is-invalid'; } ?>"
|
||||||
|
id="mail"
|
||||||
|
name="mail"
|
||||||
|
value="<?php echo htmlspecialchars($strMail ?? ''); ?>"
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
<!-- Champ : mot de passe -->
|
||||||
</form>
|
<div class="col-12">
|
||||||
|
<label for="pwd" class="form-label">
|
||||||
|
Mot de passe
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
class="form-control <?php if (isset($arrError['pwd'])) { echo 'is-invalid'; } ?>"
|
||||||
|
id="pwd"
|
||||||
|
name="pwd"
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Option "Se souvenir de moi" -->
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="form-check">
|
||||||
|
<input class="form-check-input" type="checkbox" id="remember_me" name="remember_me">
|
||||||
|
<label class="form-check-label" for="remember_me">
|
||||||
|
Se souvenir de moi
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bouton -->
|
||||||
|
<div class="col-12 d-grid mt-2">
|
||||||
|
<button type="submit" class="btn btn-primary btn-lg rounded-3">
|
||||||
|
Se connecter
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Liens -->
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<small class="text-secondary">
|
||||||
|
Pas encore de compte ?
|
||||||
|
<a href="index.php?ctrl=user&action=signin" class="link-primary">Créer un compte</a>
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<small>
|
||||||
|
<a href="#" class="link-primary">
|
||||||
|
Mot de passe oublié ?
|
||||||
|
</a>
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue