<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

/*-- wittazzurri_1 --*/
include_once(G5_EDITOR_LIB);
/*-- /wittazzurri_1 --*/


?>

<script>
// 글자수 제한
var char_min = parseInt(<?php echo $comment_min ?>); // 최소
var char_max = parseInt(<?php echo $comment_max ?>); // 최대

$(function(){
	$("#bo_vc").on("click", ".cm-parent-info", function(){
		let target=$(this).data('target');
		let position=$(target).offset().top; // header 부분이 Fixed 일경우 헤더의 높이만큼 -(헤더높이) 빼주시면 해당댓글의 상단으로 갈수 있습니다. 
		$('html, body' ).animate({scrollTop : position}, 400);
		return false;
	});
});
</script>
<button type="button" class="cmt_btn"><span class="total"><b>댓글</b> <?php echo $view['wr_comment']; ?></span><span class="cmt_more"></span></button>
<!-- 댓글 시작 { -->
<section id="bo_vc">
    <h2>댓글목록</h2>
    <?php
    $cmt_amt = count($list);
    for ($i=0; $i<$cmt_amt; $i++) {
        $comment_id = $list[$i]['wr_id'];
        $cmt_depth = strlen($list[$i]['wr_comment_reply']) * 50;
        $comment = $list[$i]['content'];
        /*
        if (strstr($list[$i]['wr_option'], "secret")) {
            $str = $str;
        }
        */
		
/*-- wittazzurri_2 --*/
$comment = nl2br(stripslashes($list[$i]['wr_content']));
/*-- /wittazzurri_2 --*/
		
		
		
		
        $comment = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp|mms)\:\/\/([^[:space:]]+)\.(mp3|wma|wmv|asf|asx|mpg|mpeg)\".*\<\/a\>\]/i", "<script>doc_write(obj_movie('$1://$2.$3'));</script>", $comment);
        $cmt_sv = $cmt_amt - $i + 1; // 댓글 헤더 z-index 재설정 ie8 이하 사이드뷰 겹침 문제 해결
		$c_reply_href = $comment_common_url.'&amp;c_id='.$comment_id.'&amp;w=c#bo_vc_w';
		$c_edit_href = $comment_common_url.'&amp;c_id='.$comment_id.'&amp;w=cu#bo_vc_w';
        $is_comment_reply_edit = ($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) ? 1 : 0;

		$_p_row=array();
		if($list[$i]['wr_comment_reply'])
		{
			$_p_sql="SELECT wr_id, wr_name FROM {$write_table} WHERE wr_parent='{$list[$i]['wr_parent']}' AND wr_is_comment=1 AND wr_comment='{$list[$i]['wr_comment']}' AND wr_comment_reply='".substr($list[$i]['wr_comment_reply'], 0, -1)."'";
			$_p_row=sql_fetch($_p_sql);
		}
	?>

	<article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;" class="bo-vc-reply"<?php } ?>>
        
        <div class="cm_wrap">

            <header style="z-index:<?php echo $cmt_sv; ?>">
				<div class="cm-header-content">
					<h2><?php echo get_text($list[$i]['wr_name']); ?>님의 <?php if ($cmt_depth) { ?><span class="sound_only">댓글의</span><?php } ?> 댓글</h2>
					<span class="pf_img"><?php echo get_member_profile_img($list[$i]['mb_id']); ?></span>
					<?php echo $list[$i]['name'] ?>
					<?php if ($is_ip_view) {?><span class="sound_only">아이피</span><span class="cm-ip">(<?php echo $list[$i]['ip']; ?>)</span><?php } ?>
					<span class="sound_only">작성일</span>
					<span class="bo-vc-datetime"><time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo $list[$i]['datetime'] ?></time></span>
					<?php
					include(G5_SNS_PATH.'/view_comment_list.sns.skin.php');
					?>
				</div>
				<?php if($is_comment_reply_edit) { ?>
				<div class="bo-vc-act">
					<?php if ($list[$i]['is_reply']) { ?><a href="<?php echo $c_reply_href; ?>" class="cm-reply-btn" title="답변" onclick="comment_box('<?php echo $comment_id ?>', 'c'); return false;">답변</a><?php } ?>
					<?php if ($list[$i]['is_edit']) { ?><a href="<?php echo $c_edit_href; ?>" class="cm-modify-btn" title="수정" onclick="comment_box('<?php echo $comment_id ?>', 'cu'); return false;">수정</a><?php } ?>
					<?php if ($list[$i]['is_del']) { ?><a href="<?php echo $list[$i]['del_link']; ?>" class="cm-delete-btn" title="삭제" onclick="return comment_delete();">삭제</a><?php } ?>
				</div>
				<?php } ?>
	        </header>
	
	        <!-- 댓글 출력 -->
	        <div class="cmt_contents">
	            <p>
	                <?php if (strstr($list[$i]['wr_option'], "secret")) { ?><img src="<?php echo $board_skin_url; ?>/img/icon_secret.gif" alt="비밀글"><?php } ?>
					<?php if($cmt_depth && $_p_row['wr_name']){echo "<a href='#c_{$_p_row['wr_id']}' class='cm-parent-info' data-target='#c_{$_p_row['wr_id']}'>{$_p_row['wr_name']}</a>";}?>
	                <?php echo $comment ?>
	            </p>
	            <?php if($is_comment_reply_edit) {
	                if($w == 'cu') {
	                    $sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
	                    $cmt = sql_fetch($sql);
	                    if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
	                        $cmt['wr_content'] = '';
	                    $c_wr_content = $cmt['wr_content'];
	                }
				?>
	            <?php } ?>
	        </div>
	        <span id="edit_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 수정 -->
	        <span id="reply_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 답변 -->
	
	        <input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
	        <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
		</div>
    </article>
    <?php } ?>
    <?php if ($i == 0) { //댓글이 없다면 ?><p id="bo_vc_empty">등록된 댓글이 없습니다.</p><?php } ?>

</section>
<!-- } 댓글 끝 -->

<?php if ($is_comment_write) {
    if($w == '')
        $w = 'c';
?>
<!-- 댓글 쓰기 시작 { -->
<aside id="bo_vc_w" class="bo_vc_w">
    <h2>댓글쓰기</h2>
    <form name="fviewcomment" id="fviewcomment" action="<?php echo $comment_action_url; ?>" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off">
    <input type="hidden" name="w" value="<?php echo $w ?>" id="w">
    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
    <input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
    <input type="hidden" name="comment_id" value="<?php echo $c_id ?>" id="comment_id">
    <input type="hidden" name="sca" value="<?php echo $sca ?>">
    <input type="hidden" name="sfl" value="<?php echo $sfl ?>">
    <input type="hidden" name="stx" value="<?php echo $stx ?>">
    <input type="hidden" name="spt" value="<?php echo $spt ?>">
    <input type="hidden" name="page" value="<?php echo $page ?>">
    <input type="hidden" name="is_good" value="">

	<div class="comment-write-box">
		<?php if($is_guest){?>
		<div class="bo-vc-guest-area">
			<div class="bo-vc-guest-input">
				<div class="bo-vc-guest-notice">이름과 비밀번호, <?=$config['cf_captcha']=="kcaptcha" ? "자동입력방지 문구를 입력해 주세요." : "자동등록방지를 체크해주세요."?></div>
				<label for="wr_name" class="sound_only">이름<strong> 필수</strong></label>
				<input type="text" name="wr_name" value="<?php echo get_cookie("ck_sns_name"); ?>" id="wr_name" required class="frm_input required" size="25" placeholder="이름">
				<label for="wr_password" class="sound_only">비밀번호<strong> 필수</strong></label>
				<input type="password" name="wr_password" id="wr_password" required class="frm_input required" size="25" placeholder="비밀번호">
			</div>
			<div class="bo-vc-captcha"><?php echo $captcha_html; ?></div>
		</div>
		<?php } ?>
		<span class="sound_only">내용</span>
		
<?php
	$comment = !empty($comment) ? $comment : null;
?>
<!-- wittazzurri_3 -->
<div id="commentEditor">
    <!-- 이모티콘 선택 기능 추가 -->
    <div class="emoticon-selector">
        <button type="button" id="btn_comment_emoticon" class="btn_frmline">이모티콘 선택</button>
        <div id="comment_emoticon_area" style="display:none; position:absolute; left:0; top:30px; border:1px solid #ddd; background:#fff; padding:10px; z-index:1000; width:300px;">
            <strong>이모티콘</strong>
            <div class="emoticon-list" style="margin:10px 0; max-height:200px; overflow-y:auto;">
                <?php
                // 이모티콘 디렉토리 경로
                $emoticon_dir = G5_PATH.'/img/emoticon';
                $emoticon_url = G5_URL.'/img/emoticon';
                
                // 디렉토리가 존재하는지 확인
                if(is_dir($emoticon_dir)) {
                    $emo_files = glob($emoticon_dir.'/*.{gif,png,jpg,jpeg}', GLOB_BRACE);
                    if($emo_files) {
                        foreach($emo_files as $emo_file) {
                            $emo_file_name = basename($emo_file);
                            $emo_url = $emoticon_url.'/'.$emo_file_name;
                            echo '<img src="'.$emo_url.'" class="emoticon-img" style="cursor:pointer; margin:2px; max-width:40px; max-height:40px;" data-url="'.$emo_url.'" alt="이모티콘" onclick="insertCommentEmoticon(\''.$emo_url.'\')">';
                        }
                    } else {
                        echo '이모티콘 파일이 없습니다.';
                    }
                } else {
                    echo '이모티콘 폴더가 없습니다. (경로: '.$emoticon_dir.')';
                }
                ?>
            </div>
            <div style="text-align:right;">
                <button type="button" id="btn_comment_emoticon_close" class="btn_frmline">닫기</button>
            </div>
        </div>
    </div>
    <!-- 이모티콘 선택 기능 끝 -->
    
    <?php echo editor_html("wr_content", get_text(html_purifier($comment), 0)); ?>
</div>
<!-- /wittazzurri_3 -->	
	


		<script>
		$(document).on("keyup change", "textarea#wr_content[maxlength]", function() {
			var str = $(this).val()
			var mx = parseInt($(this).attr("maxlength"))
			if (str.length > mx) {
				$(this).val(str.substr(0, mx));
				return false;
			}
		});
		</script>
		<div class="bo-vc-bottom">
			<div class="bo-vc-bottom-left">
				<?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
				<span class="check-box"><input type="checkbox" name="wr_secret" value="secret" id="wr_secret" class="selec_chk"><span></span><label for="wr_secret">비밀글</label></span>
			</div>
			<div class="bo-vc-bottom-right"><button type="submit" id="btn_submit" class="bo-vc-submit">댓글등록</button></div>
		</div>
	</div>
    </form>
</aside>

<script>
var save_before = '';
var save_html = document.getElementById('bo_vc_w').innerHTML;

function good_and_write()
{
    var f = document.fviewcomment;
    if (fviewcomment_submit(f)) {
        f.is_good.value = 1;
        f.submit();
    } else {
        f.is_good.value = 0;
    }
}

function fviewcomment_submit(f)
{
	
<!-- wittazzurri_4 -->
<?php echo get_editor_js('wr_content', 1)."\n".chk_editor_js('wr_content', 1); ?>
<!-- wittazzurri_4 -->
	
	
	
    var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자

    f.is_good.value = 0;

    var subject = "";
    var content = "";
    $.ajax({
        url: g5_bbs_url+"/ajax.filter.php",
        type: "POST",
        data: {
            "subject": "",
            "content": f.wr_content.value
        },
        dataType: "json",
        async: false,
        cache: false,
        success: function(data, textStatus) {
            subject = data.subject;
            content = data.content;
        }
    });

    if (content) {
        alert("내용에 금지단어('"+content+"')가 포함되어있습니다");
        f.wr_content.focus();
        return false;
    }

    // 양쪽 공백 없애기
    var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
    document.getElementById('wr_content').value = document.getElementById('wr_content').value.replace(pattern, "");
    if (char_min > 0 || char_max > 0)
    {
        check_byte('wr_content', 'char_count');
        var cnt = parseInt(document.getElementById('char_count').innerHTML);
        if (char_min > 0 && char_min > cnt)
        {
            alert("댓글은 "+char_min+"글자 이상 쓰셔야 합니다.");
            return false;
        } else if (char_max > 0 && char_max < cnt)
        {
            alert("댓글은 "+char_max+"글자 이하로 쓰셔야 합니다.");
            return false;
        }
    }
    else if (!document.getElementById('wr_content').value)
    {
        alert("댓글을 입력하여 주십시오.");
        return false;
    }

    if (typeof(f.wr_name) != 'undefined')
    {
        f.wr_name.value = f.wr_name.value.replace(pattern, "");
        if (f.wr_name.value == '')
        {
            alert('이름이 입력되지 않았습니다.');
            f.wr_name.focus();
            return false;
        }
    }

    if (typeof(f.wr_password) != 'undefined')
    {
        f.wr_password.value = f.wr_password.value.replace(pattern, "");
        if (f.wr_password.value == '')
        {
            alert('비밀번호가 입력되지 않았습니다.');
            f.wr_password.focus();
            return false;
        }
    }

    <?php if($is_guest) echo chk_captcha_js();  ?>

    set_comment_token(f);

    document.getElementById("btn_submit").disabled = "disabled";

    return true;
}

function comment_box(comment_id, work)
{
    var el_id,
        form_el = 'fviewcomment',
        respond = document.getElementById(form_el);

    // 댓글 아이디가 넘어오면 답변, 수정
    if (comment_id)
    {
        if (work == 'c')
            el_id = 'reply_' + comment_id;
        else
            el_id = 'edit_' + comment_id;
    }
    else
        el_id = 'bo_vc_w';

    if (save_before != el_id)
    {
        if (save_before)
        {
            document.getElementById(save_before).style.display = 'none';
        }

        document.getElementById(el_id).style.display = '';
        document.getElementById(el_id).appendChild(respond);
        //입력값 초기화
        document.getElementById('wr_content').value = '';
        
        // 댓글 수정
        if (work == 'cu')
        {
            document.getElementById('wr_content').value = document.getElementById('save_comment_' + comment_id).value;
            if (typeof char_count != 'undefined')
                check_byte('wr_content', 'char_count');
            if (document.getElementById('secret_comment_'+comment_id).value)
                document.getElementById('wr_secret').checked = true;
            else
                document.getElementById('wr_secret').checked = false;
        }

        document.getElementById('comment_id').value = comment_id;
        document.getElementById('w').value = work;

        if(save_before)
            $("#captcha_reload").trigger("click");

        save_before = el_id;
    }
}

function comment_delete()
{
    return confirm("이 댓글을 삭제하시겠습니까?");
}

comment_box('', 'c'); // 댓글 입력폼이 보이도록 처리하기위해서 추가 (root님)
</script>
<?php } ?>
<!-- } 댓글 쓰기 끝 -->
<script>
jQuery(function($) {            
    //댓글열기
    $(".cmt_btn").click(function(e){
        e.preventDefault();
        $(this).toggleClass("cmt_btn_op");
        $("#bo_vc").toggle();
    });
	<?php if ($comment_min || $comment_max) { ?>check_byte('wr_content', 'char_count');<?php } ?>
});
</script>

<!-- wittazzurri_5 -->
<?php
$upload_display = 9 <= $member['mb_level'] ? "block" : "none";
//$upload_display = $board['bo_upload_level'] <= $member['mb_level'] ? "block" : "none";
$se2_height = "205px";
?>
<style>
#commentEditor { padding:10px; background-color:#eeeeee; border:1px solid #cccccc; border-radius:5px; box-size:border-box; }
#bo_vc .cmt_contents img, #bo_vc .cmt_contents audio, #bo_vc .cmt_contents video { display:block; max-width:100%; margin:0 auto; }
#bo_vc .cmt_contents .yt-basic { display:block; width:100%; aspect-ratio:16/9; border:none; }
#bo_vc .cmt_contents .yt-shorts { display:block; width:80%; max-width:540px; aspect-ratio:9/16; border:none; margin:0 auto; }
</style>
<script>
if (typeof document.querySelectorAll("#bo_vc .cmt_contents a")[0] == "object") {
	fileExtension = [".mp3", ".mp4", ".jpg", ".png", ".gif", "jpeg"];
	for (cmt_a of document.querySelectorAll("#bo_vc .cmt_contents a")) {
		if (fileExtension.includes(cmt_a.href.slice(-4).toLowerCase())) {
			cmt_a.innerHTML = "";
			if (cmt_a.href.slice(-4).toLowerCase() == ".mp3") cmt_a.outerHTML = "<audio src='" + cmt_a.href + "' loop controls controlslist='nodownload'></audio>";
			else if (cmt_a.href.slice(-4).toLowerCase() == ".mp4") cmt_a.outerHTML = "<video src='" + cmt_a.href + "' loop controls controlslist='nodownload'></video>";
			else cmt_a.outerHTML = "<img src='" + cmt_a.href + "'>"; 
		}
		else if (cmt_a.href.indexOf("https://www.youtube.com/watch?v=") > -1) {
			cmt_a.innerHTML = "";
			cmt_a.outerHTML = "<iframe class='yt-basic' src='https://www.youtube.com/embed?playlist=" + cmt_a.href.slice(-11) + "&loop=1&vq=highres' allowfullscreen></iframe>";
		}
		else if (cmt_a.href.indexOf("https://www.youtube.com/shorts/") > -1) {
			cmt_a.innerHTML = "";
			cmt_a.outerHTML = "<iframe class='yt-shorts' src='https://www.youtube.com/embed?playlist=" + cmt_a.href.slice(-11) + "&loop=1&vq=highres' allowfullscreen></iframe>";
		}
		else cmt_a.target = "_blank";
	} 
}
document.addEventListener("DOMContentLoaded", () => {
	document.querySelector("#wr_content").style.height = "<?php echo $se2_height; ?>";
	document.querySelector("#commentEditor iframe").onload = function() {
		se2Custom = this["contentWindow"]["document"];
		se2Custom.querySelector("body").style.backgroundColor = "#ffffff";
		se2Custom.querySelector("#smart_editor2 .se2_text_tool .se2_multy").style.display = "<?php echo $upload_display; ?>";
		se2Custom.querySelector("#smart_editor2 #se2_iframe").onload = function() {
			this["contentWindow"]["document"].querySelector("body").insertAdjacentHTML("beforebegin", "<style>img { max-width:100%; }</style>");
		}
	}
} );

<!-- /wittazzurri_5 -->

// 이모티콘 선택 버튼 이벤트
$(function(){
    // 이모티콘 선택 버튼 클릭 이벤트
    $("#btn_comment_emoticon").click(function(e){
        e.preventDefault();
        $("#comment_emoticon_area").toggle();
    });
    
    // 이모티콘 팝업 닫기 버튼
    $("#btn_comment_emoticon_close").click(function(e){
        e.preventDefault();
        $("#comment_emoticon_area").hide();
    });
});

// 이모티콘 삽입 함수
function insertCommentEmoticon(imgUrl) {
    var imgTag = '<img src="' + imgUrl + '" alt="이모티콘">';
    
    // 에디터 종류에 따라 다른 방법으로 이모티콘 삽입
    if (typeof(CKEDITOR) != "undefined" && CKEDITOR.instances.wr_content) {
        // CKEditor 사용 시
        CKEDITOR.instances.wr_content.insertHtml(imgTag);
    } else if (typeof(oEditors) != "undefined" && oEditors.length > 0) {
        // 스마트에디터 사용 시
        oEditors.getById["wr_content"].exec("PASTE_HTML", [imgTag]);
    } else if (typeof(ed_wr_content) != "undefined") {
        // 다른 DHTML 에디터 사용 시
        ed_wr_content.exec("PASTE_HTML", [imgTag]);
    } else {
        // 일반 textarea인 경우
        var textArea = document.getElementById("wr_content");
        if (!textArea) return;
        
        if (document.selection) {
            // IE
            textArea.focus();
            var sel = document.selection.createRange();
            sel.text = imgTag;
        } else if (textArea.selectionStart || textArea.selectionStart == '0') {
            // Firefox/Chrome
            var startPos = textArea.selectionStart;
            var endPos = textArea.selectionEnd;
            textArea.value = textArea.value.substring(0, startPos) + imgTag + textArea.value.substring(endPos, textArea.value.length);
            textArea.selectionStart = startPos + imgTag.length;
            textArea.selectionEnd = startPos + imgTag.length;
        } else {
            textArea.value += imgTag;
        }
        
        textArea.focus();
    }
    
    // 팝업 닫기
    $("#comment_emoticon_area").hide();
}

</script>