<% content_for :title, "Sign In" %>
<%= link_to root_path, class: "flex items-center gap-2" do %> Sanasto Wiki <% end %>
<%= render "shared/notifications" %>

Sign in

Enter your credentials to continue

<%= form_with url: login_path, method: :post, local: true, data: { turbo: false }, class: "space-y-5" do |form| %>
<%= form.label :email, "Email", class: "block text-sm font-medium text-slate-700 mb-2" %> <%= form.email_field :email, autofocus: true, autocomplete: "email", required: true, placeholder: "you@example.com", class: "block w-full px-4 py-3 bg-white border border-slate-200 rounded-lg shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition" %>
<%= form.label :password, "Password", class: "block text-sm font-medium text-slate-700" %> <%= link_to "Forgot password?", new_password_reset_path, class: "text-xs text-indigo-600 hover:text-indigo-700 font-medium" %>
<%= form.password_field :password, autocomplete: "current-password", required: true, placeholder: "••••••••••••", class: "block w-full px-4 py-3 bg-white border border-slate-200 rounded-lg shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition" %>
<%= check_box_tag :remember_me, "1", false, class: "w-4 h-4 text-indigo-600 border-slate-300 rounded focus:ring-2 focus:ring-indigo-500" %> <%= label_tag :remember_me, "Remember me for 2 weeks", class: "ml-2 text-sm text-slate-600" %>
<%= form.submit "Sign In", class: "w-full bg-indigo-600 text-white px-4 py-3 rounded-lg text-sm font-semibold hover:bg-indigo-700 transition cursor-pointer" %>
<% end %>
<%= link_to root_path, class: "text-sm text-slate-600 hover:text-indigo-600 transition inline-flex items-center gap-1" do %> Back to Wiki <% end %>