{{template "base" .}}

{{define "title"}}Übersicht{{end}}

{{define "body"}}
<div style="text-align:center; padding: 40px 0 24px;">
    <img src="/static/logo.svg" alt="DPÖ Logo" style="height: auto; max-height: 600px; width: 100%; max-width: 600px;">
</div>

<div class="page-header">
    <h1 class="page-title">Willkommen, {{.Name}}</h1>
    <p class="page-subtitle">Ihre demokratische Plattform für Österreich</p>
</div>

<div class="card-grid">
    <div class="card">
        <div class="card-icon">&#128499;</div>
        <h2 class="card-title">Aktuelle Abstimmungen</h2>
        <p class="card-text">Beteiligen Sie sich an laufenden Abstimmungen und demokratischen Initiativen.</p>
        <a href="/issues" class="btn btn--primary">Abstimmungen ansehen</a>
    </div>
    <div class="card">
        <div class="card-icon">&#128100;</div>
        <h2 class="card-title">Mein Profil</h2>
        <p class="card-text">Verwalten Sie Ihre persönlichen Daten und Kontoeinstellungen.</p>
        <a href="/users/me" class="btn btn--secondary">Profil ansehen</a>
    </div>
    <div class="card">
        <div class="card-icon">&#128202;</div>
        <h2 class="card-title">Ergebnisse</h2>
        <p class="card-text">Sehen Sie die Ergebnisse abgeschlossener Abstimmungen ein.</p>
        <a href="#" class="btn btn--secondary">Ergebnisse ansehen</a>
    </div>
</div>
{{end}}