<%- include('layout', { title: 'Konto bearbeiten - ' + account.name }) %>

<% override body %>
    <h2>Konto bearbeiten: <%= account.name %></h2>
    
    <form action="/accounts/<%= account.id %>", method="POST">
        <div class="form-group">
            <label for="name">Name:</label>
            <input type="text" id="name" name="name" value="<%= account.name %>", required autofocus>
        </div>
        <div class="form-group">
            <label for="pin">Neue PIN (4-stellig, leer lassen zum Behalten):</label>
            <input type="password" id="pin" name="pin" pattern="\d{4}" 
                   title="Bitte genau 4 Ziffern eingeben" maxlength="4">
        </div>
        <button type="submit" class="btn">Speichern</button>
        <a href="/accounts/<%= account.id %>", class="btn secondary">Abbrechen</a>
    </form>
    
    <div class="danger-zone">
        <h4>Achtung: Kontolöschung</h4>
        <p>Das Löschen eines Kontos löscht auch alle zugehörigen Transaktionen!</p>
        <!-- Löschfunktion könnte hier hinzugefügt werden -->
    </div>
<% end %>
