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

{% block head_style %}
    {{ parent() }}
    {{ encore_entry_link_tags('form') }}
{% endblock head_style %}

{% block head_script %}
    {{ parent() }}
    {{ encore_entry_script_tags('form') }}
{% endblock head_script %}

{% block page_header_h1 %}
    {{ 'Reset password'|phrase }}
{% endblock page_header_h1 %}

{% block content %}

    <div class="row-fluid">

        <form class="well" action="{{ path('iga_user_reset_pw', {'token': token } ) }}" method="POST">

            {% if form.reset_code is defined %}

                <div class="form-group row">
                    <div class="col-lg-3 col-sm-12 formLabel">
                        {{ form_label(form.reset_code) }}
                    </div>
                    <div class="col-lg-9 col-sm-12 formPrompt">
                        {{ form_widget(form.reset_code) }}
                        <p class="clearfix">
                            <span class="formError">{{ form_errors(form.reset_code) }}</span>
                        </p>
                    </div>
                </div>

            {% endif %}

            <div class="form-group row">
                <div class="col-lg-3 col-sm-12 formLabel">
                    {{ form_label(form.password.password) }}
                </div>
                <div class="col-lg-9 col-sm-12 formPrompt">
                    {{ form_widget(form.password.password) }}
                </div>

                <div class="clearfix"></div>
                <div class="col-sm-12 col-lg-4 formLabel">
                    &nbsp;
                </div>
                <div class="col-lg-8 col-sm-12 formPrompt">
                    <span class="help-block text-info">
                        {{ 'At least one upper case, one lower case, one number and minimum 6 characters.'|phrase }}
                    </span>
                    <span class="formError">{{ form_errors(form.password.password) }}</span>
                </div>
            </div>

            <div class="form-group row">
                <div class="col-lg-3 col-sm-12 formLabel">
                    {{ form_label(form.password.confirm) }}
                </div>
                <div class="col-lg-9 col-sm-12 formPrompt">
                    {{ form_widget(form.password.confirm) }}
                    <p class="clearfix">
                        <span class="formError">{{ form_errors(form.password.confirm) }}</span>
                    </p>
                </div>
            </div>

            <div class="form-group row">
                <div class="col-lg-3 col-sm-12 formLabel">
                    {{ form_label(form.captcha) }}
                </div>
                <div class="col-lg-9 col-sm-12 formPrompt">
                    {{ form_widget(form.captcha) }}
                    <p class="clearfix">
                        <span class="formError">{{ form_errors(form.captcha) }}</span>
                    </p>
                </div>
            </div>

            <div class="row form-actions formActions">
                <button type="submit" class="btn btn-primary">{{ 'Reset'|phrase }}</button>
            </div>

            {{ form_rest(form) }}

        </form>

    </div>

{% endblock %}