From 673d0656fa3644b8926e07fb1cfccaee8bf3b3c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Moritz=20B=C3=B6hme?= <mail@moritzboeh.me>
Date: Thu, 15 Aug 2024 19:47:05 +0200
Subject: [PATCH] feat: add simple (mean) guessing game

---
 pento/lib/pento_web/live/wrong_live.ex | 42 ++++++++++++++++++++++++++
 pento/lib/pento_web/router.ex          |  1 +
 2 files changed, 43 insertions(+)
 create mode 100644 pento/lib/pento_web/live/wrong_live.ex

diff --git a/pento/lib/pento_web/live/wrong_live.ex b/pento/lib/pento_web/live/wrong_live.ex
new file mode 100644
index 0000000..b86319b
--- /dev/null
+++ b/pento/lib/pento_web/live/wrong_live.ex
@@ -0,0 +1,42 @@
+defmodule PentoWeb.WrongLive do
+  use PentoWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    {:ok, assign(socket, score: 0, message: "Make a guess:", time: time())}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <h1 class="mb-4 text-4xl font-extrabold">Your score: <%= @score %></h1>
+    <h2>
+      <%= @message %>
+      It's <%= @time %>
+    </h2>
+    <br />
+    <h2>
+      <%= for n <- 1..10 do %>
+        <.link
+          class="bg-blue-500 hover:bg-blue-700
+        text-white font-bold py-2 px-4 border border-blue-700 rounded m-1"
+          phx-click="guess"
+          phx-value-number={n}
+        >
+          <%= n %>
+        </.link>
+      <% end %>
+    </h2>
+    """
+  end
+
+  defp time() do
+    DateTime.utc_now |> to_string
+  end
+
+  def handle_event("guess", %{"number" => guess}, socket) do
+    message = "Your guess: #{guess}. Wrong. Guess again."
+
+    score = socket.assigns.score - 1
+
+    {:noreply, assign(socket, message: message, score: score, time: time())}
+  end
+end
diff --git a/pento/lib/pento_web/router.ex b/pento/lib/pento_web/router.ex
index 0e44583..4e66c94 100644
--- a/pento/lib/pento_web/router.ex
+++ b/pento/lib/pento_web/router.ex
@@ -18,6 +18,7 @@ defmodule PentoWeb.Router do
     pipe_through :browser
 
     get "/", PageController, :home
+    live "/guess", WrongLive
   end
 
   # Other scopes may use custom stacks.