51 lines
1.8 KiB
Twig
51 lines
1.8 KiB
Twig
{% extends "layout.twig" %}
|
||
|
||
{% block title %}Connexion – Slim Blog{% endblock %}
|
||
|
||
{% block content %}
|
||
<div class="form-container form-container--narrow">
|
||
<div class="form-container__panel">
|
||
<div class="form-container__header">
|
||
<h2 class="form-container__title">Connexion</h2>
|
||
</div>
|
||
|
||
{% if error %}
|
||
<div class="alert alert--danger">{{ error }}</div>
|
||
{% endif %}
|
||
|
||
{% if success %}
|
||
<div class="alert alert--success">{{ success }}</div>
|
||
{% endif %}
|
||
|
||
<form method="post" action="/auth/login" class="form-container__form">
|
||
<input type="hidden" name="{{ csrf.keys.name }}" value="{{ csrf.name }}">
|
||
<input type="hidden" name="{{ csrf.keys.value }}" value="{{ csrf.value }}">
|
||
|
||
<p class="form-container__field">
|
||
<label for="username" class="form-container__label">
|
||
<span>Nom d'utilisateur</span>
|
||
<input type="text" id="username" name="username" required autofocus class="form-container__input">
|
||
</label>
|
||
</p>
|
||
|
||
<p class="form-container__field">
|
||
<label for="password" class="form-container__label">
|
||
<span>Mot de passe</span>
|
||
<input type="password" id="password" name="password" required class="form-container__input">
|
||
</label>
|
||
</p>
|
||
|
||
<div class="form-container__actions">
|
||
<div class="form-container__action">
|
||
<button type="submit" class="btn btn--primary btn--lg btn--full">Se connecter</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
|
||
<div class="form-container__footer">
|
||
<a href="/password/forgot">Mot de passe oublié ?</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|