<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Edit User</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container-fluid mt-4 list-content-container">
        <h1>Edit User</h1>
        <form action="/admin/edit-user/<%= user.id %>" method="POST">
            <div class="mb-3">
                <label for="username" class="form-label">Username</label>
                <input type="text" class="form-control" id="username" name="username" value="<%= user.username %>">
            </div>
            <div class="mb-3">
                <label for="firstname" class="form-label">First Name</label>
                <input type="firstname" class="form-control" id="firstname" name="firstname" value="<%= user.firstname %>">
            </div>
            <div class="mb-3">
                <label for="lastname" class="form-label">Last Name</label>
                <input type="lastname" class="form-control" id="lastname" name="lastname" value="<%= user.lastname %>">
            </div>
            <div class="mb-3">
                <label for="email" class="form-label">Email</label>
                <input type="email" class="form-control" id="email" name="email" value="<%= user.email %>">
            </div>
            <div class="mb-3">
                <label for="readPermission" class="form-label">Read Permission</label>
                <select class="form-select" id="readPermission" name="readPermission">
                    <option value="true" <%= user.readPermission ? 'selected' : '' %>>Granted</option>
                    <option value="false" <%= !user.readPermission ? 'selected' : '' %>>Revoked</option>
                </select>
            </div>
            <div class="mb-3">
                <label for="writePermission" class="form-label">Write Permission</label>
                <select class="form-select" id="writePermission" name="writePermission">
                    <option value="true" <%= user.writePermission ? 'selected' : '' %>>Granted</option>
                    <option value="false" <%= !user.writePermission ? 'selected' : '' %>>Revoked</option>
                </select>
            </div>
            <div class="mb-3">
                <label for="role" class="form-label">Role</label>
                <select class="form-select" id="role" name="role">
                    <option value="true" <%= user.isAdmin ? 'selected' : '' %>>Admin</option>
                    <option value="false" <%= !user.isAdmin ? 'selected' : '' %>>User</option>
                </select>
            </div>
            <input type="hidden" name="_csrf" value="<%= csrfToken %>">
            <button type="submit" class="btn btn-primary">Save Changes</button>
        </form>
    </div>
</body>
</html>
