import { handle } from "./ErrorHandler";
import { langArr } from "../js/components/lp/saas2/LangArray";

const ValidateInput = (inputs) => {
    if (!inputs) return;

    const arrayErrors = [];
    const errors = [];
    let hash = localStorage.getItem('form__lang');

    const validation = (item) => {
        const error = document.getElementById(item.id + '-error');
        switch (item.id) {
            case 'first_name':
                if (item.value.trim() === '') {
                    errors.push(true);
                    arrayErrors[item.id] = langArr['Required'][hash];
                } else {
                    errors.push(false);
                    arrayErrors[item.id] = '';
                }
                break;
            case 'region':
            case 'options':
            case 'range':
                if (window.innerWidth >= 768) {
                    if (item.value.trim() === '') {
                        errors.push(true);
                        arrayErrors[item.id] = langArr['Required'][hash];
                    } else {
                        errors.push(false);
                        arrayErrors[item.id] = '';
                    }
                }
                break;
            case 'saas-phone':
                let regExp = /^[\d\+][\d\(\)\ -]{4,14}\d$/;
                const phone = item.value.trim();

                if (phone === '') {
                    errors.push(true);
                    arrayErrors[item.id] = langArr['Required'][hash];
                } else {
                    if (!regExp.test(phone) || phone.length < 10) {
                        errors.push(true);
                        error.dataset.lang = 'lng-Numeric';
                        arrayErrors[item.id] = langArr['Numeric'][hash];
                    } else {
                        errors.push(false);
                        arrayErrors[item.id] = '';
                        error.dataset.lang = 'lng-Required';
                    }
                }
                break;
            case 'email':
                if (item.value.trim() === '') {
                    errors.push(true);
                    arrayErrors[item.id] = langArr['Required'][hash];
                } else {
                    const regular = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

                    if (regular.test(item.value.trim())) {
                        errors.push(false);
                        arrayErrors[item.id] = '';
                        error.dataset.lang = 'lng-Required'
                    } else {
                        errors.push(true);
                        error.dataset.lang = 'lng-EmailInvalid';
                        arrayErrors[item.id] = langArr['EmailInvalid'][hash];
                    }
                }
                break;
        }
        handle(arrayErrors);
    };

    if (inputs.length > 1) {
        inputs.forEach((item) => {
            validation(item);
        });
    } else {
        validation(inputs);
    }


    return errors.includes(true);
};

export default ValidateInput;