<form id="addUserForm">
<div class="modal-body">
<div class="mb-3">
<label for="addFirstName" class="form-label">First Name</label>
<input type="text" required class="form-control" name="addFirstName">
</div>
<div class="mb-3">
<label for="addLastName" class="form-label">Last Name</label>
<input type="text" required class="form-control" name="addLastName">
</div>
<div class="mb-3">
<label for="addJobTitle" class="form-label">Job Title</label>
<input type="text" required class="form-control" name="addJobTitle">
</div>
<div class="mb-3">
<label for="addAccessLevel" class="form-label">Access Level</label>
<select class="form-select" required name="addAccessLevel" aria-label="selectAccessLevel">
<option selected>Access Level</option>
<option value="admin">Admin</option>
<option value="user">User</option>
</select>
</div>
<div class="mb-3">
<label for="addEmail" class="form-label">Email address</label>
<input type="email" required class="form-control" name="addEmail">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary" id="addUserBtn">Add User</button>
</div>
</form>