diff options
Diffstat (limited to 'app/views/sessions/new.html.erb')
| -rw-r--r-- | app/views/sessions/new.html.erb | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/app/views/sessions/new.html.erb b/app/views/sessions/new.html.erb new file mode 100644 index 0000000..638f9c7 --- /dev/null +++ b/app/views/sessions/new.html.erb @@ -0,0 +1,31 @@ +<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 %> + + <h1 class="font-bold text-4xl">Sign in</h1> + + <%= 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 rounded-md border border-gray-400 outline-none 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 rounded-md border border-gray-400 outline-none 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: "rounded-lg py-3 px-5 bg-blue-600 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" %> + </div> + </div> + <% end %> +</div> |