<!DOCTYPE html>

    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">

    <head>
<title>Góc Tư vấn tâm lý học đường</title>
<meta name="description" content="Góc Tư vấn tâm lý học đường - Savefile - Tin bài hoạt động - https&#x3A;&#x002F;&#x002F;pek.edu.vn&#x002F;vi&#x002F;hoat-dong-su-kien&#x002F;savefile&#x002F;hoat-dong-cua-hoc-sinh&#x002F;goc-tu-van-tam-ly-hoc-duong-4.html">
<meta name="author" content="PÉTRUS KÝ PRIMARY - HIGH SCHOOL">
<meta name="copyright" content="PÉTRUS KÝ PRIMARY - HIGH SCHOOL [pek@pek.edu.vn]">
<meta name="generator" content="NukeViet v4.5">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="Góc Tư vấn tâm lý học đường">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin bài hoạt động - https&#x3A;&#x002F;&#x002F;pek.edu.vn&#x002F;vi&#x002F;hoat-dong-su-kien&#x002F;savefile&#x002F;hoat-dong-cua-hoc-sinh&#x002F;goc-tu-van-tam-ly-hoc-duong-4.html">
<meta property="og:site_name" content="PÉTRUS KÝ PRIMARY - HIGH SCHOOL">
<meta property="og:url" content="https://pek.edu.vn/vi/hoat-dong-su-kien/savefile/hoat-dong-cua-hoc-sinh/goc-tu-van-tam-ly-hoc-duong-4.html">
<link rel="shortcut icon" href="https://pek.edu.vn/uploads/logo-pek.png">
<link rel="canonical" href="https://pek.edu.vn/vi/hoat-dong-su-kien/savefile/hoat-dong-cua-hoc-sinh/goc-tu-van-tam-ly-hoc-duong-4.html">
<link rel="alternate" href="https://pek.edu.vn/vi/hoat-dong-su-kien/rss/" title="Tin bài hoạt động" type="application/rss+xml">
<link rel="alternate" href="https://pek.edu.vn/vi/hoat-dong-su-kien/rss/hoat-dong-cua-hoc-sinh/" title="Tin bài hoạt động - Hoạt động của học sinh" type="application/rss+xml">
<link rel="alternate" href="https://pek.edu.vn/vi/hoat-dong-su-kien/rss/hoat-dong-cua-nha-truong/" title="Tin bài hoạt động - Hoạt động của nhà trường" type="application/rss+xml">
<link rel="alternate" href="https://pek.edu.vn/vi/hoat-dong-su-kien/rss/tuyen-truyen-dien-dan-giao-duc/" title="Tin bài hoạt động - Tuyên truyền-diễn đàn giáo dục" type="application/rss+xml">
<link rel="preload" as="font" href="/assets/tms/fonts/fontawesome-webfont.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="image" href="/themes/default/images/header.png" type="image/png">
<link rel="preload" as="script" href="/assets/js/jquery/jquery.min.js?t=1792647660" type="text/javascript">
<link rel="preload" as="script" href="https://pek.edu.vn/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://pek.edu.vn/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="https://pek.edu.vn/assets/js/DOMPurify/purify.js" type="text/javascript">
<link rel="preload" as="script" href="https://pek.edu.vn/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="https://pek.edu.vn/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="https://pek.edu.vn/themes/default/js/hoat-dong-su-kien.js" type="text/javascript">
<link rel="preload" as="script" href="https://pek.edu.vn/themes/default/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="https://pek.edu.vn/themes/default/js/custom.js" type="text/javascript">
<link rel="preload" as="script" href="https://pek.edu.vn/themes/default/js/tms_menu.js" type="text/javascript">
<link rel="preload" as="script" href="https://pek.edu.vn/assets/tms/js/swiper.js" type="text/javascript">
<link rel="preload" as="script" href="https://pek.edu.vn/assets/tms/js/bootstrap.min.js" type="text/javascript">
<link rel="preload" as="style" href="https://pek.edu.vn/assets/tms/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="https://pek.edu.vn/assets/tms/css/bootstrap.min.css" type="text/css">
<link rel="preload" as="style" href="https://pek.edu.vn/themes/default/css/style.css" type="text/css">
<link rel="preload" as="style" href="https://pek.edu.vn/themes/default/css/style.responsive.css" type="text/css">
<link rel="preload" as="style" href="https://pek.edu.vn/themes/default/css/custom.css" type="text/css">
<link rel="preload" as="style" href="https://pek.edu.vn/assets/css/default.vi.0.css" type="text/css">
<link rel="preload" as="style" href="https://pek.edu.vn/themes/default/css/tms_menu.css" type="text/css">
<link rel="preload" as="style" href="https://pek.edu.vn/assets/tms/css/swiper.css" type="text/css">
<link rel="stylesheet" href="https://pek.edu.vn/assets/tms/css/font-awesome.min.css">
<link rel="stylesheet" href="https://pek.edu.vn/assets/tms/css/bootstrap.min.css">
<link rel="stylesheet" href="https://pek.edu.vn/themes/default/css/style.css">
<link rel="stylesheet" href="https://pek.edu.vn/themes/default/css/style.responsive.css">
<link rel="stylesheet" href="https://pek.edu.vn/themes/default/css/custom.css">
<link rel="stylesheet" href="https://pek.edu.vn/assets/css/default.vi.0.css">
<link id="theme" rel="stylesheet" type="text/css" media="all" href="https://pek.edu.vn/themes/default/css/tms_menu.css" />
<link href="https://pek.edu.vn/assets/tms/css/swiper.css" type="text/css" rel="stylesheet" />
<style>
  .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999999999;
  }

  .popup.hidden {
    display: none;
  }

  .popup-content {
    position: relative;
    background: #fff;
    width: 95%;
    height: 90%;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
  }
/* Khi màn hình nhỏ hơn hoặc bằng 480px */
@media (max-width: 576px) {
    .popup-content {
        width: 100%;
        height: 100%;
        border-radius: 0; /* Loại bỏ bo góc để full màn hình */
    }
}

  /* Thay đổi tên iframe thành popup-iframe */
  .popup-iframe {
    width: 100%;
    height: 100%;
    border: none;
  }

  .popup-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #d9534f;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 10;
  }

  .popup-close-btn:hover {
    background: #c9302c;
  }
  .xpopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999999;
  }
  .xpopup.hidden {
    display: none;
  }

  /* Kích thước mặc định */
  .xpopup-content {
    position: relative;
    background: #fff;
    width: 100%;
    max-width: 768px;
    height: 90%;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
  }

  /* Các size khác nhau */
  .popup-small { max-width: 400px; height: 50%; }
  .popup-medium { max-width: 768px; height: 90%; }
  .popup-large { max-width: 95%; height: 90%; }

  @media (max-width: 576px) {
    .xpopup-content {
      width: 95%;
      height: 90%;
      border-radius: 8px;
    }
  }

  .xpopup-iframe {
    width: 100%;
    height: 100%;
    border: none;
  }

  .xpopup-close-btn {
  position: absolute; /* Đổi từ relative sang absolute */
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  background-color: #f8d7da;
  color: #dc3545;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
  z-index: 10; /* Đảm bảo nằm trên iframe */
}

.xpopup-close-btn:hover {
  background-color: #dc3545;
  color: #fff;
  transform: rotate(90deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.xpopup-close-btn:focus {
  outline: none;
}
  /* Link auto mở */
  .xpopup-link-0 {
    display: none;
  }
    body{background: #fff;}
</style>
    </head>
<iframe src="https://pek.edu.vn/nenweb2025/index.html" frameborder="0" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:-100000;"></iframe>
    <!-- HTML -->
<!-- HTML -->
<div id="iframe-popup" class="popup hidden">
  <div class="popup-content">
    <button id="close-popup" class="popup-close-btn">Đóng</button>
    <!-- Thay đổi id của iframe thành class -->
    <iframe class="popup-iframe" src="" frameborder="0"></iframe>
  </div>
</div>

<!-- CSS -->
<!-- JS -->
  <!-- HTML POPUP MỚI-->
  <div id="xpopup-container" class="xpopup hidden">
  <div class="xpopup-content">
    <button id="xpopup-close-btn" class="xpopup-close-btn"><span aria-hidden="true">&times;</span></button>
    <iframe class="xpopup-iframe" src="" frameborder="0"></iframe>
  </div>
</div>
<div class="container-fluid"style="background-color:#fff;">
<div id="print">
    <div id="hd_print">
        <h2 class="pull-left">PÉTRUS KÝ PRIMARY - HIGH SCHOOL</h2>
        <p class="pull-right"><a title="PÉTRUS KÝ PRIMARY - HIGH SCHOOL" href="https://pek.edu.vn/">https://pek.edu.vn</a></p>
    </div>
    <div class="clear"></div>
    <hr />
    <div id="content">
        <h1>Góc Tư vấn tâm lý học đường</h1>
        <ul class="list-inline">
            <li>Thứ ba - 02/04/2024 22:47</li>
            <li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="https://pek.edu.vn/#" data-toggle="winCMD" data-cmd="print">In ra</a></li>
            <li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="https://pek.edu.vn/#"  data-toggle="winCMD" data-cmd="close">Đóng cửa sổ này</a></li>
        </ul>
        <div class="clear"></div>
        <div id="hometext">
        </div>
        <div id="bodytext" class="clearfix">
            <div class="image-center"><img alt="IMG 3426" height="2005" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv6.jpg" width="2500" /></div>
&nbsp;

<div style="text-align: justify;">Trong hành trình học tập và phát triển cá nhân, có những khoảnh khắc - thời điểm các em lo lắng, áp lực và cả những vấn đề khó nói. Từ học tập, mối quan hệ bạn bè, và sự kỳ vọng từ bản thân cũng như gia đình có thể khiến các em cảm thấy mệt mỏi và cô đơn. Nhưng các em không cần phải đối mặt với những cảm xúc này một mình, đó là lý do tại sao nhà trường muốn các em biết về một nơi đặc biệt tại trường - Góc Tư vấn tâm lý. Đây là nơi các em có thể tạm gác lại mọi lo lắng, những cảm xúc tiêu cực và chỉ cần là chính mình, Thầy/Cô sẽ đồng hành cùng các em.<br />
<br />
Đến với Góc tư vấn tâm lý học đường tại trường Trung - Tiểu học Pétrus Ký:<br />
<strong>Một góc nhỏ để chia sẻ</strong><br />
Các em có biết không? Mỗi chúng ta đều có những câu chuyện và cảm xúc riêng, và đôi khi, chỉ cần được lắng nghe cũng là một liều thuốc tuyệt vời. Đến với Góc Tư vấn tâm lý, các em sẽ gặp “những người bạn mới”, những người sẵn lòng lắng nghe mỗi câu chuyện của các em, không phán xét, chỉ chia sẻ và đồng cảm.<br />
<strong>Để giúp các em vượt qua</strong><br />
Dù các em đang lo lắng về điều gì - stress học tập, rắc rối trong tình bạn, hay chỉ là cảm giác bất an không rõ nguyên nhân, Góc Tư vấn tâm lý luôn mở cửa chào đón các em. Cùng với sự giúp đỡ từ quý Thầy/Cô, chắc chắn các em sẽ tìm thấy sự thoải mái và hỗ trợ cần thiết để đối mặt và vượt qua.<br />
<strong>Không chỉ là nơi tâm sự</strong><br />
Góc Tư vấn tâm lý không chỉ là nơi để chia sẻ, còn là nơi các em có thể tham gia vào các hoạt động giáo dục kỹ năng sống, các trò chơi tư duy, khám phá, xác định mục tiêu bản thân và các hoạt động thú vị khác. Tất cả đều nhằm mục đích giúp bạn học cách quản lý cảm xúc, xây dựng kỹ năng giao tiếp và tạo dựng mối quan hệ lành mạnh.<br />
<strong>Hãy đến và chia sẻ</strong><br />
Đừng ngần ngại ghé qua Góc tư vấn tâm lý bất cứ khi nào bạn cần một bờ vai, một lời chia sẻ, hoặc chỉ là một không gian yên tĩnh để tĩnh tâm. Hãy để “chúng tôi” cùng các em đi qua những thời khắc khó khăn này.&nbsp;Các em không đơn độc. Hãy cho mình cơ hội được giúp đỡ và chia sẻ, bởi vì cùng nhau, chúng ta mạnh mẽ hơn nhiều, vào các ngày Thứ 3, Thứ 5 hàng tuần ở Góc tư vấn Tầng 6-Khu Hiệu bộ.</div>
<br />
<div class="slideshowPlugin" contenteditable="false" data-animspeedid="500" data-autostartid="true" data-pictheightid="500" data-slideshowid="cke_eyncj2w6_slideShow" data-speedid="5" data-transitiontypeid="resize" id="cke_eyncj2w6_slideShow">
<div class="ad-gallery" contenteditable="false" id="ad-gallery_cke_eyncj2w6_slideShow">
<div class="ad-image-wrapper" contenteditable="false">&nbsp;</div>

<div class="ad-controls" contenteditable="false" style="visibility: hidden;">&nbsp;</div>

<div class="ad-nav" contenteditable="false" style="display: none;">
<div class="ad-thumbs" contenteditable="false">
<ul class="ad-thumb-list" contenteditable="false">
	<li contenteditable="false"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><a contenteditable="false" data-widget="image" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv6.jpg"><img alt="" contenteditable="false" height="40" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv6.jpg" title="" width="50" /></a></span></span></span></span></span></span></span></li>
	<li contenteditable="false"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><a contenteditable="false" data-widget="image" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv5.jpg"><img alt="" contenteditable="false" height="34" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv5.jpg" title="" width="50" /></a></span></span></span></span></span></span></span></li>
	<li contenteditable="false"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><a contenteditable="false" data-widget="image" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv3.jpg"><img alt="" contenteditable="false" height="34" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv3.jpg" title="" width="50" /></a></span></span></span></span></span></span></span></li>
	<li contenteditable="false"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><a contenteditable="false" data-widget="image" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv1.jpg"><img alt="" contenteditable="false" height="35" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv1.jpg" title="" width="50" /></a></span></span></span></span></span></span></span></li>
	<li contenteditable="false"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><a contenteditable="false" data-widget="image" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv7-1.jpg"><img alt="" contenteditable="false" height="50" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv7-1.jpg" title="" width="38" /></a></span></span></span></span></span></span></span></li>
	<li contenteditable="false"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><a contenteditable="false" data-widget="image" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv8.jpg"><img alt="" contenteditable="false" height="38" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv8.jpg" title="" width="50" /></a></span></span></span></span></span></span></span></li>
	<li contenteditable="false"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><a contenteditable="false" data-widget="image" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv9.jpg"><img alt="" contenteditable="false" height="38" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_07/tv9.jpg" title="" width="50" /></a></span></span></span></span></span></span></span></li>
</ul>
</div>
</div>
</div>
</div>
        </div>
    </div>
    <div id="footer" class="clearfix">
        <div id="url">
            <strong>URL của bản tin này: </strong><a href="https://pek.edu.vn/vi/hoat-dong-su-kien/savefile/hoat-dong-cua-hoc-sinh/goc-tu-van-tam-ly-hoc-duong-4.html" title="Góc Tư vấn tâm lý học đường">https://pek.edu.vn/vi/hoat-dong-su-kien/savefile/hoat-dong-cua-hoc-sinh/goc-tu-van-tam-ly-hoc-duong-4.html</a>

        </div>
        <div class="clear"></div>
        <div class="copyright">
            &copy; PÉTRUS KÝ PRIMARY - HIGH SCHOOL
        </div>
        <div id="contact">
            <a href="mailto:pek@pek.edu.vn">pek@pek.edu.vn</a>
        </div>
    </div>
</div>

</div>
        <!-- Captcha-Modal Required!!! -->
        <div id="modal-img-captcha" class="modal fade" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <div class="modal-title">Xác minh bạn không phải là Robot</div>
                    </div>
                    <div class="modal-body text-center">
                        <div class="margin-bottom">
                            <img class="captchaImg mr-1" src="https://pek.edu.vn/assets/images/pix.svg" width="150" height="40" alt="" title="" /><span class="pointer" data-toggle="change_captcha" data-obj="#modal-captcha-value" title="Thay mới"><em class="fa fa-refresh"></em></span>
                        </div>
                        <div class="margin-bottom">
                            <div>
                                <p>Mã bảo mật</p>
                                <p><input type="text" id="modal-captcha-value" value="" class="form-control display-inline-block required" maxlength="6" style="width:200px" data-toggle="enterToEvent" data-obj="#modal-captcha-button" data-obj-event="click"/></p>
                                <div class="invalid-feedback"></div>
                            </div>
                        </div>
                        <p><button type="button" id="modal-captcha-button" class="btn btn-primary">Xác nhận</button></p>
                    </div>
                </div>
            </div>
        </div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a data-toggle="timeoutsesscancel" href="https://pek.edu.vn/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
<script src="https://pek.edu.vn/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_assets_dir="assets",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="hoat-dong-su-kien",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=-4,nv_my_abbr="EDT",nv_cookie_prefix="nv4",nv_check_pass_mstime=59878000,nv_area_admin=0,nv_safemode=0,theme_responsive=1,nv_recaptcha_ver=2,nv_recaptcha_sitekey="",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="https://pek.edu.vn/assets/js/language/vi.js"></script>
<script src="https://pek.edu.vn/assets/js/DOMPurify/purify.js"></script>
<script src="https://pek.edu.vn/assets/js/global.js"></script>
<script src="https://pek.edu.vn/assets/js/site.js"></script>
<script src="https://pek.edu.vn/themes/default/js/hoat-dong-su-kien.js"></script>
<script src="https://pek.edu.vn/themes/default/js/main.js"></script>
<script src="https://pek.edu.vn/themes/default/js/custom.js"></script>
<script type="application/ld+json">

        {

            "@context": "https://schema.org",

            "@type": "Organization",

            "url": "https://pek.edu.vn",

            "logo": "https://pek.edu.vn/uploads/logo_web1.png"

        }

        </script>
<script type="text/javascript" src="https://pek.edu.vn/themes/default/js/tms_menu.js"></script>
<script type="text/javascript" src="https://pek.edu.vn/assets/tms/js/swiper.js"></script>
<script>
  // Hiển thị popup với URL được truyền vào
  function showIframePopup(url) {
    const iframe = document.querySelector('.popup-iframe'); // Thay đổi id thành class
    iframe.src = url; // Gán URL cho iframe
    document.getElementById('iframe-popup').classList.remove('hidden');
  }

  // Đóng popup
  function closeIframePopup() {
    // Gửi tín hiệu đến iframe để yêu cầu đăng xuất
    const iframe = document.querySelector('.popup-iframe');
    if (iframe && iframe.contentWindow) {
        iframe.contentWindow.postMessage({ action: "logout" }, "*");
    }

    // Đóng popup
    document.getElementById('iframe-popup').classList.add('hidden');

    // Xóa URL trong iframe để giải phóng tài nguyên
    iframe.src = '';
}
  // Gắn sự kiện cho nút Đóng
  document.getElementById('close-popup').addEventListener('click', closeIframePopup);

  // Gắn sự kiện cho các liên kết trong menu
  document.addEventListener('DOMContentLoaded', function () {
    const popupLinks = document.querySelectorAll('.popup-link');
    popupLinks.forEach(function (link) {
      link.addEventListener('click', function (e) {
        e.preventDefault(); // Ngăn chuyển hướng trang
        const url = link.getAttribute('data-url'); // Lấy URL từ thuộc tính data-url
        showIframePopup(url); // Hiển thị popup với URL tương ứng
      });
    });
  });

  // Lắng nghe sự kiện nhấn phím Esc để đóng popup
  document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape') { // Kiểm tra nếu phím được nhấn là Esc
      closeIframePopup();
    }
  });
</script>
<script>
  function showXPopup(url, sizeClass) {
    const content = document.querySelector('.xpopup-content');
    const iframe = document.querySelector('.xpopup-iframe');

    // Xóa kích thước cũ
    content.classList.remove('popup-small', 'popup-medium', 'popup-large');

    // Thêm kích thước mới
    if (sizeClass) content.classList.add(sizeClass);

    iframe.src = url;
    document.getElementById('xpopup-container').classList.remove('hidden');
  }

  function closeXPopup() {
    const iframe = document.querySelector('.xpopup-iframe');
    if (iframe && iframe.contentWindow) {
      iframe.contentWindow.postMessage({ action: "logout" }, "*");
    }
    document.getElementById('xpopup-container').classList.add('hidden');
    iframe.src = '';
  }

  document.getElementById('xpopup-close-btn').addEventListener('click', closeXPopup);

  document.addEventListener('DOMContentLoaded', function () {
    const navType = performance.getEntriesByType("navigation")[0]?.type || performance.navigation.type;

    // ==== Auto mở nếu không phải reload ====
    if (
      (typeof navType === 'string' && navType !== 'reload') || 
      (typeof navType === 'number' && navType !== 1)
    ) {
      if (!sessionStorage.getItem('hasShownPopup')) {
        const autoLink = document.querySelector('.xpopup-link-0');
        if (autoLink) {
          const url = autoLink.getAttribute('data-url');
          const size = autoLink.getAttribute('data-size') || 'medium';
          if (url) {
            setTimeout(function () {
              showXPopup(url, 'popup-' + size);
            }, 3000);
            sessionStorage.setItem('hasShownPopup', 'true');
          }
        }
      }
    }

    // ==== Gắn sự kiện mở popup thủ công ====
    document.querySelectorAll('.xpopup-link').forEach(function(link) {
      link.addEventListener('click', function(e) {
        e.preventDefault();
        const url = link.getAttribute('data-url');
        const size = link.getAttribute('data-size') || 'medium';
        showXPopup(url, 'popup-' + size);
      });
    });
  });

  // Đóng popup bằng ESC
  document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape') {
      closeXPopup();
    }
  });
</script>
<script>
// === Nhận message từ iframe ===
window.addEventListener('message', function(event) {
  if (!event.data || typeof event.data !== 'object') return;

  // --- MỞ POPUP MỚI ---
  if (event.data.action === 'showXPopup') {
    closeXPopup?.(); // đóng popup cũ nếu có

    const popupSize = event.data.size || 'popup-medium';
    showXPopup(event.data.url, popupSize);
  }

  // --- CẬP NHẬT POPUP ĐANG MỞ ---
  else if (event.data.action === 'updateXPopup') {
    const popup = document.querySelector('.xpopup');
    const iframe = popup?.querySelector('iframe');
    const popupContent = popup?.querySelector('.xpopup-content');

    if (popup && iframe) {
      // chỉ đổi nội dung, không đóng overlay
      iframe.src = event.data.url;

      // nếu có kích thước mới, đổi class luôn
      if (event.data.size) {
        popupContent.classList.remove('popup-small', 'popup-medium', 'popup-large');
        popupContent.classList.add(event.data.size);
      }
    }
  }
});

// === Hàm mở popup ===
function showXPopup(url, size = 'popup-medium') {
  const popup = document.querySelector('.xpopup');
  const popupContent = popup.querySelector('.xpopup-content');
  const iframe = popup.querySelector('iframe');

  // reset kích thước & src
  popupContent.classList.remove('popup-small', 'popup-medium', 'popup-large');
  popupContent.classList.add(size);
  iframe.src = url;

  popup.classList.remove('hidden'); // hiện popup + overlay
}

// === Hàm đóng popup ===
function closeXPopup() {
  const popup = document.querySelector('.xpopup');
  const iframe = popup.querySelector('iframe');
  iframe.src = ''; // clear để ngắt nội dung
  popup.classList.add('hidden'); // ẩn popup
}

// Nút đóng
document.addEventListener('DOMContentLoaded', () => {
  document.querySelector('.xpopup-close')?.addEventListener('click', closeXPopup);
});
</script>
<script src="https://pek.edu.vn/assets/tms/js/bootstrap.min.js"></script>
</body>
</html>