//モーダル表示
$(function(){
    $('.js-modal-open').on('click',function(){
        $('.js-modal').fadeIn();
        return false;
    });
    $('.js-modal-close').on('click',function(){
        $('.js-modal').fadeOut();
        return false;
    });
});

//購入処理
$('#ok-btn').on('click',function(){
    $.ajax({
    	type:'GET',
    	url:'/limited/buy'
    })
    .done(function(){
    	$('.js-modal').fadeOut();
    	alert("購入が完了しました。");
    	window.location.href = "/limited/top";
    })
    .fail(function(){
    	alert("ウォレットの残高が足りません。チャージしてください");
    })
});

//商品個数追加
$('.itemCountChange').on('click', function(event){
    console.log(event.target.parentElement.parentElement.children[0].textContent);
    console.log(event.target.parentElement.parentElement.children[3].children[0].value);
    let data = {
            shoesId: parseInt(event.target.parentElement.parentElement.children[0].textContent),
            quantity: parseInt(event.target.parentElement.parentElement.children[3].children[0].value)
    };
    
    $.ajax({
          type: "POST",
          url: "/limited/editCart",
          contentType: 'application/json',
          dataType: "json",
          data: JSON.stringify(data)
    })
    window.location.href = "/limited/cart";
    
    //[#modal-content]と[#modal-overlay]をフェードアウトした後に…
            $( "#modal-content,#modal-overlay" ).fadeOut( "slow" , function(){
            //[#modal-overlay]を削除する
            $('#modal-overlay').remove() ;
    
    }) ;
});