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

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


<!-- 댓글 시작 { -->
<section id="st-comment">
    <h4><i class="fa fa-comments" aria-hidden="true"></i> 댓글목록</h4>
    <?php
    $cmt_amt = count($list);
    for ($i=0; $i<$cmt_amt; $i++) {
        $comment_id = $list[$i]['wr_id'];
        $cmt_depth = ""; // 댓글단계
        $cmt_depth = strlen($list[$i]['wr_comment_reply']) * 20;
        $comment = $list[$i]['content'];
        /*
        if (strstr($list[$i]['wr_option'], "secret")) {
            $str = $str;
        }
        */
        $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 이하 사이드뷰 겹침 문제 해결
     ?>

    <article id="c_<?=$comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?=$cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>
        <div class="header" style="z-index:<?=$cmt_sv; ?>">
			<i class="fa fa-caret-right" aria-hidden="true" style="position:relative; top:-1px;"></i>
			<?php $mb_menu = $board['bo_use_sideview']? ST::get_mb_menu($list[$i]['mb_id'], $list[$i]['wr_name']): ''; ?>
			<?php if( $mb_menu ) { ?>
			작성자: 
			<div class="dropdown">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">					
					<?=ST::get_mb_icon($list[$i]['mb_id'], $list[$i]['name'])?> <strong><?=$list[$i]['wr_name'] ?></strong>님
				</a>
				<?=$mb_menu?>
			</div>
			<?php } else { ?>
			작성자: <?=ST::get_mb_icon($list[$i]['mb_id'], $list[$i]['name'])?> <strong><?=$list[$i]['wr_name'] ?></strong>님
			<?php } ?>			
            <?php if ($cmt_depth) { ?><img src="<?=$board_skin_url ?>/img/icon_reply.gif" class="icon_reply" alt="댓글의 댓글"><?php } ?>
            <?php if ($is_ip_view) { ?>(<?=$list[$i]['ip']; ?>)</span><?php } ?>
			&nbsp;&nbsp;&nbsp;
            작성일시: <strong><time datetime="<?=date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?=$list[$i]['datetime'] ?></time></strong>
            <?php
            include(G5_SNS_PATH.'/view_comment_list.sns.skin.php');
            ?>
        </div>

        <!-- 댓글 출력 -->
        <p>
			<?php if (strstr($list[$i]['wr_option'], "secret")) { ?><span class="label label-warning" style="position:relative; top:-2px; margin-right: 5px;"><i class="fa fa-lock" aria-hidden="true" title="비밀글"></i></span><?php } ?>
            <?=$comment ?>
        </p>

        <span id="edit_<?=$comment_id ?>"></span><!-- 수정 -->
        <span id="reply_<?=$comment_id ?>"></span><!-- 답변 -->

        <input type="hidden" value="<?=strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?=$comment_id ?>">
        <textarea id="save_comment_<?=$comment_id ?>" style="display:none"><?=get_text($list[$i]['content1'], 0) ?></textarea>

        <?php if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) {
            $query_string = clean_query_string($_SERVER['QUERY_STRING']);

            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'];
            }

            $c_reply_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=c#bo_vc_w';
            $c_edit_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=cu#bo_vc_w';
         ?>
        <footer class="actions">
            <ul>
                <?php if ($list[$i]['is_del'])  { ?><li><a href="<?=$list[$i]['del_link'];  ?>" class="btn btn-sm btn-default" onclick="return comment_delete();">삭제</a></li><?php } ?>
                <?php if ($list[$i]['is_reply']) { ?><li><a href="<?=$c_reply_href;  ?>" class="btn btn-sm btn-default" onclick="comment_box('<?=$comment_id ?>', 'c'); return false;">답변</a></li><?php } ?>
                <?php if ($list[$i]['is_edit']) { ?><li><a href="<?=$c_edit_href;  ?>" class="btn btn-sm btn-default" onclick="comment_box('<?=$comment_id ?>', 'cu'); return false;">수정</a></li><?php } ?>
            </ul>
        </footer>
        <?php } ?>
    </article>
    <?php } ?>
    <?php if ($i == 0) { //댓글이 없다면 ?><p class="no-comments">등록된 댓글이 없습니다.</p><?php } ?>
</section>
<!-- } 댓글 끝 -->

<?php if ($is_comment_write) {
    if($w == '')
        $w = 'c';
?>
<!-- 댓글 쓰기 시작 { -->
<aside id="bo_vc_w">
	<div class="comment-write">	
		<h4><i class="fa fa-commenting" aria-hidden="true"></i> 댓글쓰기</h4>
		
		<form name="fviewcomment" action="./write_comment_update.php" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off">
		<input type="hidden" name="w" value="<?=$w ?>" id="w">
		<input type="hidden" name="bo_table" value="<?=$bo_table ?>">
		<input type="hidden" name="wr_id" value="<?=$wr_id ?>">
		<input type="hidden" name="comment_id" value="<?=$c_id ?>" id="comment_id">
		<input type="hidden" name="sca" value="<?=$sca ?>">
		<input type="hidden" name="sfl" value="<?=$sfl ?>">
		<input type="hidden" name="stx" value="<?=$stx ?>">
		<input type="hidden" name="spt" value="<?=$spt ?>">
		<input type="hidden" name="page" value="<?=$page ?>">
		<input type="hidden" name="is_good" value="">
	
		<?php if ($is_guest) { ?>
		<div class="row">
			<div class="col-xs-6 col-xs-v12 col-input">
				<div class="input-group input-group-sm">
					<span class="input-group-addon input-group-addon-sm">이&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;름</span>
					<input type="text" name="wr_name" value="<?=get_cookie("ck_sns_name"); ?>" id="wr_name" class="form-control input-sm" maxLength="20" placeholder="이름을 입력해 주세요"  required>
				</div>
			</div>
			<div class="col-xs-6 col-xs-v12 col-input">
				<div class="input-group input-group-sm">
					<span class="input-group-addon input-group-addon-sm">비밀번호</span>
					<input type="password" name="wr_password" id="wr_password" class="form-control input-sm" maxLength="20" placeholder="비밀번호를 입력해 주세요"  required>
				</div>
			</div>	
		</div>
		<div class="row">
			<div class="col-xs-12 col-kcaptcha">
				<?=$captcha_html; ?>
			</div>		
		</div>
		<?php } ?>
		<?php if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) { 	?>	
		<div class="row">
			<div class="col-xs-12 col-input">
				<div id="bo_vc_send_sns"></div>
			</div>
		</div>
		<?php } ?>		
		<div class="row">
			<div class="col-xs-12 col-input">
				<?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
				<textarea id="wr_content" name="wr_content" maxlength="10000" required class="form-control required" title="내용"
				<?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?php } ?>><?=$c_wr_content;  ?></textarea>
				<?php if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?php } ?>
				<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>		
		</div>	
		<div class="row">
			<div class="col-xs-12 col-input">
				<div class="actions clearfix">
					<div class="left">
						<label class="input"><input type="checkbox" name="wr_secret" value="secret" id="wr_secret"> 비밀글</label>
					</div>
					<div class="right">
						<input type="submit" id="btn_submit" class="btn btn-sm btn-primary" value="댓글등록" style="margin-top: 0">
					</div>
				</div>
			</div>
		</div>
		</form>
	</div>
</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)
{
    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();  ?>

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

    return true;
}

function comment_box(comment_id, work)
{
    var el_id;
    // 댓글 아이디가 넘어오면 답변, 수정
    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(save_before).innerHTML = '';
        }

        document.getElementById(el_id).style.display = '';
        document.getElementById(el_id).innerHTML = save_html;
        // 댓글 수정
        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님)

<?php if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) { ?>
// sns 등록
$(function() {
    $("#bo_vc_send_sns").load(
        "<?=G5_SNS_URL; ?>/view_comment_write.sns.skin.php?bo_table=<?=$bo_table; ?>",
        function() {
            save_html = document.getElementById('bo_vc_w').innerHTML;
        }
    );
});
<?php } ?>
</script>
<?php } ?>
<!-- } 댓글 쓰기 끝 -->