78 lines
2.7 KiB
Twig
78 lines
2.7 KiB
Twig
<form class="" action="/register" method="post" enctype="multipart/form-data">
|
|
{# Error message #}
|
|
{% if message_register is defined %}<div class="text-danger font-weight-bold mt-3">{{ message_register }}</div>{% endif %}
|
|
{# UserName #}
|
|
<div class="form-floating mt-3">
|
|
<input class="form-control" name="username" type="text" placeholder="JohnDoe" required>
|
|
<label for="username">Nom d'utilisateur</label>
|
|
</div>
|
|
{# Email #}
|
|
<div class="form-floating mt-3">
|
|
<input class="form-control" name="email" type="email" placeholder = "mail@example.com" required>
|
|
<label for="username">Email</label>
|
|
</div>
|
|
{# Password #}
|
|
<div class="form-floating mt-3">
|
|
<input class="form-control rounded-4" name="password" type="password" placeholder="mdp" required>
|
|
<label for="password">Mot de passe</label>
|
|
</div>
|
|
{# Password again #}
|
|
<div class="form-floating mt-3">
|
|
<input class="form-control" name="repassword" type="password" placeholder="mdp" required>
|
|
<label for="repassword">Confirmez le mot de passe</label>
|
|
</div>
|
|
{# Image #}
|
|
<div class="form-group mt-3">
|
|
<label for="input-image" class="input-label-img d-flex">
|
|
<input name="image" type="file" accept="image/png, image/jpg, image/gif, image/jpeg"/>
|
|
<span>Image de profil </span>
|
|
</label>
|
|
{# <label class="" for="image">Image</label>
|
|
<input class="form-control" name="image" type="file"> #}
|
|
</div>
|
|
{# Submit button #}
|
|
<button class="w-100 mt-3 mb-3 btn btn-lg rounded-4 btn-primary" type="submit">S'inscrire</button>
|
|
{# Login #}
|
|
<a href="/forgotpassword" class="color-hover">Mot de passe oublié ?</a><br>
|
|
<a href="/login" class="color-hover">Se connecter</a>
|
|
{# Divider #}
|
|
<hr class="my-4">
|
|
{# Third-Party #}
|
|
<h2 class="fs-5 fw-bold mb-3 text-center">Ou</h2>
|
|
{# Google #}
|
|
<div id="g_id_onload"
|
|
data-client_id="723424966880-015kn0qncavlgbj4j3k1ggs3arn7tdkd.apps.googleusercontent.com"
|
|
data-login_uri="/auth"
|
|
data-auto_prompt="false">
|
|
</div>
|
|
<div class="g_id_signin d-flex justify-content-center mb-2"
|
|
data-type="standard"
|
|
data-size="large"
|
|
data-theme="filled_black"
|
|
data-text="sign_in_with"
|
|
data-shape="rectangular"
|
|
data-logo_alignment="left">
|
|
</div>
|
|
{# GitHub #}
|
|
<button class=" w-100 py-2 mb-2 btn btn-outline-secondary rounded-4" type="submit">
|
|
<span class="mdi mdi-github"></span>
|
|
Se connecter avec GitHub
|
|
</button>
|
|
</form>
|
|
|
|
{# CSS #}
|
|
<style media= "screen" >
|
|
.input-label-img {
|
|
border: 1px solid #ccc;
|
|
display: inline-block;
|
|
padding: 6px 12px;
|
|
cursor: pointer;
|
|
width: 100%;
|
|
border-radius: 0.25rem;
|
|
height: calc(3.5rem + 2px);
|
|
padding: 1rem 0.75rem;
|
|
}
|
|
.input-label-img > input {
|
|
display: none;
|
|
}
|
|
</style> |