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

<% override body %>
    <h2>Geld einzahlen für: <%= account.name %></h2>
    
    <p>Aktueller Kontostand: <strong><%= account.balance.toFixed(2) %> €</strong></p>
    
    <form action="/accounts/<%= account.id %>/deposit" method="POST">
        <div class="form-group">
            <label for="amount">Betrag (€):</label>
            <input type="number" id="amount" name="amount" step="0.01" min="0.01" required autofocus>
        </div>
        <div class="form-group">
            <label for="description">Beschreibung (optional):</label>
            <input type="text" id="description" name="description">
        </div>
        <button type="submit" class="btn">Einzahlen</button>
        <a href="/accounts/<%= account.id %>", class="btn secondary">Abbrechen</a>
    </form>
    
    <% if (error) { %>
        <div class="error"><%= error %></div>
    <% } %>
<% end %>
