{% extends 'base/auth/base_auth.html.twig' %}
{% block title %}
{% trans %}app_name{% endtrans %} | {% trans %}forgot{% endtrans %}
{% endblock %}
{% block body %}
<!-- Body Wrapper -->
<div class="page-wrapper" id="main-wrapper" style="background-color:#f4f4f5 !important;" data-layout="vertical" data-sidebartype="full" data-sidebar-position="fixed" data-header-position="fixed">
<div class="position-relative overflow-hidden min-vh-100 d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center w-100">
<div class="row justify-content-center w-100">
<div class="col-md-8 col-lg-6 col-xxl-3">
<div class="card mb-0">
<div class="card-body">
<a href="{{ path('app_index') }}" class="text-nowrap logo-img text-center d-block mb-3 w-100">
<img src="{{ asset('assets/backend/images/logo/logo_80.png') }}" alt="azome-logo">
</a>
<form class="forgot-form" action="{{ path('auth_forgot_password') }}" method="POST">
<input type="hidden" name="token" value="{{ csrf_token('form_forgot_password') }}" />
<div class="mb-4 text-center">
<h4 class="fw-bolder">{% trans %}forgot_password{% endtrans %}</h4>
</div>
<div class="form-floating mb-3">
<input class="form-control rounded-1 " type="email" id="email" name="email" placeholder="{% trans %}email{% endtrans %}"><label><i class="ti ti-lock me-2 fs-4 text-black"></i><span class="border-start ps-3">{% trans %}identity{% endtrans %}</span></label>
<span class="login_email text_error"></span>
</div>
<button type="submit" class="btn azome-bg-primary btn-md text-white fw-bolder btn-flat btn-custom btn-md w-100 mb-2 rounded-1">{% trans %}validate{% endtrans %}</button>
<div class="d-flex text-center flex-row justify-content-center">
<a href="{{ path('auth_signin') }}">{% trans %}signin{% endtrans %}</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
<script src="{{ asset('assets/shared/js/auth/control.js') }}"></script>
<script src="{{ asset('assets/shared/js/auth/validation/forgot.js') }}"></script>
{% endblock %}