64 lines
2.6 KiB
PHP
64 lines
2.6 KiB
PHP
<?php
|
||
$pageTitle = 'Email Template System – Mein Konto';
|
||
$pageId = 'account';
|
||
$navActive = 'profile';
|
||
$layoutExtraHead = <<<HTML
|
||
<style>
|
||
:root { color-scheme: light; }
|
||
.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem;margin-bottom:1.5rem}
|
||
.section-card h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#0f172a}
|
||
.input{width:100%;border:1px solid #cbd5f5;border-radius:.5rem;padding:.5rem .75rem}
|
||
.user-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}
|
||
</style>
|
||
HTML;
|
||
require dirname(__DIR__) . '/../structure/layout_start.php';
|
||
?>
|
||
<main class="max-w-5xl mx-auto p-4 md:p-6 flex-1 w-full">
|
||
<div class="user-tabs">
|
||
<button type="button" data-user-tab="profile" class="btn bg-sky-50 text-sky-700 flex-1">Profil</button>
|
||
<button type="button" data-user-tab="security" class="btn flex-1">Passwort</button>
|
||
</div>
|
||
|
||
<section data-user-panel="profile" class="section-card">
|
||
<h4>Profil</h4>
|
||
<form id="profileForm" class="space-y-3">
|
||
<label class="block text-sm text-slate-600">Name
|
||
<input type="text" id="profile_name" name="name" class="input mt-1" required>
|
||
</label>
|
||
<label class="block text-sm text-slate-600">E-Mail
|
||
<input type="email" id="profile_email" name="email" class="input mt-1" required>
|
||
</label>
|
||
<div class="flex justify-end">
|
||
<button type="submit" class="btn">Speichern</button>
|
||
</div>
|
||
</form>
|
||
</section>
|
||
|
||
<section data-user-panel="security" class="section-card hidden">
|
||
<h4>Passwort ändern</h4>
|
||
<form id="passwordForm" class="space-y-3">
|
||
<label class="block text-sm text-slate-600">Aktuelles Passwort
|
||
<input type="password" name="current_password" class="input mt-1" required>
|
||
</label>
|
||
<label class="block text-sm text-slate-600">Neues Passwort (min. 8 Zeichen)
|
||
<input type="password" name="new_password" class="input mt-1" required minlength="8">
|
||
</label>
|
||
<div class="flex justify-end">
|
||
<button type="submit" class="btn">Aktualisieren</button>
|
||
</div>
|
||
</form>
|
||
</section>
|
||
|
||
<section class="section-card">
|
||
<p class="text-sm text-slate-600">Teammitglieder, Absender und Integrationen verwaltest du im Bereich <strong>Administration</strong>. Öffne ihn über das Avatar-Menü oben rechts.</p>
|
||
</section>
|
||
</main>
|
||
|
||
<div id="toast-root"></div>
|
||
<?php
|
||
$layoutScripts = [
|
||
['src' => app_asset_url('/assets/js/toast.js')],
|
||
['src' => app_asset_url('/assets/js/account.js'), 'module' => true],
|
||
];
|
||
require dirname(__DIR__) . '/../structure/layout_end.php';
|