<div class="modal fade" id="moveModal" tabindex="-1" aria-labelledby="moveModalLabel" 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="moveModalLabel">Move selected users</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <form id="moveForm">
        <div class="modal-body">
          <p id="moveCountText">Move <span id="moveCount">0</span> users to:</p>
          <div class="mb-3">
            <select id="moveTarget" class="form-select" required>
              <option value="">Choose category</option>
              <option value="District">District</option>
              <option value="Regional">Regional</option>
              <option value="National">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">Move</button>
        </div>
      </form>
    </div>
  </div>
</div>