primary">
                <span class="material-symbols-rounded">person_add</span>
                <span th:text="#{team.addUser}">Add User to Team</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- JavaScript for team warning -->
    <script th:inline="javascript">
      function checkUserTeam(userId) {
        // Clear any existing warning
        const warningDiv = document.getElementById('teamChangeWarning');
        const warningMessage =