// 별점 드래그 제어
const rating_input = document.querySelector('#gameRange');
const rating_star = document.querySelector('#ratingStar');
const rating_number = document.querySelector('#ratingNumber');

rating_input.value = 5;
rating_input.addEventListener('input', () => {
    rating_star.style.width = `${rating_input.value * 10}%`;
    rating_number.innerHTML = rating_input.value;
});

function onRate() {
    $('#popGameLike').hide();
    $('#modalGameLike').hide();

    $.ajax({
        dataType: "json",
        type: "post",
        data: {
            "gid": gid,
            "rate": rating_input.value, // rating_input 없으면 0 => 취소 처리
        },
        url: "/game_rate",
        success: function(data) {
            if (!data.result) {
                alert(data.error_msg);
            } else {
                if (data.type === 'add') {
                    // 내 게임에 추가
                    if (data.thum) {
                        strHtml =  '<li id="game'+gid+'">';
                        strHtml +=      '<a href="/game'+data.thum+'">\n';
                        strHtml +=          '<img src="'+data.thum+'" alt="">\n';
                        strHtml +=      '</a>';
                        strHtml += ' </li>';
                        $('.mygame_list').append(strHtml);
                    }

                    $('#like_pop_1').hide();
                    $('#like_pop_2').show();
                    $('#favorite_game').addClass('on');
                } else {
                    // 내 게임에서 삭제
                    $('.mygame_list #game'+gid).remove();

                    $('#like_pop_2').hide();
                    $('#like_pop_1').show();
                    $('#favorite_game').removeClass('on');
                }

                $('.game_score').html('<i></i>'+data.good_avg+'<span class="total_score">&nbsp<span class="slash">/</span>&nbsp10</span><span class="grade">'+data.good_count+game_rated+'</span>');
                $('#popThanks').show();
                $('#modalThanks').show();
                $('#favorite_game button').html('<i></i>'+data.like);

                setTimeout(function () {
                    $('#popThanks').fadeOut(500);
                    $('#modalThanks').fadeOut(500);
                }, 3000);
            }
        }
    });
}