<%= t('devise.sessions.new.title') %>

<%= t('devise.sessions.new.or') %> <%= t('devise.sessions.new.sign_up_link') %>

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

<%= f.label :email, class: "sr-only" %> <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "appearance-none rounded-none relative block w-full px-3 py-2 border border-neutral-300 placeholder-neutral-500 text-neutral-900 bg-white rounded-t-md focus:outline-none focus:ring-purple-500 focus:border-purple-500 focus:z-10 sm:text-sm", placeholder: t('devise.sessions.new.email_placeholder') %>

<%= f.label :password, class: "sr-only" %> <%= f.password_field :password, autocomplete: "current-password", class: "appearance-none rounded-none relative block w-full px-3 py-2 border border-neutral-300 placeholder-neutral-500 text-neutral-900 bg-white rounded-b-md focus:outline-none focus:ring-purple-500 focus:border-purple-500 focus:z-10 sm:text-sm", placeholder: t('devise.sessions.new.password_placeholder') %>

<% if devise_mapping.rememberable? %>

<%= f.check_box :remember_me, class: "h-4 w-4 text-purple-600 focus:ring-purple-500 border-neutral-300 rounded bg-white" %> <%= t('devise.sessions.new.remember_me') %>

<% end %>

<%= f.submit t('devise.sessions.new.sign_in'), class: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-50 focus:ring-purple-500" %>

<% end %>

<%= t('devise.sessions.new.continue_with') %>

<%= render "devise/shared/links" %>