google.charts.load('current', {
	'packages' : [ 'table' ]
});


var setSelectValue = function(id,value){
	var select_options = document.getElementById(id).options;
	for(var i = 0; i < select_options.length; i++){
		if(select_options[i].value === value){
			select_options[i].selected = true;
			break;
		};
	};
}
var showItem = function(){
	//item_table
	var table_element  = document.getElementById("item_table");
	table_element.innerHTML = "";

	for(var r_key in visitorSettingItemModel){
		var romMap = visitorSettingItemModel[r_key];
		var setting_type = romMap['setting_type'];
		switch (setting_type) {
			case "email":
				var label_element = document.createElement('p');
				label_element.setAttribute('class', "bg_0 ");
				label_element.innerHTML = "メールアドレス";
				table_element.appendChild(label_element);

				var input_element = document.createElement('input');
				input_element.setAttribute('type', "email");
				input_element.setAttribute('id', "email_input");
				input_element.setAttribute('name', "email_input");
				input_element.setAttribute('maxlength', "150");
				input_element.setAttribute('class', "form-control w-100");
				input_element.setAttribute('placeholder', "E-mail Address");
				table_element.appendChild(input_element);

				break;

			case "address":

				var label_element = document.createElement('p');
				label_element.setAttribute('class', "bg_0 mt-4");
				label_element.innerHTML = "会社名";
				table_element.appendChild(label_element);

				var input_element = document.createElement('input');

				input_element = document.createElement('input');
				input_element.setAttribute('type', "text");
				input_element.setAttribute('id', "room_input");
				input_element.setAttribute('name', "room_input");
				input_element.setAttribute('class', "form-control w-100");
				input_element.setAttribute('placeholder', "Company Name");
				table_element.appendChild(input_element);

/*
				label_element = document.createElement('p');
				label_element.setAttribute('class', "bg_0 mt-4");
				label_element.innerHTML = "郵便番号";
				table_element.appendChild(label_element);

				input_element = document.createElement('input');
				input_element.setAttribute('type', "text");
				input_element.setAttribute('id', "zip_input");
				input_element.setAttribute('name', "zip_input");
				input_element.setAttribute('class', "form-control w-100");
				input_element.setAttribute('maxlength', "10");
				input_element.setAttribute('placeholder', "-で区切ってください");
				table_element.appendChild(input_element);

				var label_element = document.createElement('p');
				label_element.setAttribute('class', "bg_0 mt-4");
				label_element.innerHTML = "住所";
				table_element.appendChild(label_element);

				input_element = document.createElement('input');
				input_element.setAttribute('type', "text");
				input_element.setAttribute('id', "address_input");
				input_element.setAttribute('name', "address_input");
				input_element.setAttribute('class', "form-control w-100");
				input_element.setAttribute('placeholder', "住所");
				input_element.setAttribute('maxlength', "150");
				table_element.appendChild(input_element);

				var label_element = document.createElement('p');
				label_element.setAttribute('class', "bg_0 mt-4");
				label_element.innerHTML = "電話番号";
				table_element.appendChild(label_element);

				var input_element = document.createElement('input');
				input_element.setAttribute('type', "tel");
				input_element.setAttribute('id', "tel_input");
				input_element.setAttribute('name', "tel_input");
				input_element.setAttribute('class', "form-control w-100");
				input_element.setAttribute('placeholder', "電話番号");
				table_element.appendChild(input_element);
*/
				break;
			case "name":
				var label_element = document.createElement('p');
				label_element.setAttribute('class', "bg_0 mt-4");
				label_element.innerHTML = "氏名";
				table_element.appendChild(label_element);

				var input_element = document.createElement('input');
				input_element.setAttribute('type', "text");
				input_element.setAttribute('id', "name_input");
				input_element.setAttribute('name', "name_input");
				input_element.setAttribute('class', "form-control w-100");
				input_element.setAttribute('placeholder', "Your Name");
				table_element.appendChild(input_element);

				break;
			case "chk_1":

				var label_element = document.createElement('p');
				label_element.setAttribute('class', "bg_0 mt-4");
				label_element.innerHTML = romMap['setting_name'];
				table_element.appendChild(label_element);

				var chkColList = romMap['setting_select'].split(',');
				for(var c_key in chkColList){
					var c_label_element = document.createElement('label');
					var chk_element = document.createElement('input');
					chk_element.setAttribute('type', "checkbox");
					chk_element.setAttribute('id', "chk_1_"+c_key);
					chk_element.setAttribute('name', "chk_1[]");
					chk_element.setAttribute('class', "form-control w-25");
					chk_element.setAttribute('value', chkColList[c_key]);
					c_label_element.appendChild(chk_element);
					var span_element = document.createElement('span');
					//c_label_element.setAttribute("for","chk_1_"+c_key);
					span_element.innerHTML = chkColList[c_key];
					c_label_element.appendChild(span_element);
					table_element.appendChild(c_label_element);
				}
				break;
			case "chk_2":
				var label_element = document.createElement('p');
				label_element.setAttribute('class', "bg_0 mt-4");
				label_element.innerHTML = romMap['setting_name'];
				table_element.appendChild(label_element);



				var chkColList = romMap['setting_select'].split(',');
				for(var c_key in chkColList){
					var c_label_element = document.createElement('label');
					chk_element.setAttribute('class', "content_section demo1");

					var chk_element = document.createElement('input');
					chk_element.setAttribute('type', "checkbox");
					chk_element.setAttribute('id', "chk_2_"+c_key);
					chk_element.setAttribute('name', "chk_2[]");
					chk_element.setAttribute('class', "");
					chk_element.setAttribute('value', chkColList[c_key]);
					c_label_element.appendChild(chk_element);
					var span_element = document.createElement('span');
					//c_label_element.setAttribute("for","chk_2_"+c_key);
					span_element.innerHTML = chkColList[c_key];
					c_label_element.appendChild(span_element);
					table_element.appendChild(c_label_element);
				}
				break;
			case "chk_3":

				var label_element = document.createElement('p');
				label_element.setAttribute('class', "bg_0 mt-4");
				label_element.innerHTML = romMap['setting_name'];
				table_element.appendChild(label_element);

				var chkColList = romMap['setting_select'].split(',');
				for(var c_key in chkColList){
					var c_label_element = document.createElement('label');
					var chk_element = document.createElement('input');
					chk_element.setAttribute('type', "checkbox");
					chk_element.setAttribute('id', "chk_3_"+c_key);
					chk_element.setAttribute('name', "chk_3[]");
					chk_element.setAttribute('class', "form-control w-25");
					chk_element.setAttribute('value', chkColList[c_key]);
					c_label_element.appendChild(chk_element);
					var span_element = document.createElement('span');
					//c_label_element.setAttribute("for","chk_3_"+c_key);
					span_element.innerHTML = chkColList[c_key];
					c_label_element.appendChild(span_element);
					table_element.appendChild(c_label_element);
				}
				break;
			case "radio_1":

				var label_element = document.createElement('p');
				label_element.setAttribute('class', "bg_0 mt-4");
				label_element.innerHTML = romMap['setting_name'];
				table_element.appendChild(label_element);

				var chkColList = romMap['setting_select'].split(',');
				for(var c_key in chkColList){
					var c_label_element = document.createElement('label');
					var radio_element = document.createElement('input');
					radio_element.setAttribute('type', "radio");
					radio_element.setAttribute('id', "radio_1_"+c_key);
					radio_element.setAttribute('name', "radio_1");
					radio_element.setAttribute('class', "form-control w-25");
					radio_element.setAttribute('value', chkColList[c_key]);
					c_label_element.appendChild(radio_element);
					var span_element = document.createElement('span');
					span_element.setAttribute("for","radio_1_"+c_key);
					span_element.setAttribute('style', "    line-height: 18px;");
					span_element.setAttribute('class', "mt-0 pt-0");
					span_element.innerHTML = chkColList[c_key];
					c_label_element.appendChild(span_element);
					table_element.appendChild(c_label_element);

				}
				break;
			case "radio_2":
				var label_element = document.createElement('p');
				label_element.setAttribute('class', "bg_0 mt-4");
				label_element.innerHTML = romMap['setting_name'];
				table_element.appendChild(label_element);

				var chkColList = romMap['setting_select'].split(',');
				for(var c_key in chkColList){
					var c_label_element = document.createElement('label');
					var radio_element = document.createElement('input');
					radio_element.setAttribute('type', "radio");
					radio_element.setAttribute('id', "radio_2_"+c_key);
					radio_element.setAttribute('name', "radio_2");
					radio_element.setAttribute('class', "form-control w-25");
					radio_element.setAttribute('value', chkColList[c_key]);
					c_label_element.appendChild(radio_element);
					var span_element = document.createElement('span');
					span_element.setAttribute("for","radio_2_"+c_key);
					span_element.setAttribute('style', "    line-height: 18px;");
					span_element.setAttribute('class', "mt-0 pt-0");
					span_element.innerHTML = chkColList[c_key];
					span_element.innerHTML = chkColList[c_key];
					c_label_element.appendChild(span_element);
					table_element.appendChild(c_label_element);
				}
				break;
			case "radio_3":
				var label_element = document.createElement('p');
				label_element.setAttribute('class', "bg_0 mt-4");
				label_element.innerHTML = romMap['setting_name'];
				table_element.appendChild(label_element);

				var chkColList = romMap['setting_select'].split(',');
				for(var c_key in chkColList){
					var c_label_element = document.createElement('label');
					var radio_element = document.createElement('input');
					radio_element.setAttribute('type', "radio");
					radio_element.setAttribute('id', "radio_3_"+c_key);
					radio_element.setAttribute('name', "radio_3");
					radio_element.setAttribute('class', "form-control w-25");
					radio_element.setAttribute('value', chkColList[c_key]);
					c_label_element.appendChild(radio_element);
					var span_element = document.createElement('span');
					span_element.setAttribute("for","radio_3_"+c_key);
					span_element.setAttribute('style', "    line-height: 18px;");
					span_element.setAttribute('class', "mt-0 pt-0");
					span_element.innerHTML = chkColList[c_key];
					span_element.innerHTML = chkColList[c_key];
					c_label_element.appendChild(span_element);
					table_element.appendChild(c_label_element);
				}
				break;
			default:
				// 式の値にマッチするものが存在しない場合に実行する文
		    break;
		}
	}
}
var fastFunc = function(){
	showItem();
}
var registration = function() {

	for(var r_key in visitorSettingItemModel){
		var romMap = visitorSettingItemModel[r_key];
		var setting_type = romMap['setting_type'];
		switch (setting_type) {
			case "email":
				if (document.getElementById("email_input").value == ""  ) {
					alert("メールアドレスが入力されていません。");
					return;
				}
				var regexp = /^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]{1,}\.[A-Za-z0-9]{1,}$/;
				if (regexp.test(document.getElementById("email_input").value)) {}else{
					alert("メールアドレスが正しく入力されていません。");
					return;
				}
				break;
			case "address":
				/*
				if (document.getElementById("zip_input").value == ""  ) {
					alert("郵便番号が入力されていません。");
					return;
				}
				var regexp1 = /^\d{3}-\d{4}$/;
				var regexp2 = /^\d{7}$/;
				if (regexp1.test(document.getElementById("zip_input").value) || regexp2.test(document.getElementById("zip_input").value) ) {

				}else{
					alert("郵便番号が正しく入力されていません。");
					return;
				}
				if (document.getElementById("address_input").value == ""  ) {
					alert("住所が入力されていません。");
					return;
				}
				if (document.getElementById("tel_input").value == ""  ) {
					alert("電話番号が入力されていません。");
					return;
				}
				*/
				if (document.getElementById("room_input").value == ""  ) {
					alert("会社名が入力されていません。");
					return;
				}

				break;
			case "name":
				if (document.getElementById("name_input").value == ""  ) {
					alert("名前が入力されていません。");
					return;
				}
				break;
			case "chk_1":
				var chk1checked = false;
				var chkColList = romMap['setting_select'].split(',');
				for(var c_key in chkColList){
					if (document.getElementById("chk_1_"+c_key).checked) {
						chk1checked = true;
					}
				}
				if (!chk1checked) {
					alert("一つも選択されていない項目があります。");
					return;
				}
				break;
			case "chk_2":
				var chk2checked = false;
				var chkColList = romMap['setting_select'].split(',');
				for(var c_key in chkColList){
					if (document.getElementById("chk_2_"+c_key).checked) {
						chk2checked = true;
					}
				}
				if (!chk2checked) {
					alert("一つも選択されていない項目があります。");
					return;
				}
				break;
			case "chk_3":
				var chk3checked = false;
				var chkColList = romMap['setting_select'].split(',');
				for(var c_key in chkColList){
					if (document.getElementById("chk_3_"+c_key).checked) {
						chk3checked = true;
					}
				}
				if (!chk3checked) {
					alert("一つも選択されていない項目があります。");
					return;
				}
				break;
			case "radio_1":
				var radio1checked = false;
				var chkColList = romMap['setting_select'].split(',');
				for(var c_key in chkColList){
					if (document.getElementById("radio_1_"+c_key).checked) {
						radio1checked = true;
					}
				}
				if (!radio1checked) {
					alert("一つも選択されていない項目があります。");
					return;
				}
				break;
			case "radio_2":
				var radio2checked = false;
				var chkColList = romMap['setting_select'].split(',');
				for(var c_key in chkColList){
					if (document.getElementById("radio_2_"+c_key).checked) {
						radio2checked = true;
					}
				}
				if (!radio2checked) {
					alert("一つも選択されていない項目があります。");
					return;
				}
				break;
			case "radio_3":
				var radio3checked = false;
				var chkColList = romMap['setting_select'].split(',');
				for(var c_key in chkColList){
					if (document.getElementById("radio_3_"+c_key).checked) {
						radio3checked = true;
					}
				}
				if (!radio3checked) {
					alert("一つも選択されていない項目があります。");
					return;
				}
				break;
			default:
				// 式の値にマッチするものが存在しない場合に実行する文
		    break;
		}
	}
	document.event_form.submit();

}
// 読み込み終わったら実行
google.charts.setOnLoadCallback(fastFunc);