<!DOCTYPE html>
<html lang="nl">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BAK Aantal Bewerken</title>
    <%- include('../../partials/_favicon') %>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/styles/main.css">
</head>

<body class="d-flex flex-column min-vh-100">

    <main class="flex-shrink-0">

        <%- include('../../partials/_navbar') %>

        <div class="container mt-5">
            <h1>BAK Aantal Bewerken voor <%= lid.name %></h1>

            <% if (errorMessage) { %>
            <div class="alert alert-<%= alertType %> alert-dismissible fade show" role="alert">
                <%= errorMessage %>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            <% } %>

            <form action="/admin/<%= lid.id %>/edit-bak" method="post">
                <input type="hidden" name="_csrf" value="<%= csrfToken %>">

                <div class="mb-3">
                    <label for="bakAmount" class="form-label">BAK Aantal:</label>
                    <input type="number" id="bakAmount" name="bakAmount" value="<%= lid.bak %>" class="form-control"
                        required>
                </div>

                <div class="mb-3">
                    <label for="reason" class="form-label">Reden:</label>
                    <textarea id="reason" name="reason" class="form-control" rows="3" required></textarea>
                </div>

                <button type="submit" class="btn btn-theme">BAK Bijwerken</button>
            </form>
        </div>

    </main>

    <%- include('../../partials/_footer') %>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>