update

partials/landing/account/dashboard.php

@@ -0,0 +1,114 @@
+<main class="section">
+  <div class="container" style="display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;">
+    <div>
+      <p class="eyebrow">Mitgliederbereich</p>
+      <h1>Hallo, <span style="color: var(--color-primary);">Papa</span>!</h1>
+      <p class="muted">Verwalte dein Profil, Kinder, Events und Teilnahmen.</p>
+    </div>
+    <div class="pill-row">
+      <span class="pill">Profil</span>
+      <span class="pill">Kinder</span>
+      <span class="pill">Events</span>
+      <span class="pill">Teilnahmen</span>
+    </div>
+  </div>
+
+  <div class="container dash-section">
+    <div class="dash-grid">
+      <div class="card dash-card">
+        <div class="badge">Profil</div>
+        <h3>Deine Angaben</h3>
+        <ul class="dash-list">
+          <li>Anzeigename: Papa Alex</li>
+          <li>Ort: Berlin, 10437</li>
+          <li>Beruf: Entwickler</li>
+          <li>Sprachen: Deutsch, Englisch</li>
+        </ul>
+        <div class="flex gap-12" style="margin-top:12px;">
+          <button class="btn ghost">Bearbeiten</button>
+          <button class="btn">Sichtbarkeit</button>
+        </div>
+      </div>
+
+      <div class="card dash-card">
+        <div class="badge">Kinder</div>
+        <h3>Deine Kids</h3>
+        <ul class="dash-list">
+          <li>Emma, 4 Jahre (weiblich)</li>
+          <li>Max, 7 Jahre (männlich)</li>
+        </ul>
+        <div class="flex gap-12" style="margin-top:12px;">
+          <button class="btn ghost">Kind hinzufügen</button>
+          <button class="btn">Kinder-Einstellungen</button>
+        </div>
+      </div>
+
+      <div class="card dash-card">
+        <div class="badge">Teilnahmen</div>
+        <h3>Nächste Termine</h3>
+        <ul class="dash-list">
+          <li>Spielplatzrunde – 10.08., Prenzlauer Berg</li>
+          <li>Erste Hilfe Kids – 20.08., Köln</li>
+        </ul>
+        <div class="flex gap-12" style="margin-top:12px;">
+          <button class="btn ghost">Übersicht öffnen</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="container dash-section">
+    <div class="card dash-card">
+      <div class="badge">Eigenes Event</div>
+      <h3>Neuen Termin erstellen</h3>
+      <form class="stack gap-12" style="margin-top: 10px;">
+        <div class="form-grid">
+          <div class="stack gap-6">
+            <label class="label" for="evTitle">Titel</label>
+            <input id="evTitle" class="input" placeholder="z. B. Väter-Kaffee im Park">
+          </div>
+          <div class="stack gap-6">
+            <label class="label" for="evTopic">Thema</label>
+            <select id="evTopic" class="select">
+              <option>Outdoor</option>
+              <option>Kaffee</option>
+              <option>Sport</option>
+              <option>Workshop</option>
+            </select>
+          </div>
+        </div>
+        <div class="form-grid">
+          <div class="stack gap-6">
+            <label class="label" for="evDate">Datum & Uhrzeit</label>
+            <input id="evDate" class="input" type="datetime-local">
+          </div>
+          <div class="stack gap-6">
+            <label class="label" for="evLocation">Ort/PLZ</label>
+            <input id="evLocation" class="input" placeholder="10437 Berlin">
+          </div>
+        </div>
+        <div class="stack gap-6">
+          <label class="label" for="evDesc">Beschreibung</label>
+          <textarea id="evDesc" class="textarea" rows="3" placeholder="Was soll passieren, was mitbringen?"></textarea>
+        </div>
+        <div class="form-grid">
+          <div class="stack gap-6">
+            <label class="label" for="evKids">Kinder</label>
+            <select id="evKids" class="select">
+              <option value="1">Mit Kindern</option>
+              <option value="0">Ohne Kinder</option>
+            </select>
+          </div>
+          <div class="stack gap-6">
+            <label class="label" for="evVisibility">Sichtbarkeit</label>
+            <select id="evVisibility" class="select">
+              <option value="public">Öffentlich</option>
+              <option value="members">Nur Mitglieder</option>
+            </select>
+          </div>
+        </div>
+        <button class="btn" type="submit">Event anlegen</button>
+      </form>
+    </div>
+  </div>
+</main>