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

{% do setTransKey('resetpassword.request', 'resetpassword.request') %}

{% block title %}{{ tkey('title')|trans({}, 'security') }}{% endblock %}

{% block body %}
    {{ form_start(requestForm) }}

        <div class="logo-1">
            {% include "icons/simeon-logo.svg.twig" %}
        </div>

        <div class="headline">
            <span>
                {{ 'appname'|trans }}
            </span>
        </div>

        <div class="input-container">
            <span class="input-headline">
                {{ tkey('subtitle')|trans({}, 'security') }}
            </span>

            <label for="{{ requestForm.email.vars.id }}" class="input-label">
                <span>
                    {{ 'resetpassword.form.email.label'|trans({}, 'security') }}
                </span>
                <div class="input-icon-group">
                    {{ form_widget(requestForm.email) }}
                    <div class="icon">
                        {% include "icons/input/email.svg.twig" %}
                    </div>
                </div>
            </label>
            
            <br>

            <div>
                {{ tkey('description')|trans({}, 'security') }}
            </div>
        </div>

        <div class="button-container">
            <button class="btn btn-primary" type="submit">
                {{ tkey('submit')|trans({}, 'security') }}
            </button>
            <a class="btn" href="{{ path('app_login') }}">
                {{ tkey('login')|trans({}, 'security') }}
            </a>
        </div>
    {{ form_end(requestForm) }}
{% endblock %}