function addComment(author, comment, regdate, imgUrl)
{
	if(imgUrl === undefined) imgUrl = 'https://kilho.net/wp-content/uploads/2019/05/avatar-85x85.jpg';

	var newComment = '<li class="comment">' +
		'<div class="comment-body">' +
		'<div class="img-thumbnail">' +
		'<img src="' + imgUrl + '" class="avatar avatar-80 photo" height="80" width="80">' +
		'</div>' +
		'<div class="comment-block">' +
		'<div class="comment-arrow"></div>' +
		'<span class="comment-by"><strong>' + author + '</strong></span>' +
		'<div>' +
		'<p>' + comment.replace(/\n/g, '<br>') + '</p>' + // 줄바꿈을 <br>로 변환
		'</div>' +
		'<span class="date pt-right">' + regdate + '</span>' +
		'</div>' +
		'</div>' +
		'</li>';

	jQuery('.comments').append(newComment);
}

jQuery(document).ready(function() {
	var displayname = decodeURIComponent(getCookie("wordpress_display_name").replace(/\+/g, " ")); // +를 공백으로 대체 후 디코딩

	jQuery('#kilho_thread').html("<div class=\"post-block post-comments clearfix\" id=\"comments\">\r\n\t<ul class=\"comments\">\r\n\t<\/ul>\r\n<\/div>\r\n\r\n<div id=\"respond\" class=\"comment-respond\">\r\n\t<h3 id=\"reply-title\" class=\"comment-reply-title\">\r\n\t\t\ub2f5\uae00 \ub0a8\uae30\uae30\r\n\t<\/h3>\r\n\t<form class=\"comment-form\" novalidate>\r\n\t\t<input type=\"hidden\" id=\"site\" value=\"\">\r\n\t\t<p id=\"comment-notes\" class=\"comment-notes\"><\/p>\r\n\t\t<p class=\"comment-form-comment\">\r\n\t\t\t<label for=\"comment\">\ub313\uae00 <span class=\"required\">*<\/span><\/label> <textarea id=\"comment\" name=\"comment\" cols=\"45\" rows=\"8\" maxlength=\"65525\" required><\/textarea>\r\n\t\t<\/p>\r\n\t\t<p class=\"comment-form-author\">\r\n\t\t\t<label for=\"author\">\uc774\ub984 <span class=\"required\">*<\/span><\/label> <input id=\"author\" name=\"author\" type=\"text\" value=\"\" size=\"30\" maxlength=\"245\" autocomplete=\"name\" required \/>\r\n\t\t<\/p>\r\n\t\t<p class=\"comment-form-email\">\r\n\t\t\t<label for=\"email\">\uc774\uba54\uc77c <span class=\"required\">*<\/span><\/label> <input id=\"email\" name=\"email\" type=\"email\" value=\"\" size=\"30\" maxlength=\"100\" autocomplete=\"email\" required \/>\r\n\t\t<\/p>\r\n\t\t<p class=\"comment-form-url\"><label for=\"url\">\uc6f9\uc0ac\uc774\ud2b8<\/label> <input id=\"url\" name=\"url\" type=\"url\" value=\"\" size=\"30\" maxlength=\"200\" autocomplete=\"url\" \/><\/p>\r\n\t\t<p class=\"form-submit\">\r\n\t\t\t<button id=\"btn_comment\" class=\"btn btn-modern btn-primary\">\ub313\uae00 \ub2ec\uae30<\/button>\r\n\t\t<\/p>\r\n\t<\/form>\r\n<\/div>\r\n");

	if(displayname == '') {
		jQuery('#comment-notes').html('이메일 주소는 공개되지 않습니다. (* 질문, 건의사항 등은 "질문게시판"을 이용해주세요)');
	}else{
		jQuery('.comment-form-author, .comment-form-email, .comment-form-url').hide();

		jQuery('#author').val('guest');
		jQuery('#email').val('no-reply@domain.com');
		jQuery('#comment-notes').html(displayname+'(으)로 로그인 됨. (* 질문, 건의사항 등은 "질문게시판"을 이용해주세요)');
	}

	jQuery('#btn_comment').click(function(e) {
		e.preventDefault(); // 폼 제출 방지

		var comment = jQuery('#comment').val().trim();
		var author = jQuery('#author').val().trim();
		var email = jQuery('#email').val().trim();

		if (!comment || !author || !email) {
			alert('모든 필수 필드를 입력해주세요.');
			return;
		}

		jQuery(this).prop('disabled', true);

		var commentData = {
			comment: jQuery('#comment').val(),
			author: jQuery('#author').val(),
			email: jQuery('#email').val(),
			url: jQuery('#url').val()
		};

		jQuery.ajax({
			url: 'https://comment.kilho.net/write.json',
			type: 'POST',
			data: commentData,
			xhrFields: { withCredentials: true },
			success: function(response) {
				Swal.fire({
					title: '성공적!',
					html: '댓글이 성공적으로 전송되었습니다.<br />관리자 승인 후 게시됩니다.',
					icon: 'success',
					confirmButtonText: '확인'
				});

				['author', 'email', 'url'].forEach(id => jQuery(`.comment-form-${id}:visible`).length && jQuery(`#${id}`).val(''));
				jQuery('#comment').val('');
			},
			error: function(xhr, status, error) {
				Swal.fire({
					title: '웁스...',
					html: '댓글 등록에 실패했습니다.<br />다시 시도해주세요.',
					icon: 'error',
					confirmButtonText: '확인'
				});
				jQuery(this).prop('disabled', false);
			}
		});
	});

	jQuery.ajax({
		url: 'https://comment.kilho.net/view.json', // 데이터를 가져올 URL
		type: 'GET', // GET 메서드로 요청
		dataType: 'json', // 응답 데이터 타입은 JSON
		success: function(response) {
			if(response) {
				response.forEach(function(commentData) {
					addComment(commentData.author, commentData.comment, commentData.regdate, commentData.imgUrl);
				});
			}
		},
		error: function(xhr, status, error) {
			console.error('데이터를 불러오는 데 실패했습니다: ' + error);
		}
	});
});