import { handle } from "../../../../utils/ErrorHandler";

const Radio = () => {
    const elRadio = document.querySelectorAll('[data-widget="radio"]');

    if (!elRadio.length) return;

    elRadio.forEach(radio => {
        if (!radio) return;

        const error = [];
        const radioItems = radio.querySelectorAll('[data-action="radio"]');
        const radioInput = radio.querySelector('[data-input="radio"]');

        if (!radioInput || !radioItems.length) return;

        radioItems.forEach(item => {
            item.addEventListener('click', (e) => {
                e.preventDefault();
                radioItems.forEach(item => {
                    item.classList.remove('active');
                });

                item.classList.add('active');
                radioInput.value = item.dataset.value;

                if (radioInput.value) {
                    error[radioInput.id] = ''
                } else {
                    error[radioInput.id] = 'Required'
                }

                handle(error);
            });
        });
    });
};

export default Radio;