// ** modal **
// start
jQuery(function(){
	/*　↓↓　モーダルウィンドウ作る　↓↓　*/
	var innerHtml_mdl = '';
	if(jQuery('#btn_item_list').length){
	} else {
		innerHtml_mdl += '<div id="btn_item_list"><img src="/img/usr/freepage/recommended_product/btn_item_list.png" alt="recommend_button"><span id="item_num"></span><span id="item_btn_close"></span></div>'+
				'<div id="mdl_item_list">'+
				'<span id="bg_mdl_item_list"></span>'+
				'<div id="mdl_item_list_container">'+
				'<div class="mdl_item_close_block">'+
				'<div id="mdl_item_close">'+
					'<span class="line-01"></span>'+
					'<span class="line-02"></span>'+
				'</div>'+
				'</div>'+
					'<span id="mdl_ttl">あなたのおすすめ商品</span>'+
					'<div class="recommend_description">'+
					'<div>おすすめしたい商品を友達にシェアしよう！</div>'+
					'<div>①.ご希望の商品詳細ページにアクセスし『おすすめリストに追加』ボタンをクリック'+
					'<br>②.下記リストから共有したい商品を選択'+
					'<br>　※チェックボックスに『&#10003;』を入れた商品を共有する事ができます'+
					'<br>③.下部にある『おすすめ共有リンクのコピーはこちら』をクリックし、SNSやメールで友達にURLを贈る</div>'+
						'<input type="text" id="item_link" name="item_link" value="">'+
						'</div>'+
						'<div class="url_balloon">'+
							'コピーしました。'+
							'<div></div>'+
							'<div></div>'+
						'</div>'+
					'</div>'+
				'</div>'+
			'</div>';
		var now_url = location.pathname;
		if(now_url.match("/shop/r/r75/")){
			return;
		} else {
			jQuery('.container_').append('<div>' + innerHtml_mdl + '</div>');
		};
	}
	/*　↑↑　モーダルウィンドウ作る　↑↑　*/

	function CreateModal() {
		var now_location = window.location.href;
		jQuery('<li class="btn_recommend"></li>').insertAfter('.btn_stock_');
		jQuery('.btn_recommend').attr('onclick',"ga('send', 'event', 'recommended_product', "+ now_location +", 'onclick属性を付与する画像の遷移先');");
		jQuery('<div class="recommend_balloon">おすすめリストに追加しました。<div class="recommend_balloon_1"></div><div class="recommend_balloon_2"></div></div>').appendTo('.btn_recommend');
	};
	CreateModal();
	
	jQuery('#mdl_item_list').hide();
	jQuery('#mdl_item_list').css('opacity','1');

	let param = location.search;
	let location_href_before = location.href;

	// count
	let count_list = 0;
	let func_listCount = function(){
		count_list++;
		if(3 < count_list){
			jQuery('#mdl_item_list_container ul').addClass('scroll');
		} else {
			jQuery('#mdl_item_list_container ul').removeClass('scroll');
		}
	}
	jQuery('#mdl_item_list_container ul li').each(func_listCount);

	// modal open
	let func_mdlOpen = function(){
		jQuery("html, body").addClass("not_scroll");
		jQuery('#mdl_item_list').fadeIn(200);
		jQuery('#mdl_item_list').addClass('active');
		var EC_host = location.href;
		var category = 'pc_.btn_recommend';
		var label = '.btn_recommend';
		ga('send', 'event', category, EC_host, label);		

		var list_count = jQuery('#mdl_item_list_container .recommend_slider_ul').length;
		/*page in move*/
		var list_count = jQuery('#mdl_item_list_container .recommend_slider_ul:not(".bx-clone")').length;
		for(var i = 0; i < list_count; i++){
			var list_slider_count = jQuery('#mdl_item_list_container .recommend_slider_ul').eq(i);
			var list_slider_count_product = list_slider_count.children('ul').children('li').length;
			if(list_slider_count_product == 0){
				list_slider_count.remove();
			}
		};
		if(jQuery('.recommend_slider_ul:not(".bx-clone") input[name=recommend_check]').is(':checked')){
			jQuery("#urlShare_head button").attr("disabled",false);
			jQuery("#urlShare_head button").css("cursor","pointer");
			jQuery("#urlShare_head button").css("background-color","#a88313");
			jQuery("#urlShare_head button").css("border","1px solid #a88313");
		} else {
			jQuery("#urlShare_head button").attr("disabled","disabled");
			jQuery("#urlShare_head button").css("cursor","auto");
			jQuery("#urlShare_head button").css("background-color","#666666");
			jQuery("#urlShare_head button").css("border","1px solid #666666");
		};


		var width_size = window.innerWidth;
		if(width_size <= 786) {
		} else if(width_size < 1106) {
			jQuery('.recommend_slider_body_ .recommend_slider_ul ul li.recommend_product_li .mdl_item_stock').tile(2);
		} else if(width_size < 1445) {
			jQuery('.recommend_slider_body_ .recommend_slider_ul ul li.recommend_product_li .mdl_item_stock').tile(3);
		} else {
			jQuery('.recommend_slider_body_ .recommend_slider_ul ul li.recommend_product_li .mdl_item_stock').tile(4);
		}
	}
	
	jQuery('#btn_item_list img').on('click',func_mdlOpen);
	jQuery('#btn_item_list #item_num').on('click',func_mdlOpen);

	// close
	let func_mdlClose = function(){
		jQuery('#mdl_item_list').fadeOut(200);
		jQuery('#mdl_item_list').removeClass('active');
		jQuery("html, body").removeClass("not_scroll");
	}
	jQuery('#mdl_item_close,#bg_mdl_item_list').on('click',func_mdlClose);
	
	let thisLink;
	let searchLink;
	let searchLink02;
	
	/* ↓↓ トップページにおすすめボタンのモーダル画面で商品項目表示 ↓↓　*/
	function createModalHtml(){
		if(localStorage.getItem('Item')){
			var innerHtml = '';
			var itemDeta = JSON.parse(localStorage.getItem('Item'));

			for(var i in itemDeta){
				var itemDetaCount = itemDeta[i];
				innerHtml += '<li class="recommend_product_li">'+
				'<a class="goods_name_" href="'+itemDetaCount.itemHref+'">'+
				'<img src="'+itemDetaCount.itemImg+'" alt="'+itemDetaCount.itemAlt+'"/>'+
				'</a>'+
				'<div class="mdl_item_name">'+itemDetaCount.itemName+'</div>'+
				'<span class="mdl_item_price price">'+itemDetaCount.itemPrice+'</span>'+
				'<span class="mdl_item_stock">'+itemDetaCount.itemStock+'</span></span>'+
				'<div class="mdl_item_delete"><img src="/img/sys/button/delete_s.gif" alt="削除"></span></div>'+
				'<input type="checkbox" name="recommend_check" value="'+ itemDetaCount.itemCode +'">'+
				'<span class="mdl_item_code" style="display : none;">'+ itemDetaCount.itemCode +'</span>'+
				'</li>';
			};
			jQuery('#mdl_item_list_container .recommend_slider_body_ .recommend_slider_ul:last').not('.bx-clone').children('ul').html(innerHtml);
		};
		
		jQuery('.mdl_item_stock').each(function(){
			if(jQuery(this).text().match('在庫なし')){
				jQuery(this).css('display', 'flex');
				jQuery(this).text('SOLD OUT');
			} else {
				jQuery(this).text('');
				jQuery(this).css('display', 'flex');
			}
		})
		
		jQuery('.mdl_item_delete').on('click',function(){
			var deleteCode = jQuery(this).parent('li').children('.mdl_item_code').text();
			
			var itemDeta = JSON.parse(localStorage.getItem('Item'));
			for(var i in itemDeta){
				var local_itemCode =itemDeta[i].itemCode;
				if(deleteCode == local_itemCode){
					var itemSplice = itemDeta.splice(i, 1);
					localStorage.removeItem(itemSplice);
					var deleteObj =  JSON.stringify(itemDeta);
					localStorage.setItem('Item', deleteObj);
				} else {
				}
			}
			jQuery(this).parent('li').remove();
			jQuery('.btn_recommend').removeClass('active');
			var count_product = jQuery('#mdl_item_list_container .recommend_slider_ul ul li .goods_name_').length;
			jQuery('#item_num').text(count_product);
		});
	}; 
	createModalHtml();
	/* ↑↑ トップページにおすすめボタンのモーダル画面で商品項目表示 ↑↑　*/
	
	/* ↓↓ オススメボタンの商品数表示 ↓↓　*/
	var count_product = jQuery('#mdl_item_list_container .recommend_slider_body_ .recommend_slider_ul').children('ul').children('li').find('.goods_name_').length;
	jQuery('#item_num').text(count_product);
	/* ↑↑ オススメボタンの商品数表示 ↑↑　*/
	
	/* ↓↓ 商品詳細のオススメボタンイベント ↓↓ */
	jQuery('.btn_recommend').on('click',function(){
		var EC_host = location.href;
		var category = 'pc_.bookmark_';
		var label = jQuery('.bookmark_ a').attr('href');
		ga('send', 'event', category, EC_host, label);

		if(jQuery(this).hasClass('active')){
		} else {
			jQuery(this).addClass('active');
			// 商品詳細ページ以外
			if(!jQuery('.goodsproductdetail_ .goodsimg_').length){
				var itemHref = location.href;
				var itemImg = jQuery('.goodsproductdetail_').find('.mainslide_ li .info span .src_1_').attr('src');
				var itemAlt = jQuery('.goodsproductdetail_').find('.mainslide_ li .info span .src_1_').attr('alt');
				var itemName = jQuery('.goodsspec_').find('.goods_name_').html();
				var itemPrice = jQuery('.goodsspec_').find('.goods_price_').html();
				var itemCode = jQuery('#spec_goods').text().replace('商品番号　','');
				var itemStock = jQuery('.btn_cart_ .stock_comment_').text();
			} 
			// 商品詳細ページ
			else {
				var itemHref = location_href_before.replace(/\?.*$/,"");
				let imgCount = 0;
				var itemImg = jQuery('.img_L_ .mainslide_ > li:not(.bx-clone) img').attr('src');
				var itemAlt = jQuery('.img_L_ .mainslide_ > li:not(.bx-clone) img').attr('alt');
				var itemName = jQuery('.goodsspec_ .goods_name_').html();
				var itemPrice = jQuery('.goodsspec_ .goods_price_').html();
				var itemCode = jQuery('#spec_goods').text().replace('商品番号　','');
				var itemStock = jQuery('.btn_cart_ .stock_comment_').text();
			}
			
			if(localStorage.getItem('Item')){
				var jsObj =JSON.parse(localStorage.getItem('Item'));
				var htmlObj = jsObj; 
			} else {
				var htmlObj = [];
			};
			var objCheck = false;
			for(var index in jsObj){
				if(jsObj[index].itemHref.indexOf('https://') != 0){
					var js_itemHref = jsObj[index].itemHref;	
					js_itemHref_https = 'https://feiler.jp' + js_itemHref;
					if(js_itemHref_https == itemHref){
						objCheck = true;
						break; 
					};
				} else {
					if(jsObj[index].itemHref == itemHref){
						objCheck = true;
						break; 
					};
				}
				
			};
			if(objCheck){
				return false;
			} else {
				htmlObj.push({'itemHref':itemHref,'itemImg':itemImg,'itemAlt':itemAlt,'itemName':itemName,'itemPrice':itemPrice,'itemCode':itemCode,'itemStock':itemStock});
			};
			var obj = JSON.stringify(htmlObj);
			localStorage.setItem('Item', obj);
			
			var innerHtml = '';
				var itemHref = location_href_before.replace(/\?.*$/,"");
				let imgCount = 0;
				var itemImg = jQuery('.img_L_ .mainslide_ > li:not(.bx-clone) img').attr('src');
				var itemAlt = jQuery('.img_L_ .mainslide_ > li:not(.bx-clone) img').attr('alt');
				var itemName = jQuery('.goodsspec_ .goods_name_').html();
				var itemPrice = jQuery('.goodsspec_ .goods_price_').html();
				var itemCode = jQuery('#spec_goods').text().replace('商品番号　','');
				var itemStock = jQuery('.btn_cart_ .stock_comment_').text();
				
			innerHtml += '<li class="recommend_product_li">'+
				'<a class="goods_name_" href="'+itemHref+'">'+
				'<img src="'+itemImg+'" alt="'+itemAlt+'"/>'+
				'</a>'+
				'<div class="mdl_item_name">'+itemName+'</div>'+
				'<span class="mdl_item_price price">'+itemPrice+'</span>'+
				'<span class="mdl_item_stock">'+itemStock+'</span></span>'+
				'<div class="mdl_item_delete"><img src="/img/sys/button/delete_s.gif" alt="削除"></span></div>'+
				'<input type="checkbox" name="recommend_check" value="'+ itemCode +'">'+
				'<span class="mdl_item_code" style="display : none;">'+ itemCode +'</span>'+
				'</li>';
			
			jQuery('#mdl_item_list_container .recommend_slider_body_ .recommend_slider_ul:not(".bx-clone")').last().children('ul').append(innerHtml);
			// jQuery(function() {
			// 	var MAX = 8;
			// 	if(jQuery('#mdl_item_list_container .recommend_slider_body_ .recommend_slider_ul:not(".bx-clone")').last().children('ul').children('li').length >= 9){
			// 		var slideMove = jQuery('#mdl_item_list_container .recommend_slider_body_ .recommend_slider_ul:not(".bx-clone")').last().children('ul').children('li').slice(MAX);
			// 		jQuery('<div class="recommend_slider_ul"><ul></ul></div>').insertAfter(jQuery('#mdl_item_list_container .recommend_slider_body_ .recommend_slider_ul:not(".bx-clone")').last());
			// 		jQuery('#mdl_item_list_container .recommend_slider_body_ .recommend_slider_ul:not(".bx-clone")').last().css('display', 'block');
			// 		jQuery('#mdl_item_list_container .recommend_slider_body_ .recommend_slider_ul:not(".bx-clone")').last().children('ul').html(slideMove);
			// 	}
			// });
			
			
			var count_product = jQuery('#mdl_item_list_container .recommend_slider_body_ .recommend_slider_ul').not('.bx-clone').children('ul').children('li').find('.goods_name_').length;
			jQuery('#item_num').text(count_product);
			
			if(!jQuery('#bookmark-modal li').length){
				jQuery('.bookmark-message').hide();
			};

			jQuery(function(){
				var count_product_list = jQuery('#btn_item_list #item_num').text();
				jQuery('#btn_item_list').addClass('active_');
			});
			jQuery('.mdl_item_stock').each(function(){
				if(jQuery(this).text().match('在庫なし')){
					jQuery(this).css('display', 'flex');
					jQuery(this).text('SOLD OUT');
				} else {
					jQuery(this).text('');
				}
			})
			
			thisLink = jQuery(this).parent().find('.img_ a').attr('href');
			jQuery('.bookmark_').each(function(){
				searchLink02 = jQuery(this).parent().find('.img_ a').attr('href');
				if(thisLink == searchLink02){
					jQuery(this).addClass('active');
				}
			});
			jQuery('.recommend_slider_ul input[name=recommend_check]').each(function(){
				jQuery(this).change(function(){
					if(jQuery(this).is(':checked')){
						jQuery("#urlShare_head button").attr("disabled",false);
						jQuery("#urlShare_head button").css("cursor","pointer");
						jQuery("#urlShare_head button").css("background-color","#a88313");
						jQuery("#urlShare_head button").css("border","1px solid #a88313");
					} else {
						if(jQuery('.recommend_slider_ul:not(".bx-clone") input[name=recommend_check]').is(':checked')){
							jQuery("#urlShare_head button").attr("disabled",false);
							jQuery("#urlShare_head button").css("cursor","pointer");
							jQuery("#urlShare_head button").css("background-color","#a88313");
							jQuery("#urlShare_head button").css("border","1px solid #a88313");
						} else {
							jQuery("#urlShare_head button").attr("disabled","disabled");
							jQuery("#urlShare_head button").css("cursor","auto");
							jQuery("#urlShare_head button").css("background-color","#666666");
							jQuery("#urlShare_head button").css("border","1px solid #666666");
						}
					};
				})
			});
		}
		
		jQuery('.mdl_item_delete').on('click',function(){		
			var deleteCode = jQuery(this).parent('li').children('.mdl_item_code').text();
			var itemDeta = JSON.parse(localStorage.getItem('Item'));
			for(var i in itemDeta){
				var local_itemCode =itemDeta[i].itemCode;
				if(deleteCode == local_itemCode){
					var itemSplice = itemDeta.splice(i, 1);
					localStorage.removeItem(itemSplice);
					var deleteObj =  JSON.stringify(itemDeta);
					localStorage.setItem('Item', deleteObj);
				} else {
				}
			}
			jQuery(this).parent('li').remove();
			jQuery('.btn_recommend').removeClass('active');
			var count_product = jQuery('#mdl_item_list_container .recommend_slider_ul:not(".bx-clone") ul li .goods_name_').length;
			jQuery('#item_num').text(count_product);
		});
		jQuery(".recommend_balloon").css('display', 'block');
		setTimeout(function() {
			jQuery(".recommend_balloon").css("display","none");
		}, 3000);
	});
	/* ↑↑ 商品詳細のオススメボタンイベント ↑↑ */

	/* モーダルの中で商品を選んでリンクを作ること */
	jQuery('#urlShare_head').click(function(){
		var itemCode_add = jQuery('.recommend_slider_ul:not(".bx-clone") input[name=recommend_check]:checked').parent().children('.mdl_item_code').text();
		var itemCode_all = jQuery("#item_link").val("https://feiler.jp/shop/pages/recommended_product.aspx?"+ itemCode_add +"/");
		jQuery('#item_link').select();
		document.execCommand("copy");
		jQuery(".url_balloon").css({display : 'block'});
		setTimeout(function(){
			jQuery(".url_balloon").css({display: "none"})
		}, 2000);
	});
	
	/* ↓↓ 商品をチェックすると「リンク共有ボタン」の表示有・無 ↓↓ */
	jQuery('.recommend_slider_ul input[name=recommend_check]').each(function(){
		jQuery(this).change(function(){
			if(jQuery(this).is(':checked')){
				jQuery("#urlShare_head button").attr("disabled",false);
				jQuery("#urlShare_head button").css("cursor","pointer");
				jQuery("#urlShare_head button").css("background-color","#a88313");
				jQuery("#urlShare_head button").css("border","1px solid #a88313");
			} else {
				if(jQuery('.recommend_slider_ul:not(".bx-clone") input[name=recommend_check]').is(':checked')){
					jQuery("#urlShare_head button").attr("disabled",false);
					jQuery("#urlShare_head button").css("cursor","pointer");
					jQuery("#urlShare_head button").css("background-color","#a88313");
					jQuery("#urlShare_head button").css("border","1px solid #a88313");
				} else {
					jQuery("#urlShare_head button").attr("disabled","disabled");
					jQuery("#urlShare_head button").css("cursor","auto");
					jQuery("#urlShare_head button").css("background-color","#666666");
					jQuery("#urlShare_head button").css("border","1px solid #666666");
				}
			};
		})
	});
	
	jQuery(document).ready(function(){		
		jQuery('#btn_item_list').on('click', function(){
			/* 商品APIから存在有無確認*/
			// XML読み込み
			function xmlLoad() {
				jQuery.ajax({
					url: '//feiler.jp/services/api/goodslistapi.aspx?type=xml&charset=UTF-8',
					type: 'get',
					dataType: 'xml',
					timeout: 500000,
					success: parse_xml,
					error: erroe_xml
				});
			}

			// XMLデータを取得
			function parse_xml(xml, status) {
				if (status != 'success') return;
				jQuery('.recommend_slider_ul .mdl_item_code').each(function(){
					var jQueryItem_code = jQuery(this).text();
					var jQueryCode = jQuery(xml).find('item').find('goods').text();
					if(jQueryCode.indexOf(jQueryItem_code) != -1){
					} else {
						jQuery(this).parent().css('display', 'none');
					}
				})
			}

			// XMLエラーデータを取得
			function erroe_xml(jqXHR, textStatus, errorThrown) {
				console.log("jqXHR: " + jqXHR.status); // HTTPステータスが取得
				console.log("textStatus: " + textStatus); // タイムアウト、パースエラー
				console.log("errorThrown: " + errorThrown.message); // 例外情報
			}
			//関数実行
			jQuery(function() {
				xmlLoad();
			});
		});
	});
	
	jQuery(function(){
		var count_product_list = jQuery('#btn_item_list #item_num').text();
		jQuery('#btn_item_list').addClass('active_');
	});

	jQuery('.mdl_item_delete').on('click',function(){
		var itemCode_add = jQuery('.recommend_slider_ul .mdl_item_code').text();
		jQuery("#item_link").val("https://feiler.jp/shop/pages/recommended_product.aspx?"+ itemCode_add +"/");
		
	});
	jQuery(function(){
		jQuery(window).resize(function(){
			var width_size = window.innerWidth;
				if(width_size <= 786) {
					jQuery('.recommend_product_li:nth-child(3n-2)').css('margin-left','0');
				} else if(width_size < 1106) {
					jQuery('.recommend_slider_body_ .recommend_slider_ul ul li.recommend_product_li .mdl_item_stock').tile(2);
					jQuery('.recommend_product_li:nth-child(3n-2)').css('margin-left','0');
				} else if(width_size < 1445) {
					jQuery('.recommend_slider_body_ .recommend_slider_ul ul li.recommend_product_li .mdl_item_stock').tile(3);
					jQuery('.recommend_product_li:nth-child(3n-2)').css('margin-left','7%');
				} else {
					jQuery('.recommend_slider_body_ .recommend_slider_ul ul li.recommend_product_li .mdl_item_stock').tile(4);
					jQuery('.recommend_product_li:nth-child(3n-2)').css('margin-left','0');
				}
		}).resize();
	});
	jQuery('#item_btn_close').on('click', function(){
		jQuery.cookie('close_btn', 'close', { path: '/' });
		jQuery('#btn_item_list').css('display', 'none');
	});
	jQuery('.btn_recommend').on('click',function(){
		jQuery('#btn_item_list').css('display','block');
		jQuery.cookie('close_btn', 'open', { path: '/' });
	});
	jQuery(window).on('load', function(){
		var close_cookie = jQuery.cookie('close_btn');
		if(close_cookie == 'close') {
			jQuery('#btn_item_list').css('display', 'none');
		} else {
			jQuery('#btn_item_list').css('display', 'block');
		}
	});

	var Item_Stock = function(){
		setTimeout(() => {
			jQuery('.recommend_product_li').each(function(){
				if(jQuery(this).css('display') == 'none') {
					var deleteCode = jQuery(this).children('.mdl_item_code').text();
					var itemDeta = JSON.parse(localStorage.getItem('Item'));
					for(var i in itemDeta){
						var local_itemCode =itemDeta[i].itemCode;
						if(deleteCode == local_itemCode){
							var itemSplice = itemDeta.splice(i, 1);
							localStorage.removeItem(itemSplice);
							var deleteObj =  JSON.stringify(itemDeta);
							localStorage.setItem('Item', deleteObj);
						} else {
						}
					};
					jQuery(this).remove();
				};
			});
		}, 1000);
		setTimeout(() => {
			var count_product = jQuery('#mdl_item_list_container .recommend_slider_ul ul li.recommend_product_li').length;
			jQuery('#item_num').text(count_product);	
		}, 1000);
	}
	jQuery('#btn_item_list img').on('click',Item_Stock);
});