From 1f77464e1fea42d09b07db950c61de6bda796e8d Mon Sep 17 00:00:00 2001
From: Lars Gebhardt-Kusche <lars@kusche.berlin>
Date: Fri, 21 Nov 2025 01:30:35 +0100
Subject: [PATCH] login

---
 partials/landing/login/login.php | 53 ++++++++++++++++++++++++--------
 public/login/index.php           | 13 ++++----
 2 files changed, 46 insertions(+), 20 deletions(-)

diff --git a/partials/landing/login/login.php b/partials/landing/login/login.php
index 52651ef..bfa5b4f 100644
--- a/partials/landing/login/login.php
+++ b/partials/landing/login/login.php
@@ -1,6 +1,10 @@
+<?php
+// Fallback falls $authView nicht gesetzt ist
+$authView = $authView ?? 'login';
+?>
 <section id="auth" class="border-t border-brand-border/70 bg-brand-primarySoft/20">
-    <div class="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8 py-16 sm:py-20">
-        <div class="mb-10 text-center space-y-3">
+    <div class="mx-auto max-w-xl px-4 sm:px-6 lg:px-8 py-16 sm:py-20">
+        <div class="mb-8 text-center space-y-3">
             <p class="text-xs font-heading font-semibold tracking-[0.3em] uppercase text-brand-primary" data-i18n="auth_kicker">
                 Account &amp; Login
             </p>
@@ -12,9 +16,30 @@
             </p>
         </div>
 
-        <div class="grid gap-8 md:grid-cols-2 items-start">
-            <!-- Login -->
-            <div class="rounded-xl2 border border-brand-border bg-brand-surface/90 shadow-soft p-6 space-y-5">
+        <!-- Tabs -->
+        <div class="mb-6 rounded-full border border-brand-border bg-brand-surface/80 p-1 flex text-xs font-semibold uppercase tracking-[0.18em] text-brand-muted">
+            <button
+                type="button"
+                class="flex-1 px-3 py-2 rounded-full text-center transition-colors auth-tab <?= $authView === 'login' ? 'bg-brand-primary text-brand-bg' : 'hover:text-brand-primary'; ?>"
+                data-tab="login"
+                data-i18n="auth_tab_login">
+                Login
+            </button>
+            <button
+                type="button"
+                class="flex-1 px-3 py-2 rounded-full text-center transition-colors auth-tab <?= $authView === 'register' ? 'bg-brand-primary text-brand-bg' : 'hover:text-brand-primary'; ?>"
+                data-tab="register"
+                data-i18n="auth_tab_register">
+                Registrieren
+            </button>
+        </div>
+
+        <!-- Panels -->
+        <div class="space-y-6">
+            <!-- Login Panel -->
+            <div
+                id="authPanelLogin"
+                class="rounded-xl2 border border-brand-border bg-brand-surface/90 shadow-soft p-6 space-y-5 <?= $authView !== 'login' ? 'hidden' : ''; ?>">
                 <h2 class="font-heading text-lg font-semibold text-white" data-i18n="auth_login_title">
                     Login
                 </h2>
@@ -22,7 +47,9 @@
                     Melde dich mit deiner E-Mail-Adresse und deinem Passwort an.
                 </p>
 
-                <form method="post" action="/login/" class="space-y-4" autocomplete="on">
+                <form method="post" action="/login/?lang=<?= htmlspecialchars($lang) ?>" class="space-y-4" autocomplete="on">
+                    <input type="hidden" name="action" value="login">
+
                     <div class="space-y-1">
                         <label for="login_email" class="block text-xs font-semibold tracking-wide uppercase text-brand-muted" data-i18n="auth_login_email_label">
                             E-Mail-Adresse
@@ -51,9 +78,8 @@
                         >
                     </div>
 
-                    <!-- Platzhalter für Fehlermeldungen (später per PHP / JS) -->
                     <p class="text-xs text-red-400 hidden" id="login_error">
-                        <!-- Wird später dynamisch gefüllt -->
+                        <!-- später dynamisch -->
                     </p>
 
                     <button
@@ -71,8 +97,10 @@
                 </form>
             </div>
 
-            <!-- Registrierung -->
-            <div class="rounded-xl2 border border-brand-border bg-brand-surface/80 shadow-soft p-6 space-y-5">
+            <!-- Register Panel -->
+            <div
+                id="authPanelRegister"
+                class="rounded-xl2 border border-brand-border bg-brand-surface/80 shadow-soft p-6 space-y-5 <?= $authView !== 'register' ? 'hidden' : ''; ?>">
                 <h2 class="font-heading text-lg font-semibold text-white" data-i18n="auth_register_title">
                     Kostenlos registrieren
                 </h2>
@@ -80,7 +108,7 @@
                     Erstelle einen kostenlosen Account, um Tests zu speichern, Berichte zu exportieren und den Pro-Modus später freizuschalten.
                 </p>
 
-                <form method="post" action="/login/" class="space-y-4" autocomplete="on">
+                <form method="post" action="/login/?lang=<?= htmlspecialchars($lang) ?>" class="space-y-4" autocomplete="on">
                     <input type="hidden" name="action" value="register">
 
                     <div class="space-y-1">
@@ -125,9 +153,8 @@
                         >
                     </div>
 
-                    <!-- Platzhalter für Fehlermeldungen (später per PHP / JS) -->
                     <p class="text-xs text-red-400 hidden" id="register_error">
-                        <!-- Wird später dynamisch gefüllt -->
+                        <!-- später dynamisch -->
                     </p>
 
                     <button
diff --git a/public/login/index.php b/public/login/index.php
index 8cb7124..da0d0e4 100644
--- a/public/login/index.php
+++ b/public/login/index.php
@@ -1,5 +1,4 @@
 <?php
-// Error-Output für Entwicklung
 ini_set('display_errors', 1);
 ini_set('display_startup_errors', 1);
 error_reporting(E_ALL);
@@ -10,22 +9,22 @@ require __DIR__ . '/../../src/functions.php';
 $lang = $_GET['lang'] ?? 'en';
 $lang = in_array($lang, ['de','en','it','fr']) ? $lang : 'en';
 
-// (später: User-Dummy durch echte Session ersetzen)
+// später: echte Session
 $userInitials = null;
 
-// Seitentitel & Description für das Layout
 $pageTitle = 'Login – usbcheck.it';
 $pageDescription = 'Melde dich bei USBCheck an, um Tests zu speichern, Pro-Modus zu nutzen und mehrere Geräte zu verwalten.';
 
-// Für die Login-Seite brauchen wir typischerweise keine Sektionen-Navigation
+// Navigation ausblenden:
 $navAnchors = [];
 
-// Layout-Start
+// Welche Ansicht? login | register
+$authView = ($_GET['mode'] ?? 'login') === 'register' ? 'register' : 'login';
+
 tpl('layout_start', 'structure');
 
 // Login-/Register-Section
+// $authView wird in der Partial verfügbar sein
 tpl('login', 'landing', 'login');
-//  sss
 
-// Layout-Ende
 tpl('layout_end', 'structure');