<!DOCTYPE html>

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

    <head>
<title>THCS - Khai mạc SHNK học kỳ 2 năm 2025 với chuyên đề &quot;Sống như những đóa hoa&quot; - Những khoảnh khắc xúc động.</title>
<meta name="description" content="THCS - Khai mạc SHNK học kỳ 2 năm 2025 với chuyên đề &quot;Sống như những đóa hoa&quot; - Những khoảnh khắc xúc động. - Savefile - Tin bài hoạt động -...">
<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="THCS - Khai mạc SHNK học kỳ 2 năm 2025 với chuyên đề &quot;Sống như những đóa hoa&quot; - Những khoảnh khắc xúc động.">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin bài hoạt động -...">
<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/thcs-khai-mac-shnk-hoc-ky-2-nam-2025-voi-chuyen-de-song-nhu-nhung-doa-hoa-nhung-khoanh-khac-xuc-dong-92.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/thcs-khai-mac-shnk-hoc-ky-2-nam-2025-voi-chuyen-de-song-nhu-nhung-doa-hoa-nhung-khoanh-khac-xuc-dong-92.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>THCS - Khai mạc SHNK học kỳ 2 năm 2025 với chuyên đề &quot;Sống như những đóa hoa&quot; - Những khoảnh khắc xúc động.</h1>
        <ul class="list-inline">
            <li>Thứ sáu - 23/05/2025 04:38</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">
            <p data-sourcepos="1:1-1:401" style="text-align: justify;"><span style="line-height:115%">Sáng ngày 16/5/2025, tại sân trường khối THCS (Cơ sở 2), tổ chức khai mạc sinh hoạt ngoại khóa học kỳ 2&nbsp;với chuyên đề <b>&quot;Sống như những đóa hoa&quot;</b> đã diễn ra thành công tốt đẹp, để lại nhiều dư âm xúc động trong lòng học sinh, giáo viên và phụ huynh. Chương trình được chia sẻ&nbsp;bởi diễn giả <b>Hiểu Linh-</b>người đã chạm đến những góc sâu thẳm trong tâm hồn người tham dự.</span></p>

<div class="image-center"><img alt="img 2560" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_05/img_2560.jpg" /></div>

<p data-sourcepos="1:1-1:401" style="text-align: justify;"><span style="line-height:115%">Chuyên&nbsp;đề &quot;Sống như những đóa hoa&quot;,&nbsp;không chỉ truyền tải thông điệp về sự lạc quan, mạnh mẽ và khả năng vươn lên trước mọi thử thách, mà còn khuyến khích các em học sinh nhận diện và phát huy vẻ đẹp độc đáo của riêng mình, giống như mỗi đóa hoa mang một sắc thái riêng biệt. Diễn giả Hiểu Linh đã sử dụng những câu chuyện đời thường, gần gũi, kết hợp cùng các hoạt động tương tác sinh động, giúp các em dễ dàng tiếp thu và thấu hiểu.</span></p>

<div class="image-center"><img alt="img 2626" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_05/img_2626.jpg" /></div>

<div class="image-center"><img alt="img 2645" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_05/img_2645.jpg" /></div>

<p data-sourcepos="1:1-1:401" style="text-align: justify;"><span style="line-height:115%">Không khí của buổi sinh hoạt tràn ngập sự ấm áp và lắng đọng. Nhiều học sinh đã không kìm được nước mắt khi Hiểu Linh chia sẻ về những câu chuyện về nghị lực sống, về cách đối diện với khó khăn và tìm thấy ý nghĩa trong cuộc sống. Đặc biệt, phần giao lưu giữa diễn giả và học sinh đã tạo cơ hội để các em bày tỏ những trăn trở, lo lắng của bản thân, từ đó nhận được những lời khuyên chân thành và thiết thực. Phụ huynh cũng bày tỏ sự đồng cảm sâu sắc, nhiều người chia sẻ rằng chương trình đã giúp họ hiểu con cái mình hơn, đồng thời gợi mở những cách tiếp cận mới trong việc giáo dục và đồng hành cùng con.</span></p>

<div class="image-center"><img alt="img 2777" height="2137" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_05/img_2777.jpg" width="2500" /></div>

<div class="image-center"><img alt="img 2838" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_05/img_2838.jpg" /></div>

<div class="image-center"><img alt="img 2746" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_05/img_2746.jpg" /></div>

<div class="image-center"><img alt="img 2693" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_05/img_2693.jpg" /></div>

<div class="image-center"><img alt="img 2773" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_05/img_2773.jpg" /></div>

<p data-sourcepos="1:1-1:401" style="text-align: justify;"><span style="line-height:115%">Chuyên&nbsp;đề &quot;Sống như những đóa hoa&quot; không chỉ là một buổi sinh hoạt ngoại khóa đơn thuần mà còn là một trải nghiệm ý nghĩa, mang tính giáo dục cao. Khơi dậy trong lòng các em học sinh một nguồn năng lượng tích cực, giúp các em tự tin hơn vào bản thân và dám sống với những ước mơ của mình. Thành công của chuyên đề là minh chứng rõ nét cho thấy những chương trình ngoại khóa chất lượng, được đầu tư về nội dung và phương pháp truyền đạt, có vai trò quan trọng như thế nào trong việc bồi dưỡng tâm hồn và định hướng nhân cách cho thế hệ trẻ.</span></p>

<div class="image-center"><img alt="img 2648" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_05/img_2648.jpg" /></div>

<p data-sourcepos="1:1-1:401" style="text-align: center;"><span style="line-height:115%"><iframe allow="autoplay;" allowfullscreen="" frameborder="0" height="500" src="https://www.youtube.com/embed/ay8oNGY-eD4?rel=0&amp;autoplay=1" width="100%"></iframe></span></p>

<p data-sourcepos="1:1-1:401" style="text-align: justify;"><br />
&nbsp;</p>
        </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/thcs-khai-mac-shnk-hoc-ky-2-nam-2025-voi-chuyen-de-song-nhu-nhung-doa-hoa-nhung-khoanh-khac-xuc-dong-92.html" title="THCS - Khai mạc SHNK học kỳ 2 năm 2025 với chuyên đề &quot;Sống như những đóa hoa&quot; - Những khoảnh khắc xúc động.">https://pek.edu.vn/vi/hoat-dong-su-kien/savefile/hoat-dong-cua-hoc-sinh/thcs-khai-mac-shnk-hoc-ky-2-nam-2025-voi-chuyen-de-song-nhu-nhung-doa-hoa-nhung-khoanh-khac-xuc-dong-92.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>