From c06b44b71d409a654868b0e6a85e33ed9268d5fd Mon Sep 17 00:00:00 2001
From: Nilo Roberto C Paim <nilopaim@gmail.com>
Date: Sun, 4 Feb 2024 20:40:59 -0300
Subject: [PATCH] fixes

---
 frontend/templates/index.html | 11 ++++++++++-
 frontend/templates/users.html | 21 ++++++++++++++++++---
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/frontend/templates/index.html b/frontend/templates/index.html
index 95d5ac9..d94fbc9 100644
--- a/frontend/templates/index.html
+++ b/frontend/templates/index.html
@@ -6,8 +6,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" />
-    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
     <script src="https://unpkg.com/htmx.org@latest"></script>
+    <script src="https://unpkg.com/htmx.org@latest/dist/ext/remove-me.js"></script>
     <script src="https://unpkg.com/htmx.org@latest/dist/ext/client-side-templates.js"></script>
     <script src="https://unpkg.com/mustache@latest"></script>
     <link rel="stylesheet" href="/css/custom.css">
@@ -28,6 +29,14 @@
     <div id="content">
     </div>
 
+    <div hx-ext="remove-me" role="alert" class="alert alert-success" remove-me="2s">
+        <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+        </svg>
+        <span>Your purchase has been confirmed!</span>
+    </div>
+
 </body>
 
 </html>
diff --git a/frontend/templates/users.html b/frontend/templates/users.html
index f8d5b30..0f13077 100644
--- a/frontend/templates/users.html
+++ b/frontend/templates/users.html
@@ -1,6 +1,21 @@
 {{ define "users" }}
 <h1 class="text-3xl mb-8">Users</h1>
-<ul>
-    {{ range .Users }}<li class="italic hover:font-bold">{{ .FirstName }}, {{ .Age }} years old</li>{{ end }}
-</ul>
+<div class="flex items-center justify-center!">
+    <table class="border border-separate table-fixed" style="max-width: 50%;">
+        <thead>
+            <tr>
+                <th>First name</th>
+                <th>Age</th>
+            </tr>
+        </thead>
+        <tbody>
+            {{ range .Users }}
+            <tr>
+                <td>{{ .FirstName }}</td>
+                <td>{{ .Age }}</td>
+            </tr>
+            {{ end }}
+        </tbody>
+    </table>
+</div>
 {{ end }}
\ No newline at end of file