59 lines
2.6 KiB
Plaintext
59 lines
2.6 KiB
Plaintext
<div class="mx-auto md:w-2/3 w-full">
|
|
<% if alert = flash[:alert] %>
|
|
<p class="py-2 px-3 bg-red-50 mb-5 text-red-500 font-medium rounded-lg inline-block" id="alert"><%= alert %></p>
|
|
<% end %>
|
|
|
|
<% if notice = flash[:notice] %>
|
|
<p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block" id="notice"><%= notice %></p>
|
|
<% end %>
|
|
|
|
<% if @show_registration %>
|
|
<div class="bg-green-50 border border-green-200 rounded-lg p-6 mb-6">
|
|
<h2 class="text-lg font-semibold text-green-900 mb-2">🚀 First Time Setup</h2>
|
|
<p class="text-green-700 mb-4">
|
|
No administrator account exists yet. Create the first administrator account to get started with Baffle Hub.
|
|
</p>
|
|
<%= link_to "Create Administrator Account", new_registration_path,
|
|
class: "inline-block rounded-md px-4 py-2 bg-green-600 hover:bg-green-500 text-white font-medium" %>
|
|
</div>
|
|
|
|
<div class="mt-6 text-center">
|
|
<span class="text-gray-500">or</span>
|
|
</div>
|
|
<% end %>
|
|
|
|
<h1 class="font-bold text-4xl">Sign in</h1>
|
|
|
|
<% if @show_oidc_login && !@show_registration %>
|
|
<div class="my-6">
|
|
<%= button_to "Sign in with #{@oidc_provider_name}", "/auth/oidc", method: :post,
|
|
data: { turbo: false },
|
|
class: "w-full block text-center rounded-md px-3.5 py-2.5 bg-indigo-600 hover:bg-indigo-500 text-white font-medium cursor-pointer border-0" %>
|
|
|
|
<div class="mt-4 text-center">
|
|
<span class="text-gray-500">or</span>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<%= form_with url: session_url, class: "contents" do |form| %>
|
|
<div class="my-5">
|
|
<%= form.email_field :email_address, required: true, autofocus: true, autocomplete: "username", placeholder: "Enter your email address", value: params[:email_address], class: "block shadow-sm rounded-md border border-gray-400 focus:outline-blue-600 px-3 py-2 mt-2 w-full" %>
|
|
</div>
|
|
|
|
<div class="my-5">
|
|
<%= form.password_field :password, required: true, autocomplete: "current-password", placeholder: "Enter your password", maxlength: 72, class: "block shadow-sm rounded-md border border-gray-400 focus:outline-blue-600 px-3 py-2 mt-2 w-full" %>
|
|
</div>
|
|
|
|
<div class="col-span-6 sm:flex sm:items-center sm:gap-4">
|
|
<div class="inline">
|
|
<%= form.submit "Sign in", class: "w-full sm:w-auto text-center rounded-md px-3.5 py-2.5 bg-blue-600 hover:bg-blue-500 text-white inline-block font-medium cursor-pointer" %>
|
|
</div>
|
|
|
|
<div class="mt-4 text-sm text-gray-500 sm:mt-0">
|
|
<%= link_to "Forgot password?", new_password_path, class: "text-gray-700 underline hover:no-underline" %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|