{% extends 'base_simple.html.twig' %}
{% block title %}Educatii - Reset password{% endblock %}
{% block css %}
<style>
.main-body{
margin-top: 70px;
}
</style>
{% endblock %}
{% block body %}
<div class="row " style="margin-top: 70px;width: 100%">
{% for flashError in app.flashes('reset_password_error') %}
<div class="alert alert-dismissible bg-light-info d-flex flex-column flex-sm-row p-5 mb-10">
<span class="svg-icon svg-icon-2hx svg-icon-light me-4 mb-5 mb-sm-0">...</span>
<div class="d-flex flex-column pe-0 pe-sm-10">
<h4 class="mb-2 light">{{ 'message'|trans }}</h4>
<span>{{ flashError }}</span>
</div>
<button type="button" class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto" data-bs-dismiss="alert">
<span class="svg-icon svg-icon-1 svg-icon-info">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="black"></rect>
<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="black"></rect>
</svg>
</span>
</button>
</div>
{% endfor %}
</div>
<div class="d-flex flex-column flex-root mb-20">
<div class="d-flex flex-column flex-lg-row flex-column-fluid">
<div class="d-flex flex-column flex-lg-row-auto bg-primary w-xl-600px positon-xl-relative ">
<div class="d-flex flex-column position-xl-fixed top-0 bottom-0 w-xl-600px scroll-y div-main-background-login">
<div class="d-flex flex-row-fluid flex-column text-center p-10 pt-lg-20">
<a href="#" class="py-9 pt-lg-20">
<img alt="Logo" src="{{ asset('assets/logo.png') }}" class="h-40px" />
</a>
<h1 class="fw-bolder text-white fs-2qx pb-5 pb-md-10">{{ 'welcome_msg'|trans }}</h1>
</div>
<div class="d-flex flex-row-auto bgi-no-repeat bgi-position-x-center bgi-size-contain bgi-position-y-bottom min-h-100px min-h-lg-350px" ></div>
</div>
</div>
<div class="d-flex flex-column flex-lg-row-fluid py-10">
<div class="d-flex flex-center flex-column flex-column-fluid">
<div class="w-lg-500px p-10 p-lg-15 mx-auto w-100" >
<form class="form w-100" action="{{ path('app_forgot_password_request') }}" method="post">
<div class="text-center mb-10">
<h1 class="text-dark mb-3">{{ 'forget_password'|trans }}</h1>
<div class="text-gray-400 fw-bold fs-4">{{ "Enter your email to reset your password"|trans }}</div>
</div>
<div class="fv-row mb-10">
<label class="form-label fw-bolder text-gray-900 fs-6">Email</label>
<input class="form-control form-control-solid" type="email" placeholder="" name="email" autocomplete="off" required />
<input type="hidden" name="csrf" value="{{ csrf_token('csrf') }}">
</div>
<div class="d-flex flex-wrap justify-content-center pb-lg-0">
<button type="submit" id="kt_password_reset_submit" class="btn btn-lg btn-primary fw-bolder me-4">
<span class="indicator-label">{{ 'submit'|trans }}</span>
</button>
<a href="{{ path('login') }}" class="btn btn-lg btn-light-primary fw-bolder">{{ 'cancel'|trans }}</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
{% endblock %}