From b22ba8e787628efbaa098f2eb7a12db8869dd7d0 Mon Sep 17 00:00:00 2001
From: PhatPhuckDave <david.majdandzic@hotmail.com>
Date: Wed, 30 Oct 2024 21:02:54 +0100
Subject: [PATCH] Add some kind of input form for notes

---
 frontend/src/pages/player.astro | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/player.astro b/frontend/src/pages/player.astro
index a2831b5..30c2905 100644
--- a/frontend/src/pages/player.astro
+++ b/frontend/src/pages/player.astro
@@ -1,5 +1,5 @@
 ---
-import Layout from '../layouts/Layout.astro';
+import Layout from "../layouts/Layout.astro";
 import type { APIResponse, Player } from "../types";
 
 const res = await fetch("http://localhost:3000/player");
@@ -8,6 +8,25 @@ console.log(data);
 ---
 
 <Layout title="Players">
+	<form class="p-5 min-h-[25rem] h-[25rem]">
+		<div class="h-full w-full mb-4 border rounded-lg shadow-lg overflow-hidden flex flex-col">
+			<div
+				id="note"
+				contenteditable="true"
+				class="flex-grow w-full px-4 py-2 overflow-scroll border bg-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-200"
+			>
+			</div>
+			<div class="flex items-center justify-between px-3 py-2 border-t">
+				<button
+					type="submit"
+					class="inline-flex items-center py-2.5 px-4 text-xs font-medium text-center text-white bg-blue-600 rounded-lg hover:bg-blue-700 focus:ring-4 transition-all duration-200"
+				>
+					Davai
+				</button>
+			</div>
+		</div>
+	</form>
+
 	<div class="overflow-x-auto p-5">
 		{
 			data.success && (