{% extends 'Global/layout.html.twig' %}

{% set pagetitle = 'Reset your password'|trans %}

{% block title %}{{pagetitle}}{% endblock %}

{% block content %}

    <section class="section-content padding-y bg-white">
        <div class="{{ envFileAccessor.getSetting("app_layout") }}">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card box">
                        <div class="card-body">
                            <div class="col-12 col-md-6 mx-auto">
                                <h1 class="text-center">{{ pagetitle }}</h1>
                                {{ form_start(requestForm, {'attr': {'novalidate': 'novalidate'}}) }}
                                <div class="form-group input-group mt-4 mb-4">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text border-0"> <i class="fas fa-envelope"></i> </span>
                                    </div>
                                    {{ form_widget(requestForm.email) }}
                                    {{ form_errors(requestForm.email) }}
                                </div>
                                {{ form_help(requestForm.email) }}

                                {% if envFileAccessor.getSetting('GOOGLE_RECAPTCHA_ENABLED') == 1 %}
                                    <div class="form-group">
                                        <div class="google-recaptcha-container" data-verification-url="{{path('google_recaptcha_verification')}}">
                                            <div class="g-recaptcha" data-sitekey="{{ envFileAccessor.getSetting('GOOGLE_RECAPTCHA_SITE_KEY') }}"></div>
                                            <p class="captcha-error help-block mb-0">{{ "Please validate that you are not a robot"|trans({}, 'messages') }}</p>
                                        </div>
                                    </div>
                                {% endif %}

                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary btn-block">{{ 'Reset my password'|trans }}</button>
                                </div>
                                {{ form_end(requestForm) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

{% endblock %}

{% block javascripts %}

    {% if envFileAccessor.getSetting('GOOGLE_RECAPTCHA_ENABLED') == '1' %}
        <script src='https://www.google.com/recaptcha/api.js?hl={{ app.request.locale }}'></script>
    {% endif %}

{% endblock %}