{% extends 'security.html.twig' %}

{% block extendsstylesheet %}
    <link  rel="stylesheet" href="{{ assets('vendor/vfrobottest/vfrobottest.css') }}"/>
{% endblock %}

{% block content %}

    <div class="register-container">
        <div class="row">
            <div class="col-md-12">         
                <div class="hpanel primary">
                    <div class="panel-heading hbuilt">
                        <h3 class="text-primary"><i class="fa fa-lock"></i> Réinitialisation de votre mot de passe</h3>

                        <div class="header">
                            {% if 0 != arrResult.error %}                        
                                <div class="alert alert-danger">
                                    {{ arrResult.errorMessage }}
                                    {% if 10 == arrResult.error %} 
                                        {% set User = arrResult.result.User %}
                                        <br/><br/><a href="/security/sendactivation/{{ User.key }}"><button class="btn btn-primary btn-sm">Recevoir un nouveau lien d'acivation par email</button></a>
                                    {% endif %}    
                                </div>                        
                            {% endif %}
                        </div>

                    </div>                
                    <div class="panel-body">
                        {% if null != arrResult.result.User %}
                            {% set User = arrResult.result.User %}
                            <span class="font-bold">{{ User.civilite }} {{ User.prenom }} {{ User.nom }},</span>
                            <br/>
                            Afin de valider la modification de votre mot de passe, cochez la case ci-dessous<br/><br/>
                            <div id="vfrobottest_error" class="alert alert-danger" style="display:none;"></div>
                            <form action="{{ url_for('password_lost_activation_submit') }}" name="controle_activation_password" id="controle_activation_password" method="post">
                                <input type="hidden" name="activationKey" id="activationKey" value="{{ User.key }}"/>
                                <div class="row">
                                    <div class="form-group col-md-12">                                    
                                        <div class="vfrobottest">                                        
                                            <div class="check"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-center">
                                    <button class="btn btn-success" type="submit">Valider</button>
                                </div>
                            </form>
                        {% endif %}         
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block extendsjavascript %}
    <script src="{{ assets('vendor/vfrobottest/vfrobottest.js') }}"></script>
    <script>
        $('#controle_activation_password').vfrobottest();
    </script>
{% endblock %}