function.js

document.addEventListener('DOMContentLoaded', function () {
    // Star rating system
    document.querySelectorAll('.star').forEach(function(star) {
        star.addEventListener('click', function() {
            let value = this.getAttribute('data-value');
            let parent = this.closest('.criteria-item');
            parent.querySelectorAll('.star').forEach(function(star) {
                star.classList.remove('selected');
            });
            for (let i = 0; i < value; i++) {
                parent.querySelectorAll('.star')[i].classList.add('selected');
            }
            parent.querySelector('input[type="hidden"]').value = value;
        });
    });

    // Meeting and Connecting buttons
    document.querySelectorAll('.yes, .no').forEach(function(button) {
        button.addEventListener('click', function() {
            let value = this.getAttribute('data-value');
            let parent = this.closest('.col-md-6');
            parent.querySelectorAll('.btn').forEach(function(btn) {
                btn.classList.remove('active');
            });
            this.classList.add('active');
            parent.querySelector('input[type="hidden"]').value = value;
        });
    });

    // Form submission handler
    document.querySelector('#ratingForm').addEventListener('submit', function(event) {
        event.preventDefault();
        const form = event.target;

        fetch(form.action, {
            method: form.method,
            body: new FormData(form),
        })
        .then(response => response.json())
        .then(result => {
            if (result.success) {
                alert('Ratings submitted successfully!');
                // Optionally reset the form or update the UI
            } else {
                alert('Error submitting the ratings: ' + result.message);
            }
        })
        .catch(error => {
            console.error('Error submitting ratings:', error);
            alert('Error submitting the ratings.');
        });
    });
});