From 16ca492995687a3cd928cc76f194e88a524abe1d Mon Sep 17 00:00:00 2001
From: Lars Gebhardt-Kusche <lars@kusche.berlin>
Date: Tue, 30 Dec 2025 02:29:13 +0100
Subject: [PATCH] adasd

---
 partials/landing/account/login.php | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/partials/landing/account/login.php b/partials/landing/account/login.php
index d0fd6bb..1606d4d 100644
--- a/partials/landing/account/login.php
+++ b/partials/landing/account/login.php
@@ -54,7 +54,10 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
         </div>
         <div class="stack gap-6">
           <label class="label" for="loginPassword">Passwort</label>
-          <input id="loginPassword" name="password" class="input" type="password" required placeholder="********" autocomplete="current-password">
+          <div style="position:relative;">
+            <input id="loginPassword" name="password" class="input" type="password" required placeholder="********" autocomplete="current-password">
+            <button type="button" id="togglePassword" aria-label="Passwort anzeigen" style="position:absolute; right:8px; top:50%; transform: translateY(-50%); background:transparent; border:none; cursor:pointer;">👁️</button>
+          </div>
         </div>
         <div style="display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap; gap: 8px;">
           <label style="display:flex; gap:8px; align-items:center; font-size:14px; color: var(--color-muted);">
@@ -78,3 +81,16 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
     </aside>
   </div>
 </main>
+<script>
+  (function(){
+    const btn = document.getElementById('togglePassword');
+    const input = document.getElementById('loginPassword');
+    if (btn && input) {
+      btn.addEventListener('click', () => {
+        const isPwd = input.type === 'password';
+        input.type = isPwd ? 'text' : 'password';
+        btn.textContent = isPwd ? '🙈' : '👁️';
+      });
+    }
+  })();
+</script>