adasd

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>
+          <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>