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

{% 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>

                        {% if null == arrResult.result.email %}
                            <div class="alert alert-danger">
                                <h3>Règles de sécurité</h3>
                                Votre nouveau mot de passe doit contenir au moins 8 caractères avec au moins 1 majuscule et au moins 1 chiffre.
                            </div>
                        {% endif %}

                        <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.email %}
                            <form action="{{ url_for('password_lost_submit') }}" name="passwordlostForm" id="passwordlostForm" method="post">
                                <div class="row">
                                    <input type="hidden" value="{{ valid }}" id="passwordlost_valid" data-control="false" name="valid" required="required">
                                    <div class="form-group">
                                        <label control-label">Login <sup>*</sup></label>
                                        <div >
                                            <input type="text" value="" id="passwordlost_login" class="form-control" name="login" required="required"/>
                                            <span class="help-block m-b-none">Saisissez votre login.</span>
                                        </div>
                                    </div>
                                    <!--
                                    <div class="form-group">
                                        <label control-label">Email <sup>*</sup></label>
                                        <div >
                                            <input type="email" value="" id="passwordlost_email" class="form-control" name="email" required="required"/>
                                            <span class="help-block m-b-none">Saisissez l'adresse e-mail associée à votre compte.</span>
                                        </div>

                                    </div>
                                    -->
                                    <div class="form-group">
                                        <label control-label">Nouveau mot de passe <sup>*</sup></label>
                                        <div class="input-group">
                                            <input type="password" value="" id="passwordlost_password" class="form-control compareField" name="password" pattern="^\S*(?=\S{8,})(?=\S*[a-z])(?=\S*[A-Z])(?=\S*[\d])\S*$" required="required"/>                                        
                                            <span class="input-group-addon">
                                                <span class="fa fa-eye umask"></span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label control-label">Confirmez le nouveau mot de passe <sup>*</sup></label>
                                        <div class="input-group">
                                            <input type="password" value="" id="passwordlost_password_confirm" class="form-control compareField" name="password_confirm" pattern="^\S*(?=\S{8,})(?=\S*[a-z])(?=\S*[A-Z])(?=\S*[\d])\S*$" required="required"/>
                                            <span class="input-group-addon">
                                                <span class="fa fa-eye umask"></span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <p></p>
                                <div class="text-center">
                                    <button class="btn btn-success" id="bt_password_lost">Enregistrer</button>                                
                                </div>
                            </form>

                        {% else %}

                            <p>
                                Vos informations sont prises en compte.<br/>
                                Toutefois, afin finaliser la réinitialisation de votre mot de passe, <strong>veuillez cliquer sur le lien que nous venons de vous envoyer par email</strong>.
                            </p>
                        {% endif %}
                    </div>
                </div>


            </div>

        </div>

    </div>

{% endblock %}

{% block extendsjavascript %}

    <script>

        if (true == DEVMODE) {
            $("#passwordlost_email").val("contact@pjauquet.fr");
            $("#passwordlost_password").val("Proserpine-13");
            $("#passwordlost_password_confirm").val("Proserpine-13");
        } else {

            $("#passwordlost_email").val("");
            $("#passwordlost_password").val("");
            $("#passwordlost_password_confirm").val("");
        }

        _CheckForm.init();

        _CheckForm.setCoupleFields('passwordlost_password', 'passwordlost_password_confirm');

        $("#passwordlostForm").submit(function (evt) {
            evt.stopPropagation();
            if (!_CheckForm.validEntireForm("#passwordlostForm")) {
                evt.preventDefault();
                return false;
            }
        });


    </script>

{% endblock %}