document.addEventListener('DOMContentLoaded', () => {
    const forms = document.querySelectorAll('.glsr-review-form');
    forms.forEach(form => {
        const ratingField = form.querySelector('.glsr-star-rating select');
        if (!ratingField) return
        const fields = form.querySelectorAll('.glsr-field[data-field]:not(.glsr-required)');
        fields.forEach(el => el.classList.add('glsr-hidden'))
        ratingField.addEventListener('change', (ev) => {
            const action = ev.target.value < 4 ? 'add' : 'remove';
            fields.forEach(el => el.classList[action]('glsr-hidden'))
        })
    })
})