window.onload = SaveLocalStrage();
function SaveLocalStrage() {
	var ar_sno = ar_sname = ar_add = ar_tel = ar_timestamp = ar_photo_url = [];
	var json_ar_sno = localStorage.getItem('ar_sno');
	var json_ar_sname = localStorage.getItem('ar_sname');
	var json_ar_add = localStorage.getItem('ar_add');
	var json_ar_tel = localStorage.getItem('ar_tel');
	var json_ar_photo_url = localStorage.getItem('ar_photo_url');
	var json_ar_timestamp = localStorage.getItem('ar_timestamp');
	ar_sno = JSON.parse(json_ar_sno);
	ar_sname = JSON.parse(json_ar_sname);
	ar_add = JSON.parse(json_ar_add);
	ar_tel = JSON.parse(json_ar_tel);
	ar_photo_url = JSON.parse(json_ar_photo_url);
	ar_timestamp = JSON.parse(json_ar_timestamp);
	if(ar_sno){
		var length = ar_sno.length;
	}
	if(length > 0){
		if(!json_ar_sno.includes('19301')){
		var i = length;
		ar_sno[i] = 19301;
		ar_sname[i] = "優菜";
		ar_add[i] = "西宮市戸田町 ゴールドウッズ西宮　401";
		ar_tel[i] = "090-4490-6789";
		ar_photo_url[i] = "19301-0-1741946390.webp,19301-1-1741946391.webp,";
		ar_timestamp[i] = "1743663257";
		}
	} else {
	ar_sno = [19301];
	ar_sname = ["優菜"];
	ar_add = ["西宮市戸田町 ゴールドウッズ西宮　401"];
	ar_tel = ["090-4490-6789"];
	ar_photo_url = ["19301-0-1741946390.webp,19301-1-1741946391.webp,"];
	ar_timestamp = ["1743663257"];
	}
	json_ar_sno = JSON.stringify(ar_sno);
	json_ar_sname = JSON.stringify(ar_sname);
	json_ar_add = JSON.stringify(ar_add);
	json_ar_tel = JSON.stringify(ar_tel);
	json_ar_photo_url = JSON.stringify(ar_photo_url);
	json_ar_timestamp = JSON.stringify(ar_timestamp);
	localStorage.setItem('ar_sno', json_ar_sno);
	localStorage.setItem('ar_sname', json_ar_sname);
	localStorage.setItem('ar_add', json_ar_add);
	localStorage.setItem('ar_tel', json_ar_tel);
	localStorage.setItem('ar_photo_url', json_ar_photo_url);
	localStorage.setItem('ar_timestamp', json_ar_timestamp);
}
function show_result() {
	var result = "<ul class='shop_history_list '>";
	var ar_sno = ar_sname = ar_add = ar_tel = ar_timestamp = ar_photo_url = [];
	var json_ar_sno = localStorage.getItem('ar_sno');
	var json_ar_sname = localStorage.getItem('ar_sname');
	var json_ar_add = localStorage.getItem('ar_add');
	var json_ar_tel = localStorage.getItem('ar_tel');
	var json_ar_photo_url = localStorage.getItem('ar_photo_url');
	var json_ar_timestamp = localStorage.getItem('ar_timestamp');
	ar_sno = JSON.parse(json_ar_sno);
	ar_sname = JSON.parse(json_ar_sname);
	ar_add = JSON.parse(json_ar_add);
	ar_tel = JSON.parse(json_ar_tel);
	ar_photo_url = JSON.parse(json_ar_photo_url);
	ar_timestamp = JSON.parse(json_ar_timestamp);
	if (ar_sno !== null ) {
		var length = ar_sno.length;
	} else {
		var length = 0;
	}
	for(var i=length-1; i>=0; i--){
		if(!ar_photo_url[i] || ar_photo_url[i]==",,"){ar_photo_url[i] = "./img/icon.jpg";}
		else {
			const str= ar_photo_url[i];
			const ar_sphoto_url = str.split(',');
			ar_photo_url[i]= ar_sphoto_url[0];
			if(!ar_photo_url[i].match(/shop/)){ar_photo_url[i]="./shop/"+ar_photo_url[i];}
	}
		result += "<li class='shopdata'><a href=\'./shop.php?sno="+ar_sno[i]+"&device=\' target=\'_blank\'><div class='box0'><div class='box1 shop_photo'><img src='"+ar_photo_url[i]+"'></div><div class='box2'><div class='shop_name'>"+ar_sname[i]+"</div><div class='add'>"+ar_add[i]+"</div><div class='tel'>"+ar_tel[i]+"</div></div></div><div class='box3'><div class='shop_arrow'><img src='./img/icon_arrow_r.svg'></div></div></a></li>";
	}

	result += "</ul>";
	if(!length){
		$('#dustbox_box').css('display', 'none');
	} else {
	document.getElementById("show_result").innerHTML = result;
	}
}

function remove() {
	var txt = document.getElementById("keyin").value;
	localStorage.removeItem(txt);  // 指定key に対応するデータを削除 ?>
	show_result();
}
function balse(){
const v = confirm('履歴データをすべて削除します。削除したデータは取り消せません。よろしいですか？');
if(v === true){
  localStorage.clear();
	document.getElementById("show_result").innerHTML = "削除しました。";
	$('#dustbox_box').css('display', 'none');
}
}