loginUserAjax() {
      const username = this.shadowRoot.getElementById('username').value;
      const password = this.shadowRoot.getElementById('password').value;

      const formData = new FormData();
      formData.append('username', username);
      formData.append('password', password);
//       formData.append('option', 'com_ajax');
//       formData.append('plugin', 'userloginajax');
//       formData.append('format', 'json');

      const requestOptions = {
        method: 'POST',
        body: formData,
      };

      fetch('https://devel.cercle.business/index.php?option=com_comprofiler&view=pluginclass&plugin=cbautoactions&action=action&actions=327&Itemid=9343', requestOptions)
        .then(response => response.json())
        .then(data => {
          if (data.success) {
            // Connexion réussie, mettez à jour l'interface utilisateur en conséquence
            console.log('Connexion réussie');
        
            // Mettez à jour l'état et l'interface utilisateur de votre web component
            updateWebComponentState(true);
          } else {
            // Échec de la connexion, affichez un message d'erreur
            console.log('Échec de la connexion');
            alert('Échec de la connexion. Veuillez vérifier votre nom d\'utilisateur et votre mot de passe.');
          }
        })
        .catch(error => {
          console.error('Error:', error);
          alert('Une erreur s\'est produite lors de la connexion. Veuillez réessayer.');
        });
    }

    updateWebComponentState(isLoggedIn) {
      // Mettez à jour l'état de votre web component et l'interface utilisateur en fonction de la valeur de 'isLoggedIn'
  
      // Par exemple, vous pouvez cacher le formulaire de connexion et afficher un message de bienvenue
      if (isLoggedIn) {
        this.shadowRoot.getElementById('ajaxLoginForm').style.display = 'none';
        this.shadowRoot.getElementById('welcomeMessage').style.display = 'block';
      } else {
        this.shadowRoot.getElementById('ajaxLoginForm').style.display = 'block';
        this.shadowRoot.getElementById('welcomeMessage').style.display = 'none';
      }
    }