{% extends 'base.html.twig' %}
{% block title %}Admin Digidom{% endblock %}
{% block body %}
<div class="row vh-100">
<div class="col-md-3 d-flex justify-content-center align-items-center align-items-md-start pt-md-4"
style="background: #353535; box-shadow: 5px 0 30px 0px #353535; border-right: 1px solid #aaa;">
<img src="{{ asset('img/logo.png') }}" style="width: 50%;"/>
</div>
<div class="col-12 col-md-6 d-flex align-items-center px-5">
<form method="post" class="mx-auto col-12 col-md-8">
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
<h1 class="h3 mb-3 font-weight-normal">Connectez-vous</h1>
<label for="inputUsername" class="pt-3">E-mail ou téléphone</label>
<div class="input-group">
<input type="text" value="{{ last_username }}" name="username" id="inputUsername"
class="form-control"
placeholder="Username" required autofocus>
<div class="input-group-append">
<button class="btn btn-primary" id="send_code" type="button">
Mot de passe oublié
</button>
</div>
</div>
<label for="inputPassword" class="pt-3">Mot de passe</label>
<input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password"
required>
<input type="hidden" name="_csrf_token"
value="{{ csrf_token('authenticate') }}"
>
{#
Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
See https://symfony.com/doc/current/security/remember_me.html
<div class="checkbox mb-3">
<label>
<input type="checkbox" name="_remember_me"> Remember me
</label>
</div>
#}
<br>
<input type="checkbox" id="remember_me" name="_remember_me" checked/>
<label for="remember_me">Rester connecté</label>
<br>
<button class="btn btn-primary mt-3" type="submit">
Valider
</button>
</form>
</div>
<div class="col-md-3"></div>
</div>
<script>
$('#send_code').on('click', function () {
$.ajax({
method: "POST",
url: "/v1/request-new-pwd",
contentType: 'application/json',
data: JSON.stringify(
{
"username": $('#inputUsername').val()
}
),
dataType: "json"
})
.done(function (msg) {
if(msg == 'success') {
$("#send_code").prepend('<span class="fa fa-check"></span>').addClass('btn-success').prop('disabled', true);
} else {
$("#send_code").prepend('<span class="fa fa-times"></span>').addClass('btn-danger').prop('disabled', true);
}
});
});
</script>
{% endblock %}