91 lines
No EOL
2.6 KiB
PHP
91 lines
No EOL
2.6 KiB
PHP
<?php
|
|
session_start();
|
|
if (isset($_SESSION["user"])) {
|
|
header("Location: index.php");
|
|
}
|
|
?>
|
|
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Mon Site - Connexion</title>
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
|
|
|
|
|
|
<style>
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
align-items: center;
|
|
padding-top: 40px;
|
|
padding-bottom: 40px;
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.form-signin {
|
|
max-width: 330px;
|
|
padding: 15px;
|
|
}
|
|
|
|
.form-signin .form-floating:focus-within {
|
|
z-index: 2;
|
|
}
|
|
|
|
.form-signin input[type="email"] {
|
|
margin-bottom: -1px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.form-signin input[type="password"] {
|
|
margin-bottom: 10px;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
</style>
|
|
|
|
|
|
<!-- Custom styles for this template -->
|
|
<link href="sign-in.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body class="text-center">
|
|
|
|
<main class="form-signin w-100 m-auto">
|
|
<form method="POST" action="connexion_traitement.php">
|
|
<img class="mb-4" src="/docs/5.3/assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
|
|
<h1 class="h3 mb-3 fw-normal">Connectez-Vous</h1>
|
|
|
|
<?php
|
|
if (isset($_GET["error"])) {
|
|
echo "<div class='alert alert-danger' role='alert'>
|
|
Identifiant ou mot de passe incorrect
|
|
</div>";
|
|
}
|
|
?>
|
|
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control" id="floatingInput" placeholder="john" name="identifiant">
|
|
<label for="floatingInput">Identifiant</label>
|
|
</div>
|
|
<div class="form-floating">
|
|
<input type="password" class="form-control" id="floatingPassword" placeholder="Mot de passe" name="password">
|
|
<label for="floatingPassword">Mot de passe</label>
|
|
</div>
|
|
<input type="text" value="valider" name="valide" hidden>
|
|
<button class="w-100 btn btn-lg btn-primary" type="submit">Connexion</button>
|
|
<p class="mt-5 mb-3 text-muted">© 2023</p>
|
|
</form>
|
|
</main>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|