Künstler

<script>
  document.querySelectorAll('.toggle-favorite').forEach(function(button) {
    function onClick(e) {  
      // check if href is already changed
      if (this.href !== window.location.origin + "/anfrage") {
        e.preventDefault();

        var placeHolderText = "Ich möchte gerne ein Angebot für die folgende Auswahl: ";
        var postTitle = this.getAttribute('data-post-title');
        var favorites = document.cookie.replace(/(?:(?:^|.*;\s*)produktauswahl\s*\=\s*([^;]*).*$)|^.*$/, "$1");
          
        favorites = favorites ? JSON.parse(favorites) : [];

        // If the post title is in the array, remove it
        if (favorites.includes(postTitle)) {
          var index = favorites.indexOf(postTitle);
          if (index > -1) {
            favorites.splice(index, 1);
          }
        // Otherwise add it to the array
        } else {
          // Only add a space before the postTitle if favorites is not empty
          postTitle = favorites.length === 0 ? placeHolderText + postTitle : " " + postTitle;
          favorites.push(postTitle);
        }

        // Save the updated array to the cookie, expires in 12 hours
        document.cookie = "produktauswahl=" + JSON.stringify(favorites) + ";path=/;max-age=" + 60 * 60 * 12;
        
        // Replace old link text and href with new one
        this.innerHTML = "Hinzugefügt. Klicken, um die Anfrage zu starten!";
        this.href = "/anfrage";

        console.log('Das Produkt wurde zur Anfrage hinzugefügt.');
        
        // remove the event listener
        this.removeEventListener('click', onClick);
      }
    }

    button.addEventListener('click', onClick);
  });
</script>