{% extends "pages/abstract/base.html.twig" %}

{# Overrides blocks in head of base template #}
{% block page_title %}{{ translate("PASSWORD.FORGOTTEN") }}{% endblock %}

{% block page_description %}{{ translate("PASSWORD.FORGET.PAGE") }}{% endblock %}

{% block body_attributes %}
    class="hold-transition login-page"
{% endblock %}

{% block content %}
<div class="login-box">
    <div class="login-logo">
        <a href="{{ site.uri.public }}">{{ site.title }}</a>
    </div>
    <!-- /.login-logo -->

    <div class="login-box-body login-form">
        <p class="login-box-msg"><strong>{{ translate("PASSWORD.FORGOTTEN") }}</strong></p>
        <p class="login-box-msg">{{ translate("PASSWORD.FORGET.EMAIL") }}</p>

        <div class="form-alerts" id="alerts-page"></div>

        <form id="request-password-reset" role="form" action="{{ site.uri.public }}/account/forgot-password"
              method="post" class="r-form">
            {% include "forms/csrf.html.twig" %}
            <div class="form-group">
                <label class="sr-only" for="reset-form-email">{{ translate("EMAIL") }}</label>
                <input type="text" name="email" placeholder="{{ translate("EMAIL") }}" class="form-control"
                       id="reset-form-email">
            </div>
            <button type="submit"
                    class="btn btn-block btn-primary">{{ translate("PASSWORD.FORGET.EMAIL_SEND") }}</button>
        </form>
    </div>
    <!-- /.login-box-body -->
    {% endblock %}

    {% block scripts_page %}
        <!-- Include validation rules -->
        <script>
            {% include "pages/partials/page.js.twig" %}
        </script>

        <!-- Include page-specific JS bundle -->
        {{ assets.js('js/pages/forgot-password') | raw }}

    {% endblock %}