{% extends "@FOSUser/layout.html.twig" %}
{% trans_default_domain 'FOSUserBundle' %}

{% block title %}
    Réinitialisation M.D.P
{% endblock %}

{% block stylesheets %}

    {{ parent() }}

{% endblock %}

{% block fos_user_width %}login-bloc{% endblock fos_user_width %}

{% block fos_user_title %}
    Réinitialisation du mot de passe
{% endblock fos_user_title %}

{% block fos_user_content %}
    <form action="{{ path('fos_user_resetting_send_email') }}" method="POST" class="fos_user_resetting_request_form">
        <div class="mb-3">
            <label class="sr-only">{{ 'security.login.username'|trans }}</label>
            <input type="text" id="username" name="username"
                   class="form-control check-input check-input-required"
                   placeholder="{{ 'security.login.username'|trans }}" autocomplete="username">
            <div class="alert-validation-field alert_username"></div>
        </div>

        <div class="mb-3 text-center">
            <button type="button" class="btn btn-primary validate-btn submit-form-resetting-pwd">{{ 'resetting.request.submit'|trans }}</button>
        </div>

        <div class="small">
            Allez vers la page login?
            <a href="{{ path('fos_user_security_login') }}"> Authentification</a>
        </div>
    </form>
{% endblock fos_user_content %}

{% block javascripts %}

    {{ parent() }}

    <script>
        $(".fos_user_resetting_request_form .submit-form-resetting-pwd").on('click', function () {
            if (verifyRequiredFieldsAlert()) {
                checkEnabledUser();
            }
        });

        function checkEnabledUser(){
            $.ajax({
                url: "{{ path('check_exist_enabled_user_ajax') }}",
                type: 'POST',
                data: {
                    identifiant : $("#username").val(),
                },
                success: function (response) {
                    if (response.status === 200){
                        $('.fos_user_resetting_request_form').submit();
                    } else if (response.status === 500) {
                        alertWarning.show().text(response.message);
                    } else {
                        alertDanger.show().text('Merci de contacter l\'admin!');
                    }
                }
            });
        }
    </script>

{% endblock %}