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