/* FAQ専用のボットスクリプト */
/* MITライセンス */
/**/
"use strict";//厳格モードで実装

    //初期定義の他にボタンクリック時も動かすため、グローバル変数にする。
    //文字列(html要素)を格納できる配列を定義
    var chatDom =[];

	/*閲覧されてからボットが動いた回数*/
	var answercount=0;

    // 文字列(質問と回答)を格納する配列
    let requestDom =[];
    var responseDom =[];

	var ButtonFlg=0;

    //文字列（この場合は引数のdom）を配列の要素として格納できる関数
    var p = function(dom){
        chatDom.push(dom);
    };

//タイトル、大分類、中分類、回答

	//var SQLList = [["ソーガイド1","答え1"],["ソーガイド2","答え2"],["ソーガイド3","答え3"]];
	var SQLList = [];
	/*
	var botname = "";

	function nameset(str){
		botname = str;
	}
*/
var jdata = [];
let jdatatmp = [];
var num = 0;
/**
 * id=your_containerに対してチャットUIを組み込む
 **/
$(document).ready(function() {//htmlの描画が終わったら、処理を実行する記述

	try{

        
    }catch(err){
        window.alert
    }

    
	//テキストエリアに書き込まれた文字を配列にpushして、別のファンクションで配列から取り出し、連続で画面に表示する。
	var TestStr = hdjgdfhshsh_dgjgjfksHsexjkkt[0];//"" + f_text;//"最初に出す文字列。ここが空白なら何も出さない";//isKanji("あ暗なか中模索中の模索");
	for(let q_count = 0; q_count < faahrhhrqhrSWHREQEgQqfaqFege.length; q_count++){
		SQLList.push([faahrhhrqhrSWHREQEgQqfaqFege[q_count],gegaehhhhajtestezhhdngt__fga[q_count]]);
	}



    //配列の要素として一つ一つ格納していき、最後にjoin関数で結合する
    //チャットの外側部分①<button type="button" style="float:left;background-color:lightblue;border-radius:30px;margin-left:50px;" onclick="pagedown();return false;">最下段に移動</button>
    p('<div id="bms_messages_container">');

        //ヘッダー部分②
        p('<div id="bms_chat_header">');
            p('<div id="bms_chat_user_status">');
                p('<div id="bms_chat_user_name">' + nsfgrhattjmkykykykcfeaafrreh + '</div>');
            p('</div><a href="index.html" id="indexlink" target="_blank">QnAクリエイター</a>');
		p('</div>');



        //タイムライン部分③
        p('<div id="bms_messages">');
		   if(TestStr != ""){
				p('<div class="bms_message bms_left">');
					p('<div class="bms_message_box">');
						p('<div class="bms_message_content">');
							p('<div class="bms_message_text">' + TestStr + '</div>');
						p('</div>');
					p('</div>');
				p('</div>');
				p('<div class="bms_clear"></div>');
	 		}

			p('<div id="PushMore">');
			p('</div>');


        p('</div>');

    p('</div>');
        //jQueryのappend関数を使って、your_containerの直下にhtml要素を書き加える
        $('#your_container').append(chatDom.join(''));
		Choice_ALL("",0);
});


function Choice_ALL(str,firstFLG){

	buttonStyleChange();
	num+=1;

	var text = [];
	
	text = textChoice(str,firstFLG);//textChoice(document.getElementById("bms_send_message").value);

/*
	$("#PushMore").append('<div class="bms_message bms_right"><div class="bms_message_box"><div class="bms_message_content"><div class="bms_message_text">' + "text");
	$("#PushMore").append('<div class="bms_clear">');
*/
	//回答を表示する
	if(ButtonFlg == 0){

		for(var i = 0 ;i<text.length;i++){

			//左側　回答要素
			$("#PushMore").append('<div class="bms_message bms_left"><div class="bms_message_box"><div class="bms_message_content"><div class="bms_message_text">' + text[i]);
		}
	//ボタンを表示する
	}else if(ButtonFlg == 1){
		var a="";
		for(var i = 0 ;i<text.length;i++){
			if(text[i] != undefined){
				a = a + text[i];
			}
		}


//		$("#PushMore").append('<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7685654035416474" crossorigin="anonymous"></script><ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-7685654035416474" data-ad-slot="8535774020"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script><div class="bms_message bms_left"><div class="bms_message_box"><div class="bms_message_content"><div class="bms_message_text">' + a);
		$("#PushMore").append('<div class="bms_message bms_left"><div class="bms_message_box"><div class="bms_message_content"><div class="bms_message_text">' + a);
	}

	$("#PushMore").append('<div class="bms_clear">');


}

//2021/11/20 最初にデータベースから取ってきた質問を表示するように変更
//2021/12/26 最初の質問の表示かどうかを判断する引数を追加
function textChoice(str,firstFLG){
	var answer=[];
	ButtonFlg = 0;

	/*
	var count = SQLList.length;
	for(var num = 0; num <= count-1; num++){
		answer.push(SQLList[num][0]);
	}
*/
	var count = 0;
	if(str == ""){
		count = SQLList.length;
		for(var num = 0; num <= count-1; num++){
			//console.log(SQLList[num][0]);
			answer.push(SQLList[num][0]);
		}
	}else{
		count = str.length;
		
		for(var num = 0; num <= count-1; num++){
			answer.push(str[num]);
		}
	}

	//answerの中身が複数であるとき、それをボタンにして返す。
	if(answer.length >= 1){
		answer = makeButton(answer,firstFLG);
		ButtonFlg=1;
	}

	return answer;
}


var GlobalIcount=0;

function makeButton(text,firstFLG){

	var str=[];
	var strtmp="";
	for(var i = 0 ;i<text.length;i=i+1){
		
		var tst = text[i].replaceAll("&quot;","sq-change-period");
		tst = tst.replaceAll("&#039;","dq-change-period");
		tst = tst.replaceAll("&lt;","flont-change-period");
		tst = tst.replaceAll("&gt;","another-change-period");
		tst = tst.replaceAll("&amp;","and-change-period");

		if(firstFLG == 0){
			if(qthfopamltfafahghahhrwgagage[i] == 1){
				str[i]= '<div class="bms_message_btn" style="margin-bottom:5px;" onclick="buttonStyleChange();gt(\'' + tst + '\');">' + text[i] + '</div>';
//				str[i]= '<div class="bms_message_btn" style="margin-bottom:5px;" onclick="buttonStyleChange();gt(\'' + text[i] + '\');">' + text[i] + '</div>';
//				str[i]= '<div class="bms_message_btn" style="margin-bottom:5px;" onclick="buttonStyleChange();">' + text[i] + '</div>';
			}
		}else{
			if(text[i].substring(0,3) == "{q-"){
				strtmp = tst.substring(3,tst.length-3);
				text[i] = text[i].replaceAll("{q-","");
				text[i] = text[i].replaceAll("-q}","");
//				strtmp = text[i].substring(3,text[i].length-3);
				str[i]= '<div class="bms_message_btn" style="margin-bottom:5px;" onclick="buttonStyleChange();gt(\'' + strtmp + '\');">' + text[i] + '</div>';
			}else{
				str[i]= '<div class="bms_message_text">' + text[i] + '</div>';

			}
	
		}

//		
	}

	GlobalIcount++;
	return str;
}

//ボタンクリック時、テキスト送信時に選択ボタンをクリックできなくさせる。
function buttonStyleChange(){
	let btn_list = document.getElementsByClassName("bms_message_btn");

	for(var i = 0;i<= btn_list.length - 1;i++){
		document.getElementsByClassName("bms_message_btn").item(i).style.color = "blue";
		document.getElementsByClassName("bms_message_btn").item(i).onclick = "";
	}

}

function gt(tmp){
//	var ClickText = document.getElementById('botnum-' + tmp).innerHTML; // tmp;
	var ClickText = tmp;
	//var clickCount = tmp[1];

	var ClickText = ClickText.replaceAll("sq-change-period","&quot;");
	ClickText = ClickText.replaceAll("dq-change-period","&#039;");
	ClickText = ClickText.replaceAll("flont-change-period","&lt;");
	ClickText = ClickText.replaceAll("another-change-period","&gt;");
	ClickText = ClickText.replaceAll("and-change-period","&amp;");
	
	var text = "";
	text = "";//textChoice(ClickText);//"text";//

	//選んだ質問を表示
	$("#PushMore").append('<div class="bms_message bms_right"><div class="bms_message_box"><div class="bms_message_content"><div class="bms_message_text">' + ClickText);
	$("#PushMore").append('<div class="bms_clear">');

	var count = SQLList.length;
	for(var num = 0; num <= count-1; num++){
		if(SQLList[num][0] == ClickText){
			text = SQLList[num][1];
			//text = "test1 <l-test&http:-l> test2 <l-test2&http:-l> test3 <l-tes3&http:-l>";//SQLList[num][1] + SQLList[num][1] + SQLList[num][1];

			//textに<l-x:-yl>があれば、<a href="y">x</a>にする
			//if(text.indexOf("l-") != -1){
			
			let startlist = [];
			let stoplist = [];
			let Alllist = [];
			let Arraystr = "";

			if(text.indexOf("{l-") != -1){
				startlist = text.split("{l-");

				for(var i = 0; i < startlist.length; i++){

					if(startlist[i].indexOf("-l}") != -1){
						stoplist = startlist[i].split("-l}");

						let list = [];
						list = stoplist[0].split("(");
						list[1] = list[1].substring(0,list[1].length-1)

						Alllist.push("<a href=" + list[1] + " target='_blank'>" + list[0] + "</a>");
						Alllist.push(stoplist[1]);
					}else{
						Alllist.push(startlist[i]);
					}
				}
				for(var i = 0; i < Alllist.length; i++){
					Arraystr = Arraystr + Alllist[i]
				}

				text = Arraystr;
			}

			startlist = [];
			Arraystr = [];
			Alllist = [];

			//  2022/03/06
			if(text.indexOf("{i-") != -1){
				startlist = text.split("{i-");

				for(var i = 0; i < startlist.length; i++){

					if(startlist[i].indexOf("-i}") != -1){

						stoplist = startlist[i].split("-i}");

						let list = [];
						list = stoplist[0].split("(");

						Alllist.push("<a href='./img/" + ifegmeaafsgigegerghgrhhjdmcb + "/img-" + list[0] + "' target='_blank'><img style='width:100%;max-width:300px;' src='./img/" + ifegmeaafsgigegerghgrhhjdmcb + "/img-" + list[0] + "'></img></a>");
						Alllist.push(stoplist[1]);

					}else{
						Alllist.push(startlist[i]);
					}
					
				}
				for(var i = 0; i < Alllist.length; i++){
					Arraystr = Arraystr + Alllist[i]
				}

				text = Arraystr;
			}

			startlist = [];
			Arraystr = [];
			Alllist = [];
			if(text.indexOf("{q-") != -1){
				startlist = text.split("{q-");
				
				for(var i = 0; i < startlist.length; i++){
					Arraystr.push(startlist[i]);

					if(startlist[i].indexOf("-q}") != -1){
						let strlist = startlist[i].split("-q}");
						
						for(var j = 0; j < strlist.length; j++){

							//ボタン化したい文字と、-q}で区切られた最後の文が入る
							if(strlist[j] != ""){
								if(parseInt(strlist[j],10)){
									Alllist.push("{q-" + faahrhhrqhrSWHREQEgQqfaqFege[parseInt(strlist[j],10)-1] + "-q}");
								}else{
									Alllist.push(strlist[j]);
								}
							}
						}
						
					}else{
						if(startlist[i] != ""){
							Alllist.push(startlist[i]);
						}
					}
				}
				
				text = Alllist;
			}

			startlist = [];
			Arraystr = [];
			Alllist = [];
/*
			//  2022/03/19
			if(text.indexOf("{m}") != -1){
				startlist = text.split("{m}");

				for(var i = 0; i < startlist.length; i++){

					if(startlist[i].indexOf("-i}") != -1){

						stoplist = startlist[i].split("-i}");

						let list = [];
						list = stoplist[0].split("(");

						Alllist.push("<textarea id='mailmessage-" + answercount + "' style='width:100%;max-width:200px;height:50px;'></textarea><button type='button' onclick='sendmessage(" + answercount + ");'>送信</button>");
						Alllist.push(stoplist[1]);


					}else{
						Alllist.push(startlist[i]);
					}
					
				}
				for(var i = 0; i < Alllist.length; i++){
					Arraystr = Arraystr + Alllist[i]
				}

				text = Arraystr;
			}
*/

			//  2022/03/19
			if(text.indexOf("{m}") != -1){
				//startlist = text.split("{m}");
				text = text.replaceAll("{m}","<textarea id='mailmessage-" + answercount + "' style='width:100%;max-width:300px;height:80px;'></textarea><br><button type='button' onclick='sendmessage(" + answercount + ");' style='text-align:center;' >送信</button>");
			}



		}
		
	}

	if(Array.isArray(text)){

		Choice_ALL(text,1);
		var Scroll_Bottom = document.getElementById("bms_messages");
		Scroll_Bottom.scrollTop = Scroll_Bottom.scrollHeight;
	}else{

		//左側　回答要素
		$("#PushMore").append('<div class="bms_message bms_left"><div class="bms_message_box"><div class="bms_message_content"><div class="bms_message_text">' + text);
		$("#PushMore").append('<div class="bms_clear">');

		var Scroll_Bottom = document.getElementById("bms_messages");
		Scroll_Bottom.scrollTop = Scroll_Bottom.scrollHeight;

		Choice_ALL("",0);

	}

	answercount++;
}
function sendmessage(i){
	
	var txt = document.getElementById("mailmessage-" + i).value;
	
	var data = {
		txt : txt,
		address:"mT7A70mHx3bV+VdOJqqYK89s1EFsJMBVq61TF7Yr3yE=",
		id:"8cf1fc47dc30cf3a911437a301916250",
	};


	$.ajax({
		type: "post",
		url: "./botmail.php",
		data: data,
		//Ajax通信が成功した場合
		success: function(data, dataType)
		{
			alert('メールの送信に成功しました' + data);
		},
		error: function()
		{
			alert('メールの送信に失敗しました。時間をおいてから再度お試しください');

		}
	});


}
/*
function pagedown(){
	//ボタンクリック時に『質問を追加』ボタンが表示できるようにスクロールする。
	var element = document.documentElement;
	var bottom = element.scrollHeight - element.clientHeight;
	window.scrollTo({top: 100, left: 0, behavior: 'smooth'});
	console.log("bottom : " + bottom);
}
*/