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('16064')){
		var i = length;
		ar_sno[i] = 16064;
		ar_sname[i] = "Member's Charme";
		ar_add[i] = "姫路市塩町117番地 アールビル4階";
		ar_tel[i] = "080-4761-0422";
		ar_photo_url[i] = "16064-1679625091.jpeg";
		ar_timestamp[i] = "1738752036";
		}
	} else {
	ar_sno = [16064];
	ar_sname = ["Member's Charme"];
	ar_add = ["姫路市塩町117番地 アールビル4階"];
	ar_tel = ["080-4761-0422"];
	ar_photo_url = ["16064-1679625091.jpeg"];
	ar_timestamp = ["1738752036"];
	}
	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');
}
}