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

include_once(G5_THEME_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
//메인 커스텀 검색 기능 추가
add_stylesheet('<link rel="stylesheet" href="'.$search_skin_url.'/index.css">', 0);
?>

<div id="all_wrap">
<header id="hd">
    <h1 id="hd_h1"><?php echo $g5['title'] ?></h1>

    <div class="to_content"><a href="#container">본문 바로가기</a></div>

    <?php
    if(defined('_INDEX_')) { // index에서만 실행
        include G5_MOBILE_PATH.'/newwin.inc.php'; // 팝업레이어
    } ?>
    <div id="hd_wrapper">
		<?php if ($is_admin == 'super' || $is_admin) { ?>
			<a href="<?php echo G5_ADMIN_URL ?>" class="hd_admin"><span class="sound_only">관리자</span></a>
		<?php } ?>
		
		<div id="logo">
    <a href="<?php echo G5_URL ?>"><img src="<?php echo G5_THEME_IMG_URL ?>/logo.png" alt="<?php echo $config['cf_title']; ?>"></a>
</div>

		<?php if ($is_member) {  ?>
		    <a href="<?php echo G5_BBS_URL ?>/memo.php" class="hd_modi" style="right:70px !important;top:20px"><i class="fa fa-send" style="font-size:2em;"></i><span class="sound_only">1:1채팅</span></a>
		<a href="<?php echo G5_BBS_URL ?>/member_profile.php?mb_id=<?php echo $member['mb_id'];?>" class="hd_modi"><?php echo get_member_profile_img($member['mb_id']); ?><span class="sound_only">프로필</span></a>
        <?php }  ?>
    </div>
</header>

<!-- 채팅 알림 시스템{ -->
<?php if ($is_member) {  ?>
<script async>
function checkNoRead() {
    fetch('<?php echo G5_BBS_URL ?>/memo.php')
        .then(response => response.text())
        .then(data => {
            // 응답 데이터에서 no_read 요소 확인
            const parser = new DOMParser();
            const doc = parser.parseFromString(data, 'text/html');
            const noReadElement = doc.querySelector('.no_read');

            if (noReadElement) {
                // 알림 표시 아이콘 생성
                const notificationIcon = document.createElement('span');
                notificationIcon.style.position = 'absolute';
                notificationIcon.style.width = '20px'; // 아이콘 크기 조정
                notificationIcon.style.height = '20px'; // 아이콘 크기 조정
                notificationIcon.style.backgroundColor = '#ff5c00'; // 색깔 점
                notificationIcon.style.borderRadius = '50%';
                notificationIcon.style.right = '-12px'; // 아이콘 위치 조정
                notificationIcon.style.top = '18px'; // 아이콘 위치 조정
                notificationIcon.style.display = 'flex';
                notificationIcon.style.justifyContent = 'center';
                notificationIcon.style.alignItems = 'center';
                notificationIcon.className = 'notification-dot'; // 클래스 추가 (선택적)

                // 느낌표 추가
                const exclamationMark = document.createElement('span');
                exclamationMark.innerText = '!';
                exclamationMark.style.color = '#fff'; // 느낌표 색상 조정
                exclamationMark.style.fontSize = '10px'; // 느낌표 크기 조정
                exclamationMark.style.fontWeight = '950'; // 느낌표 볼드 처리

                // 알림 아이콘에 느낌표 추가
                notificationIcon.appendChild(exclamationMark);

                // 알림 아이콘을 1:1 채팅 링크에 추가
                const chatLink = document.querySelector('.hd_modi');
                if (chatLink && !chatLink.querySelector('.notification-dot')) {
                    chatLink.appendChild(notificationIcon);
                }
            }
        })
        .catch(error => console.error('Error fetching memo.php:', error));
}

// 페이지 로드 시 초기 체크
checkNoRead();

// 15초마다 체크 실행
setInterval(checkNoRead, 15000);
</script>
<?php }  ?>
<!-- }채팅 알림 시스템 -->

<div id="wrapper">
    <div id="container">
		<?php if (!defined("_INDEX_")) { ?>
<!--기존 돌아가기 헤드 메뉴{
    	<h2 id="container_title" class="top" title="<?php echo get_text($g5['title']); ?>">
    		<a href="javascript:history.back();"><i class="fa fa-chevron-left" aria-hidden="true"></i><span class="sound_only">뒤로가기</span></a> <?php echo get_head_title($g5['title']); ?>
    	</h2>
}기존 코드-->
    	<?php } ?>

<!-- 검색{ -->