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

{% 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>
      {{ form_start(registrationForm) }}
        <div class="mb-6">
          {{ form_row(registrationForm.email) }}
        </div>
        <div>
          {{ form_row(registrationForm.plainPassword) }}
        </div>
        {{ form_errors(registrationForm) }}
        <a href="{{ path('app_login') }}" class="cursor-pointer text-[#a7d2ff] text-right block my-3">
          {{ 'Register.login'|trans }}
        </a>
        <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">
          {{ 'Register.btnRegister'|trans }}
        </button>
      {{ form_end(registrationForm) }}
    </div>
  </div>
{% endblock %}