87 lines
2.6 KiB
PHP
87 lines
2.6 KiB
PHP
<html lang="en">
|
|
|
|
<head>
|
|
<?php require_once "../../base/meta.php" ?>
|
|
|
|
<title>Guest Book DB - Register</title>
|
|
|
|
<script src="./js/formValidation.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<?php
|
|
// HTML
|
|
require_once "../../base/icons.php";
|
|
// PHP
|
|
require_once "../../base/headers.php";
|
|
Headers::html();
|
|
|
|
session_name("PHP_SESSION_guestBook");
|
|
session_start();
|
|
$errors = $_SESSION["error"] ?? [];
|
|
$_SESSION["error"] = [];
|
|
|
|
if (isset($_SESSION["user"])) {
|
|
Headers::redirect(".");
|
|
return;
|
|
}
|
|
?>
|
|
|
|
<div class="container-fluid p-0">
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href=".">
|
|
<svg class="bi flex-shrink-0 me-2" width="24" height="24">
|
|
<use xlink:href="#arrow-left" />
|
|
</svg>
|
|
Home
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="row m-0 mb-3">
|
|
<div class="col">
|
|
<?php foreach ($errors as $error) {
|
|
include "./components/error.php";
|
|
} ?>
|
|
</div>
|
|
</div>
|
|
|
|
<form action="./actions/register" method="post" class="needs-validation row g-3 m-0 position-relative" novalidate oninput='passwordConfirm.setCustomValidity(passwordConfirm.value != password.value ? "Passwords do not match." : "")'>
|
|
<fieldset class="mt-0">
|
|
<div class="col m-0 g-3">
|
|
<div class="mb-3">
|
|
<input class="form-control" type="text" name="username" required placeholder="Username" />
|
|
<div class="invalid-feedback">
|
|
Please enter a username.
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<input class="form-control" type="email" name="email" required placeholder="E-mail" />
|
|
<div class="invalid-feedback">
|
|
Please enter an email.
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<input class="form-control" type="password" name="password" required placeholder="Password" />
|
|
<div class="invalid-feedback">
|
|
Please enter a password.
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<input class="form-control" type="password" name="passwordConfirm" required placeholder="Password again" />
|
|
<div class="invalid-feedback">
|
|
Please enter the same password.
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary mb-3">Register</button>
|
|
</div>
|
|
</fieldset>
|
|
<p class="m-0">
|
|
Already have an account yet? <a href="./login">Login</a> here!
|
|
</p>
|
|
</form>
|
|
|
|
</body>
|
|
|
|
</html>
|