/* <br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/users/web13/2/8/0263882/www.skmek.com/wp/wp-content/themes/2024_01/js/contact.js.php:1) in <b>/home/users/web13/2/8/0263882/www.skmek.com/wp/wp-content/themes/2024_01/js/contact.js.php</b> on line <b>2</b><br />
form送信 */


jQuery(window).on('load', function () {
	// selectの色変え
	/* jQuery('[name="type"]').on('change', function() {
		if(jQuery('[name="type"]').val() != '') {
			jQuery('[name="type"]').css('color', '#222');
		}
	}); */
	// 送信後のアコーディオン
	jQuery('.form-accordion-opener').on('click', function() {
		jQuery("#dispmsg").empty().removeClass('open');
		jQuery('.form-accordion').slideDown();
		jQuery('.form-sent').fadeOut();
	});
	// 送信チェック
	jQuery('.form').submit(function () {
		if (jQuery('[name="email"]').val().trim() != jQuery('[name="email-check"]').val().trim()) {
			smoothScrollTo('[name="email"]');
			setTimeout(function () {
				alert('メールアドレスが一致していません');
				jQuery('[name="email-check"]').focus();
			}, 500);
		} else if (jQuery('[name="chkflag"]').val() == '0') {
			jQuery('[name="chkflag"]').val('1');
			jQuery('body').addClass('checking');
			jQuery('.check-list').html('<dl><dt>希望職種</dt><dd>' + jQuery('[name="type"]:checked').val() + '</dd><dt>お名前</dt><dd>' + jQuery('[name="name"]').val() + '</dd><dt>カタカナ</dt><dd>' + jQuery('[name="kana"]').val() + '</dd><dt>生年月日</dt><dd>' + jQuery('[name="birthday"]').val() + '</dd><dt>性別</dt><dd>' + jQuery('[name="gender"]:checked').val() + '</dd><dt>メールアドレス</dt><dd>' + jQuery('[name="email"]').val() + '</dd><dt>お電話番号</dt><dd>' + jQuery('[name="tel"]').val() + '</dd><dt>備考</dt><dd>' +  jQuery('[name="detail"]').val().replace(/\r?\n/g,'<br>') + '</dd></dl>');
			jQuery('.return').on('click', formReturn);
			jQuery(window).keyup(function (e) {
				if (e.keyCode == 27) {
					formReturn()
				}
			});
		}
		else {
			jQuery('body').removeClass('checking');
			jQuery('.sending-effect').addClass('sending');
			jQuery('[name="chkflag"]').val('0');
			jQuery('.check-list').empty();
			jQuery('#dispmsg').removeClass('error');
			setTimeout(function(){smoothScrollTo('#form');}, 200);
			var form = jQuery('.form').get()[0];
			var formData = new FormData(form);
			jQuery.ajax({
				url: 'https://www.skmek.com/form.php?suf=recruit',
				type: 'POST',
				dataType: 'json',
				data: formData,
				processData: false,
				contentType: false
			})
			.done(function (data) {
				if (data.errflg != 1) {
					jQuery('.form-accordion').slideToggle(0);
					jQuery('.form-sent').fadeIn();
				} else {
					jQuery('#dispmsg').addClass('error');
				}
				jQuery("#dispmsg").empty();
				jQuery("#dispmsg").html(data.dispmsg).addClass('open');
					jQuery('.sending-effect').css({
						'transition': '.5s ease .25s'
					}).removeClass('sending');
					setTimeout(function(){jQuery('.sending-effect').removeAttr('style')}, 1000);
			})
			.fail(function (data) {
				jQuery('#dispmsg').html('メールの送信に失敗しました。<br>時間をあけて再度送信いただくか、<br>お急ぎの場合はお電話いただけますと幸いです。').addClass('error');
				jQuery('.sending-effect').css({
						'transition': '.5s ease .25s'
					}).removeClass('sending');
			})
		}
		return false;
	});

	function formReturn() {
		jQuery('[name="chkflag"]').val('0');
		jQuery('body').removeClass('checking');
		jQuery('.check-list').empty();
		smoothScrollTo('#form');
	}

	function smoothScrollTo(obj) {
		var speed = 200;
		var target = jQuery(obj);
		var position = target.offset().top - jQuery('.site-header').height();
		jQuery("html, body").animate({
			scrollTop: position
		}, speed, "swing");
		return false;
	}

});