<?php
if(!$member['mb_id']) alert('로그인후 이용해주세요', G5_BBS_URL.'/login.php'); // 로그인안하면 로그인페이지로
include_once(G5_LIB_PATH.'/latest.lib.php');

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);

// 현재 URL의 mb_id 파라미터 값을 가져옵니다.
$current_mb_id = isset($_GET['mb_id']) ? $_GET['mb_id'] : '';

// 회원의 mb_id 값
$member_mb_id = $member['mb_id'];

// mb_id가 일치하지 않는 경우
if ($current_mb_id !== $member_mb_id) {
    // 메시지를 출력합니다.
    echo "<script>alert('타인의 개인 프로필 탭은 확인할 수 없습니다.');</script>";
    
    // 현재 도메인을 자동으로 가져옵니다.
    $current_domain = ($_SERVER['HTTPS'] ? "https://" : "http://") . $_SERVER['HTTP_HOST'];
    
    // 도메인으로 리다이렉트합니다.
    echo "<script>window.location.href = '$current_domain';</script>";
    }
?>
<style>
body {
background-color:#fff !important
}
.top_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 15px;
  z-index: 999; /* 다른 요소들 위에 올려놓기 위해 */
}

.top_menu #home {
  position: absolute;
  left: 20px;
  font-size: 20px;
  color: #4a4a4a;
}

.top_menu .logo {
  text-align:center
}

.top_menu .logo img {
  width: auto;
  height: 30px;
}

.top_menu .member {
  position: absolute;
  right: 20px;
  top:10px
}

.top_menu .member img {
  width: 40px;
  height: 40px;
  border-radius:50%
}

.modal-content {
  max-height: 80vh; /* 모달의 최대 높이를 80%로 설정 */
  overflow: hidden; /* 기본적으로 overflow 숨김 */
  position: relative; /* 자식 요소들에 대한 기준 설정 */
}

.profile-menu-container {
  position: fixed; /* 고정 위치 설정 */
  top: 60px; /* 상단에서의 거리 (모달 헤더 높이에 따라 조정) */
  left: 0;
  right: 0;
  bottom: 0; /* 하단까지 확장 */
  max-height: calc(100vh); /* 모달 내용의 최대 높이를 조정 */
  overflow-y: auto; /* 세로 스크롤 가능 */
  padding: 20px; /* 여백 추가 */
  background-color: white; /* 배경색 설정 */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 그림자 추가 */
}

.profile-menu-category {
  margin-bottom: 30px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding:20px;
  border-radius:10px;
  scroll-snap-align: start;
}

.profile-menu-category h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #333; /* 인스타그램 스타일 추가 */
}

.profile-menu-item a {
  display: block;
  background-color: #fff;
  color: #333;
  padding: 12px;
  border-radius: 10px; /* 인스타그램 스타일 추가 */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 0.3s ease; /* 인스타그램 스타일 추가 */
}

.profile-menu-item a:hover {
  background-color: #f2f2f2;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); /* 인스타그램 스타일 추가 */
}

.profile-menu-item a span {
  display: inline-block;
  vertical-align: middle;
}

.profile-menu-item a .twitter-btn {
  margin-right: 10px;
}

  .profile-menu-category h3 {
    font-size: 16px;
  }
.profile_hd {
background-color:#fff
}
</style>

<div class="profile_hd"><!--1-->

<div class="hd_menu"><!--2-->

    <div class="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>
    	<!-- page title{ -->
	<div class="title">
		<span style="font-weight:520;font-size:20px;color:#2a2a2a;">내 프로필</span>
	</div>
    <div class="menu-items"> <!-- 1:1 채팅과 개인 메뉴를 가로로 배치 -->
        <span class="send_memo"><!--1:1채팅-->
            <a href="<?php echo G5_BBS_URL ?>/memo.php">
                <i class="fa fa-send-o" style="font-size:25px;color:#2a2a2a;margin-right:5px"></i>
            </a>
        </span>
<span class="personal-menu"><!-- 개인 메뉴{ -->
    <i class="fa fa-lock" style="font-size:25px;color:#2a2a2a"></i>
</span>

<div id="personal-modal" class="modal" style="display: none;background-color:#fff;top:-15px">
    <div class="modal-content">
<span class="close-button" id="personal-home"><i class="fa fa-arrow-left" style="color:#3a3a3a;font-size:20px"></i></span>
</div>
<div class="profile-menu-container">
  <div class="profile-menu-category">
    <h3>활동 내역</h3>
    <div class="profile-menu-item">
      <a href="<?php echo G5_BBS_URL ?>/scrap.php" class="twitter-btn">
        <i class="fa fa-bookmark-o"></i>
        <span>저장 게시물</span>
      </a>
      <a href="<?php echo G5_BBS_URL ?>/memo_history.php" class="twitter-btn">
        <i class="fa fa-comments-o"></i>
        <span>대화 내역</span>
      </a>
      <a href="<?php echo G5_BBS_URL ?>/follow.php?mb_id=<?php echo $member['mb_id'];?>" class="twitter-btn">
        <i class="fa fa-heart-o"></i>
        <span>팔로우&팔로잉</span>
      </a>
      <a href="<?php echo G5_BBS_URL ?>/memo_form.php?me_recv_mb_id=alarm" class="twitter-btn">
        <i class="fa fa-at"></i>
        <span>언급 내역</span>
      </a>
      <a href="<?php echo G5_BBS_URL ?>/memo_form.php?me_recv_mb_id=<?php echo $member['mb_id'];?>" class="twitter-btn">
        <i class="fa fa-sticky-note-o"></i>
        <span>메모</span>
      </a>
    </div>
  </div>
  <div class="profile-menu-category">
    <h3>계정 및 개인정보</h3>
    <div class="profile-menu-item">
      <a href="<?php echo G5_BBS_URL ?>/point.php" class="twitter-btn">
        <i class="fa fa-battery-3" style="color:#ff5700"></i>
        <span><?php echo number_format($mb['mb_point']) ?> (P)</span>
      </a>
      <a href="<?php echo G5_BBS_URL ?>/content.php?co_id=provision" class="twitter-btn">
        <i class="fa fa-file-text-o"></i>
        <span>서비스이용약관</span>
      </a>
      <a href="<?php echo G5_BBS_URL ?>/content.php?co_id=provision" class="twitter-btn">
        <i class="fa fa-lock"></i>
        <span>개인정보처리방침</span>
      </a>
      <a href="<?php echo G5_BBS_URL ?>/profile_security.php?url=<?php echo G5_BBS_URL ?>/profile_form.php" class="twitter-btn">
        <i class="fa fa-key"></i>
        <span>비밀번호 수정</span>
      </a>
      <a href="<?php echo G5_BBS_URL ?>/profile_security.php?url=<?php echo G5_BBS_URL ?>/profile_form.php" class="twitter-btn">
        <i class="fa fa-user"></i>
        <span>프로필 수정</span>
      </a>
      <a href="<?php echo G5_BBS_URL ?>/logout.php" class="twitter-btn">
        <i class="fa fa-sign-out"></i>
        <span>로그아웃</span>
      </a>
    </div>
  </div>

<!-- 프로필 생성일{ -->
<div style="margin-left:10px;font-size:13px;color:#3c3c3c;font-weight:510;margin-top:15px;margin-bottom:20px">
프로필 생성일: <?php
// 원래의 datetime 값
$datetime = $mb['mb_datetime'];
// datetime 값을 DateTime 객체로 변환
$date = new DateTime($datetime);
// 년, 월, 일을 각각 추출
$year = $date->format('Y');
$month = $date->format('m');
$day = $date->format('d');
echo $year . '년 ' . $month . '월 ' . $day . '일';
?>
</div>
<!-- }프로필 생성일 -->

</div>
</div>
</div>

    </div>

</div><!--2-->
<script>
// 모달 요소 선택
const personalModal = document.getElementById("personal-modal");

// 개인 메뉴 버튼 선택
const personalMenuButton = document.querySelector(".personal-menu");

// 닫기 버튼 선택
const personalCloseButton = document.getElementById("personal-home");

// 개인 메뉴 버튼 클릭 시 모달 표시
personalMenuButton.addEventListener("click", () => {
  personalModal.style.display = "block";
});

// 닫기 버튼 클릭 시 모달 숨김
personalCloseButton.addEventListener("click", () => {
  personalModal.style.display = "none";
});
</script>
<style>
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px); /* 위에서 아래로 부드럽게 나타나도록 */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in {
  animation: fadeIn 0.5s ease; /* 0.5초 동안 부드럽게 나타나게 함 */
}
</style>

<div class="profile"><!--3-->

    <div class="profile_info"><!-- 프로필 정보 감싸기 -->
<div class="profile_img" id="profileImage">
    <?php echo get_member_profile_img($member['mb_id']); ?><!--프로필이미지-->
</div>
        <div class="profile_text"><!-- 텍스트 부분 -->
            <span class="nick">
                <?php echo $member['mb_nick'];?><!--닉네임-->

<?php
// 포인트에 따른 뱃지(칭호) 시스템
$points = $mb['mb_point'];
$bedge = ''; // 초기화

if ($points >= 50000) {
    $bedge = '<img src="https://dsclub.kr/api/img/등급/초월50000.png" width="25" height="25" alt="다이아">'; // 초월
} elseif ($points >= 25000) {
    $bedge = '<img src="https://dsclub.kr/api/img/등급/다이아25000.png" width="25" height="25" alt="다이아">'; // 다이아
} elseif ($points >= 15000) {
    $bedge = '<img src="https://dsclub.kr/api/img/등급/골드15000.png" width="25" height="25" alt="골드">'; // 골드
} elseif ($points >= 7000) {
    $bedge = '<img src="https://dsclub.kr/api/img/등급/플래티넘7000.png" width="25" height="25" alt="플래티넘">'; // 플래티넘
} elseif ($points >= 5000) {
    $bedge = '<img src="https://dsclub.kr/api/img/등급/실버5000.png" width="25" height="25" alt="실버">'; // 실버
} elseif ($points >= 3000) {
    $bedge = '<img src="https://dsclub.kr/api/img/등급/브론즈3000.png" width="25" height="25" alt="브론즈">'; // 브론즈
}

// 뱃지 출력
echo $bedge; 
?>

            </span>
            <span class="id">
    <a href="#" onclick="copyMemberId('@<?php echo $member['mb_id'];?>')">@<?php echo $member['mb_id'];?></a><!--아이디-->
</span>
        </div>
    </div>
<!-- 팔로우 시스템 메뉴{ -->
<a href="follow.php?mb_id=<?php echo $mb_id ?>" class="follow-link">
    <div class="follower-group">
        <span class="followers">0</span><!-- 총 팔로워 수 -->
        <span style="font-size:15px; color:#4c4c4c">팔로워</span>
    </div>
    <div class="following-group">
        <span class="following">0</span><!-- 총 팔로잉 수 -->
        <span style="font-size:15px; color:#4c4c4c">팔로잉</span>
    </div>
</a>
<style>
.follow-link {
    display: flex; /* 가로 정렬을 위해 flexbox 사용 */
    margin-top: 10px;
    margin-bottom: -5px;
}

.follower-group,
.following-group {
    display: flex;
    flex-direction: column; /* 세로 정렬을 위해 column 방향으로 설정 */
    align-items: center; /* 가운데 정렬 */
    margin: 0 10px; /* 그룹 간의 간격 조정 */
}

.followers,
.following {
    font-size: 20px; /* 원하는 폰트 크기로 설정 */
    font-weight:500
}
</style>
<!-- }팔로우 시스템 메뉴 -->
<!-- 프로필 팝업 모달 -->
<div class="pop" id="popModal" style="display: none;">
    <div class="pop-modal-content">
        <span class="pop-close-btn">&times;</span>
        <div class="pqr">
            <center>
                <?php echo get_member_profile_img($member['mb_id']); ?><!--프로필이미지-->
                <div style="padding-top:15px;width:100%;"></div>
                <a href="#" onclick="copyMemberId('@<?php echo $member['mb_id'];?>')">
                    <span style="font-size:20px;font-weight:520;text-align:center;color:#3a3a3a !important">@<?php echo $member['mb_id'];?></span>
                </a>
            </center>
        </div>
        <div class="psns_share">
            <?php include_once(G5_PLUGIN_PATH.'/profile_share/pshare.php'); ?>
        </div>
    </div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
    const profileImage = document.getElementById('profileImage');
    const popModal = document.getElementById('popModal');
    const closeBtn = document.querySelector('.pop-close-btn');

    let touchTimer;

    // 꾹 누르기 시작
    profileImage.addEventListener('touchstart', function(event) {
        event.preventDefault(); // 기본 동작 방지 (다운로드 메뉴)
        touchTimer = setTimeout(function() {
            popModal.style.display = 'block'; // 모달 열기
            popModal.classList.add('fade-in'); // 애니메이션 추가
        }, 700); // 700ms 이상 누르면 모달 열기
    });

    // 꾹 누르기 종료
    profileImage.addEventListener('touchend', function(event) {
        clearTimeout(touchTimer); // 타이머 초기화
    });

    // 모달 닫기 버튼 클릭 시 모달 닫기
    closeBtn.addEventListener('click', function() {
        popModal.style.display = 'none';
    });

    // 모달 외부 클릭 시 모달 닫기
    window.addEventListener('click', function(event) {
        // 모달 외부 클릭 시 닫기
        if (event.target === popModal) {
            popModal.style.display = 'none';
        }
    });
});
</script>
<style>
.pop {
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: none
}

.pop-modal-content {
    margin: 15% auto;
    padding: 20px;
    width: 80%; /* 모달 너비 */
    max-width:320px
}

.pop-close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.pop-close-btn:hover,
.pop-close-btn:focus {
    color: #2a2a2a;
    text-decoration: none;
    cursor: pointer;
}

.pop-modal-content .pqr {
  margin-bottom: 10px;
  padding:20px;
  border-radius:10px;
}

.pop-modal-content .pqr img {
  border-radius:50%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  width:220px;
  height:220px;
  max-width:220px;
  max-height:220px;
}

.pop-modal-content .psns_share {
  border-radius:10px;
  margin-top:15px;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  padding:25px 45px
}
</style>

    <div class="profile_menu"><!--6-->
        <span class="profile_edit">
            <a href="<?php echo G5_BBS_URL ?>/profile_security.php?url=<?php echo G5_BBS_URL ?>/profile_form.php">
                프로필 수정
            </a>
        </span>
        <!-- 프로필 공유{ -->
       <span class="profile_share">
  공유하기
</span>

<div class="share-modal hidden">
  <div class="share-modal-content">
    <span class="close_button">&times;</span>
    <!-- 프로필 qr코드로 공유{ -->
    <div class="qr">
    <center>
    <?php
// 현재 페이지의 주소를 가져옵니다.
$current_url = 'http';
if (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on') {
    $current_url .= "s";
}
$current_url .= "://";
$current_url .= $_SERVER['HTTP_HOST'] . "/bbs/profile.php?mb_id=" . $mb_id;
// QR 코드를 출력합니다.
echo "<img src='https://api.qrserver.com/v1/create-qr-code/?data=" . urlencode($current_url) . "&size=200x200' alt='QR Code'>";
?>
<!-- 프로필 아이디 복사{ -->
<div style="padding-top:15px;width:100%;"></div>
<a href="#" onclick="copyMemberId('@<?php echo $member['mb_id'];?>')">
<span style="font-size:20px;font-weight:520;text-align:center;">@<?php echo $member['mb_id'];?></span>
</a>
</center>
</div>
<!-- 프로필 sns 공유(카카오 공유 구현 어렵;;){ -->
<div class="sns_share">
<?php include_once(G5_PLUGIN_PATH.'/profile_share/share.php'); ?>
</div>
</div>
</div>
<style>
.share-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.share-modal-content {
  background-color: #f9f9f9;
  padding: 20px;
  border: 1px solid #f2f2f2;
  width: 60%;
  min-width: 300px;
  max-width: 400px;
  height: 50%;
  min-height: 420px;
  max-height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  overflow: auto;
}

.hidden {
  display: none;
}

.close_button {
  color: #2a2a2a;
  font-size: 28px;
  font-weight: bold;
  margin-left:auto
}

.close_button:hover,
.close_button:focus {
  color: #1a1a1a;
  text-decoration: none;
  cursor: pointer;
}

.share-modal-content .qr {
  margin-bottom: 10px;
  padding:20px;
  border-radius:10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.share-modal-content .sns_share {
  border-radius:10px;
  margin-top:15px;
}

</style>
<script>
const shareButton = document.querySelector('.profile_share');
const shareModal = document.querySelector('.share-modal');
const closeButton = document.querySelector('.close_button');

shareButton.addEventListener('click', () => {
  shareModal.classList.remove('hidden');
  document.body.style.overflow = 'hidden'; // 모달 외부 스크롤 막기
});

closeButton.addEventListener('click', () => {
  shareModal.classList.add('hidden');
  document.body.style.overflow = 'auto'; // 모달 외부 스크롤 허용
});

window.addEventListener('click', (event) => {
  if (event.target == shareModal) {
    shareModal.classList.add('hidden');
    document.body.style.overflow = 'auto'; // 모달 외부 스크롤 허용
  }
});

const copyLinkButton = document.getElementById('copyLink');
const lineShareButton = document.querySelector('a[href="<?= $ls ?>"]');
const facebookShareButton = document.querySelector('a[href="<?= $fs ?>"]');
const twitterShareButton = document.querySelector('a[href="<?= $ts ?>"]');

</script>
    </div><!--6-->

	    <div class="member_memo"><!--5-->
	    <span style="font-weight:520;font-size:17px;color:#3a3a3a">자기소개</span>
        <p style="margin-top:10px;"><?php echo $mb_profile ?></p><!--상태메시지-->
    </div><!--5-->

</div><!--3-->

</div><!--1-->

<div class="profile_bd" style="padding-bottom:50px;"><!--1-->

<?php
include_once('./_common.php');

$sql_common = " from {$g5['board_new_table']} a, {$g5['board_table']} b, {$g5['group_table']} c where a.bo_table = b.bo_table and b.gr_id = c.gr_id and b.bo_use_search = 1 ";

$gr_id = isset($_GET['gr_id']) ? substr(preg_replace('#[^a-z0-9_]#i', '', $_GET['gr_id']), 0, 10) : '';
if ($gr_id) {
    $sql_common .= " and b.gr_id = '$gr_id' ";
}

$view = isset($_GET['view']) ? $_GET['view'] : "";

if ($view == "w")
    $sql_common .= " and a.wr_id = a.wr_parent ";
else if ($view == "c")
    $sql_common .= " and a.wr_id <> a.wr_parent ";
else
    $view = '';

$mb_id = isset($_GET['mb_id']) ? ($_GET['mb_id']) : '';
$mb_id = substr(preg_replace('#[^a-z0-9_]#i', '', $mb_id), 0, 20);

if ($mb_id) {
    $sql_common .= " and a.mb_id = '{$mb_id}' ";
}
$sql_order = " order by a.bn_id desc ";

$sql = " select count(*) as cnt {$sql_common} ";
$row = sql_fetch($sql);
$total_count = $row['cnt'];

$rows = G5_IS_MOBILE ? $config['cf_mobile_page_rows'] : $config['cf_new_rows'];
$total_page  = ceil($total_count / $rows);  // 전체 페이지 계산
if ($page < 1) $page = 1; // 페이지가 없으면 첫 페이지 (1 페이지)
$from_record = ($page - 1) * $rows; // 시작 열을 구함

$list = array();
$sql = " select a.*, b.bo_subject, b.bo_mobile_subject, c.gr_subject, c.gr_id {$sql_common} {$sql_order} limit {$from_record}, {$rows} ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
    $tmp_write_table = $g5['write_prefix'].$row['bo_table'];

    if ($row['wr_id'] == $row['wr_parent']) {

        // 원글
        $comment = "";
        $comment_link = "";
        $row2 = sql_fetch(" select * from {$tmp_write_table} where wr_id = '{$row['wr_id']}' ");
        $list[$i] = $row2;

        $name = get_sideview($row2['mb_id'], get_text(cut_str($row2['wr_name'], $config['cf_cut_name'])), $row2['wr_email'], $row2['wr_homepage']);
        // 당일인 경우 시간으로 표시함
        $datetime = substr($row2['wr_datetime'],0,10);
        $datetime2 = $row2['wr_datetime'];
        if ($datetime == G5_TIME_YMD) {
            $datetime2 = substr($datetime2,11,5);
        } else {
            $datetime2 = substr($datetime2,5,5);
        }

    } else {

        // 코멘트
        $comment = '[코] ';
        $comment_link = '#c_'.$row['wr_id'];
        $row2 = sql_fetch(" select * from {$tmp_write_table} where wr_id = '{$row['wr_parent']}' ");
        $row3 = sql_fetch(" select mb_id, wr_name, wr_email, wr_homepage, wr_datetime from {$tmp_write_table} where wr_id = '{$row['wr_id']}' ");
        $list[$i] = $row2;
        $list[$i]['wr_id'] = $row['wr_id'];
        $list[$i]['mb_id'] = $row3['mb_id'];
        $list[$i]['wr_name'] = $row3['wr_name'];
        $list[$i]['wr_email'] = $row3['wr_email'];
        $list[$i]['wr_homepage'] = $row3['wr_homepage'];

        $name = get_sideview($row3['mb_id'], get_text(cut_str($row3['wr_name'], $config['cf_cut_name'])), $row3['wr_email'], $row3['wr_homepage']);
        // 당일인 경우 시간으로 표시함
        $datetime = substr($row3['wr_datetime'],0,10);
        $datetime2 = $row3['wr_datetime'];
        if ($datetime == G5_TIME_YMD) {
            $datetime2 = substr($datetime2,11,5);
        } else {
            $datetime2 = substr($datetime2,5,5);
        }

    }

    $list[$i]['gr_id'] = $row['gr_id'];
    $list[$i]['bo_table'] = $row['bo_table'];
    $list[$i]['name'] = $name;
    $list[$i]['comment'] = $comment;
    $list[$i]['href'] = get_pretty_url($row['bo_table'], $row2['wr_id'], $comment_link);
    $list[$i]['datetime'] = $datetime;
    $list[$i]['datetime2'] = $datetime2;

    $list[$i]['gr_subject'] = $row['gr_subject'];
    $list[$i]['bo_subject'] = ((G5_IS_MOBILE && $row['bo_mobile_subject']) ? $row['bo_mobile_subject'] : $row['bo_subject']);
    $list[$i]['wr_subject'] = $row2['wr_subject'];
}

$write_pages = get_paging(G5_IS_MOBILE ? $config['cf_mobile_pages'] : $config['cf_write_pages'], $page, $total_page, "?gr_id=$gr_id&amp;view=$view&amp;mb_id=$mb_id&amp;page=");

include_once($new_skin_path.'/profile_new.skin.php');
?>

</div><!--1-->

<!-- 프로필 아이디 복사{ -->
<script>
function copyMemberId(memberId) {
    // 멤버 아이디를 클립보드에 복사
    navigator.clipboard.writeText(memberId);

    // 사용자에게 복사 완료 알림 표시
    alert('프로필 ID가 복사되었습니다.');
}
</script>
<!--프로필 공유{ -->
<script>
function copyProfileLink() {
    // PHP에서 전달받은 $mb_id 값을 사용하여 프로필 링크 생성
    var profileLink = 'https://dsclub.kr/bbs/profile.php?mb_id=<?php echo $mb_id ?>';

    // 링크를 클립보드에 복사
    navigator.clipboard.writeText(profileLink);

    // 사용자에게 복사 완료 알림 표시
    alert('프로필 링크가 복사되었습니다.');
}
</script>
<!-- 팔로워/팔로잉 수{ -->
<script>
let followingPage = 1; // 현재 페이지 설정
let followerPage = 1; // 현재 페이지 설정
let mb_id = '<?php echo $mb_id ?>'; // mb_id를 직접 입력하거나 다른 방법으로 설정하세요

// 팔로잉 목록 로드
function loadFollowing() {
    const xhr = new XMLHttpRequest();
    xhr.open('POST', '/bbs/ajax_following.php', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.onload = function() {
        if (xhr.status === 200) {
            const response = JSON.parse(xhr.responseText);
            displayFollowingCount(response);
        } else {
            console.error("팔로잉 로드 실패: " + xhr.status);
        }
    };
    xhr.send('page=' + followingPage + '&mb_id=' + mb_id);
}

function displayFollowingCount(data) {
    const followingSpan = document.querySelector('.following');
    followingSpan.innerHTML = ''; // 이전 내용 초기화

    // 총 팔로잉 수 출력
    const totalCount = document.createElement('p');
    totalCount.innerText = `${data.total_following}`;
    followingSpan.appendChild(totalCount);
}

// 팔로워 목록 로드
function loadFollowers() {
    const xhr = new XMLHttpRequest();
    xhr.open('POST', '/bbs/ajax_followers.php', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.onload = function() {
        if (xhr.status === 200) {
            const response = JSON.parse(xhr.responseText);
            displayFollowerCount(response);
        } else {
            console.error("팔로워 로드 실패: " + xhr.status);
        }
    };
    xhr.send('page=' + followerPage + '&mb_id=' + mb_id);
}

function displayFollowerCount(data) {
    const followerSpan = document.querySelector('.followers');
    followerSpan.innerHTML = ''; // 이전 내용 초기화

    // 총 팔로워 수 출력
    let totalCount = data.total_followers;


    const countElement = document.createElement('p');
    countElement.innerText = `${totalCount}`;
    followerSpan.appendChild(countElement);
}

// 페이지 로드 시 팔로잉 및 팔로워 목록 불러오기
window.onload = function() {
    loadFollowing();
    loadFollowers();

    // 6초마다 데이터를 새로 고침
    setInterval(function() {
        loadFollowing();
        loadFollowers();
    }, 6000); // 6000 밀리초 = 6초
};
</script>
<!-- }팔로잉/팔로워 수 끝 -->

<style>
.logo img {
height:35px;weight:auto;
}
.hd_menu {
    display: flex;
    justify-content: space-between; /* 양 끝에 고정 */
    align-items: center; /* 세로 중앙 정렬 */
    height: 50px; /* 높이 설정 */
    position: fixed; /* 고정 위치 */
    top: 0; /* 상단 고정 */
    left: 0; /* 왼쪽 고정 */
    right: 0; /* 오른쪽 고정 */
    background-color: #ffffff; /* 배경색 */
    border-bottom: 1px solid #e1e8ed; /* 하단 경계선 */
    z-index: 1000; /* 다른 요소 위에 표시 */
    padding: 15px 10px
}

.logo {
    margin-left: 10px; /* 왼쪽 여백 */
}

.menu-items {
    display: flex; /* 가로 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
    margin-right: 10px; /* 오른쪽 여백 */
}

.send_memo,
.personal-menu {
    margin-left: 15px; /* 아이콘 간의 여백 */
}
.profile {
    background-color: #ffffff; /* 배경색 */
    border-radius: 5px; /* 모서리 둥글게 */
    padding: 15px; /* 내부 여백 */
    padding-top: 60px; /* 위쪽 여백 */
}

.profile_info {
    display: flex; /* 가로 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
    margin-bottom: 10px; /* 아래쪽 여백 */
}

.profile .profile_img {
    margin-right:30px; /* 이미지와 텍스트 간격 */
}

.profile .profile_img img {
    width: 60px; /* 이미지 너비 */
    min-width: 60px;
    max-width: 60px;
    height: 60px; /* 비율 유지 */
    min-height: 60px;
    max-height: 60px;
    border-radius: 50%; /* 원형 */
}

.profile_text {
    display: flex;
    flex-direction: column; /* 세로 정렬 */
}

.nick {
    font-weight: 540; /* 닉네임 두껍게 */
    color: #14171a !important; /* 텍스트 색상 */
    font-size: 1.4em; /* 폰트 크기 */
}

.id,
.id a {
    color: #555 !important; /* 아이디 색상 */
    font-size: 1.2em; /* 폰트 크기 */
    margin-left:0
}

.member_memo {
    color: #3a3a3a; /* 상태 메시지 색상 */
    margin: 10px; /* 위 아래 여백 */
    font-size: 15px;
    padding-bottom:15px;
    border-bottom:1px solid #e1e1e1
}

.profile_menu {
    display: flex; /* 가로 정렬 */
    margin:20px 0px; /* 위쪽 여백 */
    justify-content: center;
}

.profile_edit {
display: flex; /* Flexbox 활성화 */
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
	color:#2a2a2a;
	padding: 10px;
	border-radius:10px;
	font-weight:500;
	border:none;
	font-size:15px;
	background-color:#f2f2f2;
	margin-right:5px;
	white-space: nowrap;
	width:70%
}

.profile_share {
    display: flex; /* Flexbox 활성화 */
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
    color: #f2f2f2; /* 링크 색상 */
    background-color: #508ff7; /* 배경색 */
    cursor: default; /* 커서 포인터를 기본으로 변경 */
    font-weight: 560; /* 굵은 글씨 */
    padding: 10px; /* 내부 여백 */
    border-radius: 10px; /* 둥근 모서리 */
    border: none; /* 테두리 없음 */
    font-size: 15px; /* 폰트 크기 */
    margin-left: 5px; /* 왼쪽 여백 */
    white-space: nowrap; /* 줄 바꿈 방지 */
    width: 70%; /* 너비 설정 */
}

.profile_edit:hover,
.profile_share:hover {
    text-decoration: none; /* 호버 시 밑줄 */
}
</style>

<style>
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    background-color: #fefefe;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.close-button {
    color: #aaa;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 28px;
    font-weight: bold;
}

.close-button:hover,
.close-button:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
</style>


<!-- 프로필 페이지에서 메인 페이지로 이동{ -->
<script async>
let isLoading = false;
let loadContentPromise;
let newContentElement;
let oldContentElement;
let startX; // 터치 시작 X 좌표

function loadContent() {
    const referrer = document.referrer; // 이전 페이지 URL
    const url = referrer || window.location.origin; // 이전 페이지가 없으면 현재 도메인으로 설정

    loadContentPromise = fetch(url)
        .then(response => response.text())
        .then(data => {
            // 기존 콘텐츠 숨김 처리
            if (oldContentElement) {
                oldContentElement.classList.add('hidden'); // 이전 콘텐츠 숨김
            }

            // 새로운 콘텐츠 생성
            newContentElement = document.createElement('div');
            newContentElement.className = 'slide-in';
            newContentElement.innerHTML = data;
            document.body.appendChild(newContentElement);
            requestAnimationFrame(() => {
                newContentElement.style.transform = 'translateX(100%)'; // 슬라이드 애니메이션 시작
            });

            // 새로운 콘텐츠를 스크롤 대상 설정
            document.body.style.overflow = 'hidden'; // 배경 스크롤 방지
            newContentElement.style.overflow = 'auto'; // 새로운 콘텐츠 스크롤 가능
            newContentElement.style.height = '100%'; // 전체 높이 설정

            // 이전 콘텐츠 참조 저장
            oldContentElement = newContentElement;

            // 0.3초 후 해당 URL로 이동
            setTimeout(() => {
                window.location.href = url;
            }, 450); // 450ms 후 이동
        })
        .catch(error => {
            console.error('Error loading content:', error);
            isLoading = false; // 오류 발생 시 로딩 상태 초기화
            loadContentPromise = null; // 로드 취소
        });
}

// 터치 이벤트 리스너
document.addEventListener('touchstart', (event) => {
    if (!isLoading) {
        startX = event.touches[0].clientX; // 터치 시작 위치 저장
    }
});

document.addEventListener('touchend', (event) => {
    if (!isLoading) {
        const endX = event.changedTouches[0].clientX; // 터치 끝 위치
        const distance = endX - startX; // 스와이프 거리 계산

        // 스와이프 거리가 특정 임계값을 초과하면 콘텐츠 로드
        if (distance > 120) { // 오른쪽으로 스와이프
            isLoading = true;
            loadContent();
        }
    }
});
</script>


<!-- 보안을 위한 개발자 도구 제한{ -->
<?php
// 개발자 도구 사용 감지
if (isset($_SERVER['HTTP_USER_AGENT']) && stripos($_SERVER['HTTP_USER_AGENT'], 'Chrome') !== false && stripos($_SERVER['HTTP_USER_AGENT'], 'Edg') === false && stripos($_SERVER['HTTP_USER_AGENT'], 'Firefox') === false && stripos($_SERVER['HTTP_USER_AGENT'], 'Safari') === false) {
    // 개발자 도구 사용 시 오류 메시지 출력
    http_response_code(403);
    echo "개발자 도구 사용이 금지되어 있습니다.";
    exit;
}
?>
<script>
// F12 키 막기
document.addEventListener('keydown', function(event) {
  if (event.keyCode == 123) {
    event.preventDefault();
    return false;
  }
});

// 개발자 도구 열기 막기
document.addEventListener('contextmenu', function(e) {
  e.preventDefault();
});

// 개발자 도구 콘솔 막기
if (window.console) {
  console.log = function() {};
  console.error = function() {};
  console.warn = function() {};
  console.info = function() {};
  console.debug = function() {};
}
</script>
<?php
// 브라우저에서 JavaScript 사용 여부 확인
if (!isset($_SERVER['HTTP_USER_AGENT']) || !preg_match('/(?i)msie|trident|firefox|safari|opera|chrome/', $_SERVER['HTTP_USER_AGENT'])) {
    // JavaScript를 사용하지 않는 경우 리다이렉트
    header('Location: http://dsclub.kr');
    exit;
}
?>

