Connexion à votre compte

<%= form_for(resource, as: resource_name, url: session_path(resource_name), html: { class: "space-y-6" }) do |f| %>

<%= f.label :email, "Adresse email", class: "block text-sm font-semibold text-gray-700 mb-2" %>

<%= f.email_field :email, autofocus: true, autocomplete: "email", placeholder: "votre@email.com", class: "block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-xl shadow-sm placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition-colors" %>

<%= f.label :password, "Mot de passe", class: "block text-sm font-semibold text-gray-700 mb-2" %>

<%= f.password_field :password, autocomplete: "current-password", placeholder: "Votre mot de passe", class: "block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-xl shadow-sm placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition-colors" %>

<% if devise_mapping.rememberable? %>

<%= f.check_box :remember_me, class: "h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded bg-white" %> <%= f.label :remember_me, "Se souvenir de moi", class: "ml-2 block text-sm text-gray-700" %>

<% end %>

<%= f.button type: "submit", class: "group relative w-full flex justify-center items-center py-3 px-4 border border-transparent text-sm font-semibold rounded-xl text-white bg-gray-900 hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 transition-all duration-200 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5" do %> Se connecter <% end %>

<% end %>

<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %> <%= link_to "Mot de passe oublié ?", new_password_path(resource_name), class: "text-sm text-purple-600 hover:text-purple-500 transition-colors" %> <% end %>

Vous n'avez pas encore de compte? S'inscrire