58 lines
2.8 KiB
Plaintext
58 lines
2.8 KiB
Plaintext
<% content_for :title, "Set New Password" %>
|
|
|
|
<div class="min-h-screen flex flex-col">
|
|
<header class="bg-white border-b border-slate-200">
|
|
<div class="max-w-7xl mx-auto px-4">
|
|
<div class="h-16 flex items-center">
|
|
<%= link_to root_path, class: "flex items-center gap-2" do %>
|
|
<span class="text-xl font-bold tracking-tight text-indigo-600">Sanasto</span>
|
|
<span class="text-xl font-light text-slate-400">Wiki</span>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<%= render "shared/notifications" %>
|
|
|
|
<div class="flex-1 flex items-center justify-center px-4 py-12 bg-slate-50">
|
|
<div class="w-full max-w-md">
|
|
<div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-8">
|
|
<div class="mb-8">
|
|
<h1 class="text-2xl font-bold text-slate-900 mb-2">Set new password</h1>
|
|
<p class="text-sm text-slate-600">Enter your new password below.</p>
|
|
</div>
|
|
|
|
|
|
<%= form_with url: password_reset_path(params[:token]), method: :patch, local: true, data: { turbo: false }, class: "space-y-5" do |form| %>
|
|
<div>
|
|
<%= form.label :password, "New Password", class: "block text-sm font-medium text-slate-700 mb-2" %>
|
|
<%= form.password_field :password,
|
|
autofocus: true,
|
|
autocomplete: "new-password",
|
|
required: true,
|
|
minlength: 8,
|
|
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" %>
|
|
<p class="mt-1 text-xs text-slate-500">Minimum 8 characters</p>
|
|
</div>
|
|
|
|
<div>
|
|
<%= form.label :password_confirmation, "Confirm New Password", class: "block text-sm font-medium text-slate-700 mb-2" %>
|
|
<%= form.password_field :password_confirmation,
|
|
autocomplete: "new-password",
|
|
required: true,
|
|
minlength: 8,
|
|
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" %>
|
|
</div>
|
|
|
|
<div class="pt-2">
|
|
<%= form.submit "Reset Password",
|
|
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" %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|