var substatus = 0;
function myAlert(str) {
	const submitBox = $('.footer-left .submit_div');
	const alertBox = $(`<div class="alert-box">${str}</div>`);
	alertBox.css({
		color: '#FFF',
		top: '0.36rem',
		opacity: 0,
	});
	submitBox.append(alertBox);
	alertBox.animate(
		{
			opacity: 1,
			top: '0rem',
		},
		300,
		function () {
			setTimeout(() => {
				alertBox.animate(
					{
						opacity: 0,
						top: '-0.36rem',
					},
					300,
					function () {
						$(this).remove();
					}
				);
			}, 3000);
		}
	);
}
const phoneRule = /^\+?\d{1,4}?[-.\s]?(?:\d{1,3}?)?[-.\s]?\d{1,4}[-.\s]?\d{1,4}[-.\s]?\d{1,9}$/;
const emailRule = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9_\.\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

$(function () {
	$('.footer-con .req-inp').blur(function () {
		if ($(this).val() != '') {
			$(this).parent().css({ border: '1px solid transparent' });
		}
	});
});
function subinfo(myself) {
	const s = location.href.substring(location.href.indexOf('/') + 2);
	const t = s.substring(s.indexOf('/') + 1);
	var r = t.substring(0, t.indexOf('/'));
	if (r == '' || !r) r = 'zh-cn';
	var messageTypeID = $('#messageType').find('a[class="active"]').attr('name') || '';
	$('input[name="contactType"]').val(messageTypeID);

	$('input[name="fromUrl"]').val(window.location.pathname);
	var username = $('.footer-con input[name="name"]').val();
	var company = $('.footer-con input[name="company"]').val();
	var tel = $('.footer-con input[name="phone"]').val();
	var vcode = $('.footer-con input[name="vcode"]').val();
	var describe = $('.footer-con textarea[name="description"]').val();
	var email = $('.footer-con input[name="email"]').val();
	var position = $('.footer-con input[name="position"]').val();
	var area = $('.footer-con input[name="area"]').val();
	const validateObj = {
		name: username,
		company,
		phone: tel,
		description: describe,
		vcode,
		email,
	};
	const formatArr = [
		{
			name: 'phone',
			value: tel,
			rule: phoneRule,
			msg: localOptions.phoneFormatErr,
		},
		{
			name: 'email',
			value: email,
			rule: emailRule,
			msg: localOptions.emailFormatErr,
		},
	];
	if (messageTypeID != '' && username != '' && company != '' && tel != '' && describe != '' && email != '') {
		for (let i = 0; i < formatArr.length; i++) {
			const ele = formatArr[i];
			const $ele = $(`.footer-con input[name="${ele.name}"]`);
			const value = $ele.val();
			if (ele.name === 'phone' && !$ele.hasClass('zh-cn')) {
				continue;
			}
			if (value !== '' && !ele.rule.test(value)) {
				myAlert(ele.msg);
				$ele.parent().css({ border: '1px solid #830000' });
				return;
			}
		}
		if ([username, company, tel, describe, email, position, area].some((item) => item.includes('<script>') || item.includes('</script>'))) {
			myAlert(localOptions.security);
			return;
		}
		if (!vcode) {
			myAlert(localOptions.fillCode);
			return;
		}
		var res = window.verifyCode.validate(vcode);
		if (!res) {
			myAlert(localOptions.codeErr);
			return;
		}
		if (substatus == 0) {
			substatus = -1;
			//console.log("----" + $(myself).text());
			$(myself).text(localOptions.submitting).css({ background: '#ccc', cursor: 'default' }).removeAttr('onclick').off('click');
			$.ajax({
				type: 'post',
				url: `/${r}/addMessage`,
				data: $('#form1').serialize(),
				success: function (resq) {
					const res = resq;
					if (res.state == '200') {
						myAlert(res.info);
						$('.footer-con input').val('');
						$('.footer-con textarea').val('');
						window.verifyCode.refresh();
						substatus = 0;
						$(myself).text(localOptions.submit).css({ background: '#16426E', cursor: 'pointer' }).on('click', subinfo);
					} else {
						window.verifyCode.refresh();
						substatus = 0;
						myAlert(res.info);
						$(myself).text(localOptions.submit).css({ background: '#16426E', cursor: 'pointer' }).on('click', subinfo);
					}
				},
				error: function (res) {
					window.verifyCode.refresh();
					substatus = 0;
					myAlert(localOptions.unknownErr + res.state);
					$(myself).text(localOptions.submit).css({ background: '#16426E', cursor: 'pointer' }).on('click', subinfo);
				},
			});
		} else {
			window.verifyCode.refresh();
			myAlert(localOptions.repeatSubmit);
		}
	} else {
		for (const key in validateObj) {
			const value = validateObj[key];
			if (value == '') {
				$(`.footer-con .req-inp[name="${key}"]`).parent().css({ border: '1px solid #830000' });
			}
		}
		window.verifyCode.refresh();
		myAlert(localOptions.required);
	}
}

function maxInputShowSize(classes, color, fontSize, boxPaddingRight, fontBottom) {
	const maxInp = [...$(classes + ' textarea[maxlength')]
	maxInp.forEach((item) => {
		$(item).parent().css({
			paddingRight: boxPaddingRight,
			position: 'relative',
		})
		const span = $(`<span class="val-size">0 / ${$(item).attr('maxlength')}</span>`).css({
			position: 'absolute',
			right: '0.1rem',
			bottom: fontBottom,
			fontSize,
			color,
		})
		$(item).parent().append(span)
		$(item).on('input', function () {
			span.text(`${$(item).val().length} / ${$(item).attr('maxlength')}`)
		})
	})
}

maxInputShowSize('.footer-con', 'rgb(91, 126, 161)', '0.16rem', '0.7rem', '0.12rem')
maxInputShowSize('.esg', 'rgb(178, 178, 178)', '0.12rem', '0.75rem', '0.11rem' )


function topsubsearch(domId, searchString) {
	var tagKW = searchString || (document.getElementById(domId || 'topkeyword') || {}).value;
	if (tagKW.includes('<script>') || tagKW.includes('</script>')) {
		alert(localOptions.security);
		return;
	}
	if (tagKW && tagKW.length > 0) {
		var href = document.querySelector("a[name='foot_sousuo']").href;
		window.location.href = href + '?kw=' + tagKW;
	}
}
if (!IsPC()) {
	if (document.getElementById('mobilesearch')) {
		document.getElementById('mobilesearch').onkeydown = function (event) {
			var e = event || window.event || arguments.callee.caller.arguments[0];
			if (e && e.keyCode == 13) {
				var tagPCKW = document.getElementById('mobilesearch').value;
				if (tagPCKW && tagPCKW.length > 0) {
					var tagPCHref = document.querySelector('#sousuo').href;
					window.location.href = tagPCHref + '?kw=' + tagPCKW;
				}
			}
		};
	}
}