50 lines
2.3 KiB
Plaintext
50 lines
2.3 KiB
Plaintext
<div class="w-full max-w-md space-y-8">
|
|
<div class="text-center">
|
|
<div class="mx-auto h-16 w-16 flex items-center justify-center rounded-full bg-blue-100">
|
|
<i class="fas fa-sms text-3xl text-blue-600"></i>
|
|
</div>
|
|
<h2 class="mt-6 text-3xl font-bold tracking-tight text-gray-900">MySMSAPio Admin</h2>
|
|
<p class="mt-2 text-sm text-gray-600">Sign in to your admin account</p>
|
|
</div>
|
|
|
|
<div class="mt-8 bg-white py-8 px-4 shadow-xl rounded-xl sm:px-10">
|
|
<%= form_with url: admin_login_path, method: :post, local: true, class: "space-y-6" do |f| %>
|
|
<div>
|
|
<%= label_tag :email, "Email address", class: "block text-sm font-medium text-gray-700" %>
|
|
<div class="mt-1 relative">
|
|
<div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
|
|
<i class="fas fa-envelope text-gray-400"></i>
|
|
</div>
|
|
<%= email_field_tag :email, params[:email],
|
|
class: "block w-full pl-10 rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm py-3",
|
|
placeholder: "admin@example.com",
|
|
autofocus: true,
|
|
required: true %>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<%= label_tag :password, "Password", class: "block text-sm font-medium text-gray-700" %>
|
|
<div class="mt-1 relative">
|
|
<div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
|
|
<i class="fas fa-lock text-gray-400"></i>
|
|
</div>
|
|
<%= password_field_tag :password, nil,
|
|
class: "block w-full pl-10 rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm py-3",
|
|
placeholder: "Enter your password",
|
|
required: true %>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<%= submit_tag "Sign in",
|
|
class: "flex w-full justify-center rounded-lg bg-blue-600 px-4 py-3 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 transition-all duration-200" %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="text-center text-xs text-gray-500">
|
|
<i class="fas fa-shield-alt"></i> Secure Admin Access
|
|
</div>
|
|
</div>
|