{% extends 'base.html.twig' %}
{% block body %}
{{ include('inc/marker_wrapper.html.twig', {'step' : 1}) }}
{{ include('inc/pages_navigation.html.twig', {'step' : 1}) }}
{{ include('user/_form.html.twig') }}
<div class="modal fade" id="usrCheckModal" tabindex="-1" role="dialog" aria-labelledby="userAccountCheck" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="p-5">
<h4>Renvoyez-moi le lien de connexion</h4>
<form method="post" action="{{ path('send_connexion_link') }}">
<div class="form-row align-items-center">
<div class="col-md-6">
<label class="sr-only" for="inlineFormInputGroup">Email</label>
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">@</div>
</div>
<input type="email" class="form-control" name="email" id="checkEmail" placeholder="Votre adresse email" required>
</div>
</div>
<div class="col-md-6">
<button type="submit" class="btn btn-primary btn-camac mb-2"><img src="{{ asset('img/send_white_24dp.svg') }}" alt="" style="display: inline-block; vertical-align: center;"> Envoyer</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascript_additionnel %}
<script type="text/javascript">
$(document).ready(function () {
$('#user_email').blur(function () {
var url = "{{ path('check_user_email') }}";
var email = $(this).val().trim();
if(email != '') {
var input = $(this);
$.post(url, {'usr_email': email }, function (res) {
if(res['response'] == 'already_exists') {
var msg = '<div style="padding:20px;">' +
'<div class="alert alert-danger alert-dismissible show" role="alert">' +
'Un utilisateur existe déjà avec cette adresse email<br>Cliquez le lien en bas de page pour recevoir votre lien de connexion.' +
'<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>' +
'</div>' +
'</div>';
$('form[name="user"]').before(msg);
input.val('');
}
});
}
});
});
</script>
{% endblock %}