<div class="modal fade" id="editModalSimple" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="editModalLabel">Edit user</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <form id="editForm">
        <div class="modal-body">
          <input type="hidden" id="editId">
          <div class="mb-3"><label class="form-label">Name</label><input id="editName" class="form-control"></div>
          <div class="mb-3"><label class="form-label">Email</label><input id="editEmail" class="form-control" type="email"></div>
          <div class="mb-3">
            <label class="form-label">Category</label>
            <select id="editCategory" class="form-select">
              <option>District</option>
              <option>Regional</option>
              <option>National</option>
            </select>
          </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">Save</button>
        </div>
      </form>
    </div>
  </div>
</div>