<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="{{ asset('images/close-button.eps.ico') }}" type="image/gif" sizes="32x32">
<!-- Bootstrap CSS -->
<link href="{{asset('cssV5/stylesheet.css')}}" rel="stylesheet">
<link href="{{asset('cssV5/bootstrap.min.css')}}" rel="stylesheet">
<link href="{{asset('fontawesome/css/all.min.css')}}" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,900&display=swap" rel="stylesheet">
<!-- login custom css -->
<link rel="stylesheet" href="{{asset('cssV5/style.css')}}">
<!-- color theme -->
<link rel="stylesheet" href="{{asset('cssV5/theme-style.css')}}">
<!-- page details -->
<title>{{app_name}}</title>
{% form_theme requestForm 'bootstrap_5_layout.html.twig' %}
</head>
<body class="default-theme">
<!-- forgot password section -->
<section class="vh-100">
<div class="container-fluid password-wrapper">
<div class="row align-items-center justify-content-center h-100">
<div class="col-lg-6 col-md-6 col-sm-10 col-12">
<div class="pass-section gap-4">
<div class="graphics-section">
<img src="{{asset('imagesV5/forgot-password.png')}}"/>
</div>
<div class="pass-content p-5">
<div class="mb-3">
<h3>Forgot<br><span class="product-title">Password?</span></h3>
</div>
<p class="m-0 mb-5">{{ 'ENTER_YOUR_EMAIL_ADDRESS_AND_WE_WE_WILL_SEND_YOU_A_LINK_TO_RESET_YOUR_PASSWORD.'|trans }}</p>
{{ form_start(requestForm, {'attr': {'class': 'login-form'}}) }}
<!-- Email input -->
<div class="input-field mb-4">
{{ form_widget(requestForm.email, {'attr': {'class': 'form-control form-control-lg','placeholder': 'Email'}})}}
</div>
{{ form_errors(requestForm.email) }}
<!-- Submit button -->
<button type="submit" class="btn btn-primary btn-lg btn-block w-100 signin-btn mb-4">{{'Submit'|trans}}</button>
{% for flashError in app.flashes('reset_password_error') %}
<div class="alert alert-danger alert-dismissible fade show mail-send-danger" role="alert">
<i class="fa fa-warning me-2 opacity-75"></i>
{{ flashError }}
</div>
{% endfor %}
{% for flashSuccess in app.flashes('reset_password_success') %}
<div class="alert alert-success alert-dismissible fade show mail-send-success" role="alert">
{{ flashSuccess }}
</div>
{% endfor %}
<a class="bck-login" href="{{absolute_url(path('app_login'))}}">Back to login</a>
{{ form_end(requestForm) }}
</div>
</div>
</div>
</div>
</div>
</section>
<script src="{{asset('js/bootstrap.bundle.min.js')}}" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>