From b5bceb92e01a9cf9af7f9e7c2cf4c97e68fa1e3a Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Sun, 20 Oct 2024 19:05:41 +0100
Subject: [PATCH] Add login route with hardcoded password validation

---
 .../layouts/unauthenticated.html.heex         |  6 +++
 .../controllers/session_controller.ex         | 21 ++++++++
 .../controllers/session_html.ex               |  5 ++
 .../controllers/session_html/new.html.heex    | 48 +++++++++++++++++++
 lib/music_library_web/router.ex               |  3 ++
 5 files changed, 83 insertions(+)
 create mode 100644 lib/music_library_web/components/layouts/unauthenticated.html.heex
 create mode 100644 lib/music_library_web/controllers/session_controller.ex
 create mode 100644 lib/music_library_web/controllers/session_html.ex
 create mode 100644 lib/music_library_web/controllers/session_html/new.html.heex

diff --git a/lib/music_library_web/components/layouts/unauthenticated.html.heex b/lib/music_library_web/components/layouts/unauthenticated.html.heex
new file mode 100644
index 00000000..1149be16
--- /dev/null
+++ b/lib/music_library_web/components/layouts/unauthenticated.html.heex
@@ -0,0 +1,6 @@
+<main class="px-4 py-8 max-sm:pb-20 sm:px-6 lg:px-8">
+  <div class="mx-auto max-w-5xl">
+    <.flash_group flash={@flash} />
+    <%= @inner_content %>
+  </div>
+</main>
diff --git a/lib/music_library_web/controllers/session_controller.ex b/lib/music_library_web/controllers/session_controller.ex
new file mode 100644
index 00000000..a340d55c
--- /dev/null
+++ b/lib/music_library_web/controllers/session_controller.ex
@@ -0,0 +1,21 @@
+defmodule MusicLibraryWeb.SessionController do
+  use MusicLibraryWeb, :controller
+
+  @empty_form %{"password" => ""}
+
+  def new(conn, _params) do
+    conn |> render(:new, form: @empty_form, layout: {MusicLibraryWeb.Layouts, "unauthenticated"})
+  end
+
+  def create(conn, params) do
+    password = params["password"]
+
+    if password == "password" do
+      redirect(conn, to: "/")
+    else
+      conn
+      |> put_flash(:error, "Invalid password")
+      |> redirect(to: ~p"/login")
+    end
+  end
+end
diff --git a/lib/music_library_web/controllers/session_html.ex b/lib/music_library_web/controllers/session_html.ex
new file mode 100644
index 00000000..c1c6935f
--- /dev/null
+++ b/lib/music_library_web/controllers/session_html.ex
@@ -0,0 +1,5 @@
+defmodule MusicLibraryWeb.SessionHTML do
+  use MusicLibraryWeb, :html
+
+  embed_templates "session_html/*"
+end
diff --git a/lib/music_library_web/controllers/session_html/new.html.heex b/lib/music_library_web/controllers/session_html/new.html.heex
new file mode 100644
index 00000000..550359ed
--- /dev/null
+++ b/lib/music_library_web/controllers/session_html/new.html.heex
@@ -0,0 +1,48 @@
+<div class="flex min-h-full items-center justify-center px-4 py-12 sm:px-6 lg:px-8">
+  <div class="w-full max-w-sm space-y-10">
+    <div>
+      <h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900">
+        Welcome to your Music Library
+      </h2>
+    </div>
+    <.form class="space-y-6" for={@form} action={~p"/sessions/create"}>
+      <div class="relative -space-y-px rounded-md shadow-sm">
+        <div>
+          <label for="password" class="sr-only">Password</label>
+          <input
+            id="password"
+            name="password"
+            type="password"
+            autocomplete="current-password"
+            required
+            class="relative block w-full rounded-b-md border-0 py-1.5 text-gray-900 ring-1 ring-inset ring-gray-100 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+            placeholder="Password"
+          />
+        </div>
+      </div>
+
+      <div class="flex items-center justify-between">
+        <div class="flex items-center">
+          <input
+            id="remember-me"
+            name="remember-me"
+            type="checkbox"
+            class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600"
+          />
+          <label for="remember-me" class="ml-3 block text-sm leading-6 text-gray-900">
+            Remember me
+          </label>
+        </div>
+      </div>
+
+      <div>
+        <button
+          type="submit"
+          class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+        >
+          Sign in
+        </button>
+      </div>
+    </.form>
+  </div>
+</div>
diff --git a/lib/music_library_web/router.ex b/lib/music_library_web/router.ex
index 2f7a6392..e5817f48 100644
--- a/lib/music_library_web/router.ex
+++ b/lib/music_library_web/router.ex
@@ -21,6 +21,9 @@ defmodule MusicLibraryWeb.Router do
     get "/covers/:record_id", CoverController, :show
     get "/", StatsController, :index
 
+    get "/login", SessionController, :new
+    post "/sessions/create", SessionController, :create
+
     live "/records", RecordLive.Index, :index
     live "/records/import", RecordLive.Index, :import
     live "/records/:id/edit", RecordLive.Index, :edit