<script>
  document.querySelectorAll('.le-parcours__click').forEach(function(button) {
    button.addEventListener('click', function() {
      // Toggle aria-label attribute between "true" and "false"
      const currentLabel = this.getAttribute('aria-label');
      const newLabel = currentLabel === 'true' ? 'false' : 'true';
      this.setAttribute('aria-label', newLabel);

      // Add or remove the class based on the new aria-label value
      if (newLabel === 'true') {
        this.classList.add('le-parcours__click-check');
      } else {
        this.classList.remove('le-parcours__click-check');
      }
    });
  });
</script>

    <script>
        document.querySelectorAll('.le-parcours__click').forEach(function(button) {
            button.addEventListener('click', function() {
                // Toggle aria-label attribute between "true" and "false"
                const currentLabel = this.getAttribute('aria-label');
                const newLabel = currentLabel === 'true' ? 'false' : 'true';
                this.setAttribute('aria-label', newLabel);

                // Add or remove the class based on the new aria-label value
                if (newLabel === 'true') {
                    this.classList.add('le-parcours__click-check');
                } else {
                    this.classList.remove('le-parcours__click-check');
                }

                // Check for matching school-id and update .brxe-gajqmf aria-label if needed
                const schoolId = this.getAttribute('school-id');
                document.querySelectorAll('.brxe-gajqmf').forEach(function(target) {
                    if (target.getAttribute('school-id') === schoolId) {
                        target.setAttribute('aria-label', newLabel);
                    }
                });
            });
        });
    </script>

    <script>
        document.querySelectorAll('.le-parcours__click').forEach(function(button) {
            button.addEventListener('click', function() {
                // Toggle aria-label attribute between "true" and "false"
                const currentLabel = this.getAttribute('aria-label');
                const newLabel = currentLabel === 'true' ? 'false' : 'true';
                this.setAttribute('aria-label', newLabel);

                // Add or remove the class based on the new aria-label value
                if (newLabel === 'true') {
                    this.classList.add('le-parcours__click-check');
                } else {
                    this.classList.remove('le-parcours__click-check');
                }

                // Check for matching school-id and update .brxe-gajqmf aria-label if needed
                const schoolId = this.getAttribute('school-id');
                document.querySelectorAll('.brxe-gajqmf').forEach(function(target) {
                    if (target.getAttribute('school-id') === schoolId) {
                        target.setAttribute('aria-label', newLabel);
                        // Hide element if aria-label is true
                        if (newLabel === 'true') {
                            target.style.display = 'flex';
                        } else {
                            target.style.display = 'none';
                        }
                    }
                });
            });
        });
    </script>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    // Get all elements with class .this-post-id and .brxe-gajqmf
    const elementsWithPostId = document.querySelectorAll('.this-post-id');
    const elementsWithSchoolId = document.querySelectorAll('.le-parcours__logo-item');

    // Loop through each element with class .this-post-id
    elementsWithPostId.forEach(function(postElement) {
      // Get the post-id attribute value
      const postId = postElement.getAttribute('post-id');

      // Loop through each element with class .brxe-gajqmf
      elementsWithSchoolId.forEach(function(schoolElement) {
        // Get the school-id attribute value
        const schoolId = schoolElement.getAttribute('school-id');

        // Check if post-id matches school-id
        if (postId === schoolId) {
          // Set aria-label to true for the matching .brxe-gajqmf element
          schoolElement.setAttribute('aria-label', 'true');

          // If aria-label is true, set display to flex, otherwise set it to none
          schoolElement.style.display = schoolElement.getAttribute('aria-label') === 'true' ? 'flex' : 'none';
        }
      });
    });
  });
</script>

<script>
// Function to update wsf-1-field-30 attribute
function updateFieldValue() {
    // Get the value of the .this-post-id attribute
    var postIdValue = document.querySelector('.this-post-id').getAttribute('post-id');
    
    // Select the element by its ID
    var element = document.getElementById("wsf-1-field-30");

    if (element) {
        console.log("Element found:", element);

        // Set the attribute value to postIdValue
        element.setAttribute("value", postIdValue);
        console.log("Attribute 'value' set to", postIdValue);
    } else {
        console.log("Element not found.");
    }
}

// Observe changes to .this-post-id attribute
var observer = new MutationObserver(function(mutationsList, observer) {
    for(var mutation of mutationsList) {
        if (mutation.attributeName === 'post-id') {
            console.log("Mutation detected: .this-post-id attribute changed");
            updateFieldValue();
        }
    }
});

// Start observing .this-post-id attribute
observer.observe(document.querySelector('.this-post-id'), { attributes: true });

// Delay before executing the script
setTimeout(function() {
    updateFieldValue();
}, 2000); // Delay in milliseconds (adjust as needed)
</script>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Function to update post-id attribute
    function updatePostId() {
        // Get all elements with class .brxe-gajqmf
        var elements = document.querySelectorAll('.le-parcours__logo-item');
        
        // Initialize an empty array to store school ids
        var schoolIds = [];
        
        // Loop through each element
        elements.forEach(function(element) {
            // Check if aria-label attribute is true
            if (element.getAttribute('aria-label') === 'true') {
                // Get the school-id attribute value
                var schoolId = element.getAttribute('school-id');
                
                // Push the school id into the array
                schoolIds.push(schoolId);
            }
        });
        
        // Get the element with class .this-post-id
        var thisPostIdElement = document.querySelector('.this-post-id');
        
        // If the element exists and there are school ids
        if (thisPostIdElement && schoolIds.length > 0) {
            // Set the post-id attribute of .this-post-id element
            thisPostIdElement.setAttribute('post-id', schoolIds.join(','));
        }
    }
    
    // Update post-id attribute initially
    updatePostId();
    
    // Create a MutationObserver instance
    var observer = new MutationObserver(function(mutationsList, observer) {
        // Check each mutation
        mutationsList.forEach(function(mutation) {
            // Check if mutation is an attribute change
            if (mutation.type === 'attributes') {
                // Check if the attribute changed is aria-label
                if (mutation.attributeName === 'aria-label') {
                    // Call updatePostId function
                    updatePostId();
                }
            }
        });
    });
    
    // Observe changes in elements with class .brxe-gajqmf
    var targetNode = document.body;
    var config = { attributes: true, attributeFilter: ['aria-label'], subtree: true };
    observer.observe(targetNode, config);
});

</script>