120 lines
4.3 KiB
PHP
120 lines
4.3 KiB
PHP
<?php
|
||
if (!isset($_SESSION['user_id'])) {
|
||
redirect('/login');
|
||
}
|
||
?>
|
||
<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;" method="post" action="/dashboard#events">
|
||
<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>
|