@page "/settings"
@inject ISettingsService SettingsService

<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2>Einstellungen</h2>
        <a class="btn btn-outline-secondary" href="/">
            <i class="bi bi-arrow-left"></i> Zurück
        </a>
    </div>

    <div class="card">
        <div class="card-body">
            <h5 class="card-title mb-3">Verein</h5>
            <div class="mb-3">
                <label class="form-label">Name des Vereins</label>
                <input type="text" class="form-control" @bind="clubName" @bind:event="oninput"
                       placeholder="Mein Verein" />
                <div class="form-text">Wird im PDF-Auszug als Kopfzeile verwendet.</div>
            </div>
            <button class="btn btn-primary" @onclick="Save" disabled="@saving">
                <i class="bi bi-check-lg"></i> Speichern
            </button>
            @if (saved)
            {
                <span class="text-success ms-2"><i class="bi bi-check-circle"></i> Gespeichert</span>
            }
        </div>
    </div>
</div>