{# templates/usagerlogin/login.html.twig #}
{#
    {% form_theme form 'form/fields.html.twig' %}
#}
{% extends 'base.html.twig' %}
{% block entete %}
    {{ include('entete.html.twig') }}

{% endblock %}
{% block corps %}
    <div class="msgerreur">
        {{ form_errors(form) }}
    </div>
    <section class='inscription'>
        {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}
        <h2>Changer le mot de passe</h2>
        <div class="text-field-container">
            <div class="mdc-text-field">
                <input type="hidden" id= "form_username" name="form[{{ form.username.vars.name }}]" class="mdc-text-field__input"  value="{{ form.username.vars.value }}">
            </div>
            <p class="mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg mdc-text-field-helper-text--persistent">{{ form_errors(form.username) }}</p>
        </div>
        <div class="text-field-container">
            <div class="mdc-text-field">
                <input type="password"  id= "form_password_first" name="form[password][first]" class="mdc-text-field__input" required="required">
                <label class="mdc-floating-label" for="form_password_first">Mot de passe</label>
                <div class="mdc-line-ripple"></div>
            </div>
            <p class="mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg mdc-text-field-helper-text--persistent">{{ form_errors(form.password.first) }}</p>
        </div>
        <div class="text-field-container">
            <div class="mdc-text-field">
                <input type="password"  id= "form_password_second" name="form[password][second]" class="mdc-text-field__input" required="required">
                <label class="mdc-floating-label" for="form_password_second">Répéter le mot de passe</label>
                <div class="mdc-line-ripple"></div>
            </div>
            <p class="mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg mdc-text-field-helper-text--persistent">{{ form_errors(form.password.second) }}</p>
        </div>
        <div class="text-field-container">
            {{ form_widget(form._token) }}

            <button class="mdc-button mdc-button--raised mdc-ripple-upgraded" type="submit" id="form_save" name="form[save]">Changer le mot de passe</button>
            <!--{{form_widget(form.save) }}    -->
        </div>
        
    {{ form_end(form, {'render_rest': false} )  }}
 </section>
{%  endblock %}

{% block javascripts %}

<script src="{{ asset("build/js/app.js") }}"></script>

{% endblock %}