document.addEventListener('DOMContentLoaded', function() {
    const likeButtons = document.querySelectorAll('.ts-like-btn');

    likeButtons.forEach(btn => {
        btn.addEventListener('click', () => {
            const id = btn.dataset.id;

            const formData = new FormData();
            formData.append('action', 'ts_like_subtopic');
            formData.append('id', id);

            fetch(ts_ajax.ajax_url, {
                method: 'POST',
                body: formData
            })
            .then(res => res.json())
            .then(data => {
                if (data.success) {
                    btn.querySelector('.ts-like-count').textContent = data.data.likes;

                    if (data.data.action === 'added') {
                        btn.classList.add('liked');
                    } else {
                        btn.classList.remove('liked');
                    }
                } else {
                    console.error('Error:', data);
                }
            })
            .catch(err => console.error(err));
        });
    });
});