{% extends 'security/base.html.twig' %}
{% block title %}{{ 'rp.title'|trans }}{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('authentication') }}
{% endblock %}
{% form_theme requestForm 'bootstrap_4_layout.html.twig' %}
{% block body %}
<div class="pace pace-inactive">
<div class="pace-progress" data-progress-text="100%" data-progress="99"
style="transform: translate3d(100%, 0px, 0px);">
<div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div>
</div>
<div class="page-loader">
<div class="bg-primary"></div>
</div>
<div class="authentication-wrapper authentication-2 ui-bg-cover ui-bg-overlay-container px-4">
<div class="ui-bg-overlay">
<img src="{{ asset('assets/images/bg-login.png') }}" alt="Brand Logo" class="img-fluid w-100 kl-bg-image">
</div>
<div class="authentication-inner py-5 kl-authentication-inner">
<div class="card kl-card">
<div class="p-4 p-sm-5 ms-5 me-5 kl-padding-login">
<!-- [ Logo ] Start -->
<div class="d-flex justify-content-center align-items-center pb-2 mb-4">
<div class="ui-w-60-1">
<div class="w-100 position-relative">
<img src="{{ asset('assets/images/logo-dark.png') }}" alt="Brand Logo" class="img-fluid">
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- [ Logo ] End -->
{% for flashError in app.flashes('reset_password_error') %}
<div class="alert alert-danger" role="alert">{{ flashError }}</div>
{% endfor %}
<h3 class="text-muted fw-bold kl-text-login">{{ 'rp.title'|trans }}</h3>
<h5 class="text-muted fw-normal mb-4 kl-text-login">{{ 'rp.info.text'|trans }}</h5>
{{ form_start(requestForm) }}
{{ form_row(requestForm.email) }}
<div class="d-flex justify-content-between align-items-center m-0">
<button class="btn btn-primary w-100">{{ 'rp.send'|trans }}</button>
</div>
{{ form_end(requestForm) }}
</div>
</div>
<div class="py-3 px-4 px-sm-5">
<div class="text-center text-muted">
<a href="{{ path('app_login') }}" class="d-block small text-white">
{{ 'lg.title'|trans }}
</a>
</div>
</div>
</div>
</div>
{% endblock %}