{% extends 'base.html.twig' %}
{% trans_default_domain 'home' %}

{% block title %}{{ 'ForgotPassword.titleForgotPage'|trans }}{% endblock %}

{% block body %}
  <div class="bg-gradient-to-r from-gray-800 to-gray-900 text-center h-screen">
    <div class="p-2 flex justify-end w-full">
      <twig:SelectLanguage />
    </div>
    <div class="p-[30px] w-[440px] h-[495px] inline-block fixed rounded-10" style="top: 50%; transform: translate(-50%,-50%);">
      <div class="flex justify-evenly">
        <img class="w-[200px] mb-6" src="{{ asset('assets/img/umay_banniere_couleur.png') }}" alt="logo_umay">
      </div>
      <h1 class="text-xl text-white my-4">{{ 'ForgotPassword.titleForgotPage'|trans }}</h1>
      {{ form_start(resetForm) }}
      <div class="mb-6">
        {{ form_row(resetForm.plainPassword) }}
      </div>
      <button type="submit" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
        {{ 'ForgotPassword.object'|trans }}
      </button>
      {{ form_end(resetForm) }}
    </div>
  </div>
{% endblock %}