<!DOCTYPE html>

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

    <head>
<title>Quỹ tấm lòng nhân ái học sinh - Chia sẻ yêu thương mùa Trung thu 2024</title>
<meta name="description" content="Quỹ tấm lòng nhân ái học sinh - Chia sẻ yêu thương mùa Trung thu 2024 - 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="Quỹ tấm lòng nhân ái học sinh - Chia sẻ yêu thương mùa Trung thu 2024">
<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/quy-tam-long-nhan-ai-hoc-sinh-chia-se-yeu-thuong-mua-trung-thu-2024-45.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/quy-tam-long-nhan-ai-hoc-sinh-chia-se-yeu-thuong-mua-trung-thu-2024-45.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>Quỹ tấm lòng nhân ái học sinh - Chia sẻ yêu thương mùa Trung thu 2024</h1>
        <ul class="list-inline">
            <li>Thứ năm - 19/09/2024 23:31</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 style="text-align: justify;">Trung thu - mùa của niềm vui và hạnh phúc - luôn là dịp đặc biệt đối với các em nhỏ. Không chỉ là những chiếc đèn lồng rực rỡ hay những chiếc bánh nướng thơm lừng, Trung thu còn mang trong mình thông điệp sâu sắc về sự sẻ chia, lòng yêu thương giữa con người với con người. Hệ thống Trường Trung - Tiểu học Pétrus Ký, với mô hình “Quỹ tấm lòng nhân ái học sinh” đã trở thành cầu nối cho tình yêu thương, khi những món quà ý nghĩa được gửi đến các em nhỏ kém may mắn ở lớp học tình thương trên địa bàn thành phố Thủ Dầu Một.<br />
&nbsp;</div>

<blockquote>
<div style="text-align: justify;"><strong>“Quỹ tấm lòng nhân ái học sinh” </strong>ra đời từ sự đóng góp tự nguyện của học sinh toàn trường (Tiểu học, THCS, THPT). Mỗi tháng, từng học sinh đóng góp một phần nhỏ từ tiền tiết kiệm của mình vào quỹ, hay từng đợt quyên góp qua các hoạt động ngoại khóa của các em, tạo nên một nguồn lực mạnh mẽ để thực hiện các hoạt động thiện nguyện. Dù chỉ là những đóng góp nhỏ lẻ, nhưng nhờ sự đoàn kết của tập thể, quỹ đã dần trở thành một ngọn lửa ấm áp, mang lại niềm vui và hy vọng cho nhiều mảnh đời khó khăn trong cuộc sống.</div>
</blockquote>

<div style="text-align: justify;">
<div class="image-center"><img alt="tt1" height="1227" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_09/tt1.jpg" width="2048" /></div>
<br />
<strong>Món quà cùng Pek&#039;ers chia sẻ.</strong><br />
Mùa Trung thu năm nay, “Quỹ tấm lòng nhân ái học sinh” đã dành ra một khoản nhỏ để chia sẻ-mua quà tặng cho các em ở 3 lớp học tình thương (Lớp học tình thương các phường: Hiệp Thành 23 em, phường Phú Hòa 22 em, phường Phú Lợi 18 em) với 63 phần quà, mỗi phần quà có giá trị 300.000 đồng. Món quà không chỉ đơn thuần là vật chất, mà còn là sự gửi gắm tình cảm, sự đồng cảm và tấm lòng chân thành của các em học sinh Hệ thống Trường Trung - Tiểu học Pétrus Ký. Hoạt động chia sẻ yêu thương mùa Trung thu&nbsp;là dịp để các em học sinh (pek’ers) hiểu rõ hơn về ý nghĩa của sự sẻ chia. Qua đó, giúp các em được rèn luyện lòng nhân ái, biết cảm thông với những mảnh đời kém may mắn, ý thức hơn về trách nhiệm đối với xã hội và trân quý cuộc sống hiện tại, sự biết ơn và lòng trắc ẩn trong mỗi tâm hồn của các em.<br />
Mùa trăng rằm của các em lớp học tình thương trên địa bàn thành phố Thủ Dầu Một năm nay trở nên ấm áp hơn bao giờ hết, khi nhận được những món quà đầy ý nghĩa từ “Quỹ tấm lòng nhân ái học sinh”. Những nụ cười ngây thơ, hồn nhiên của các em chính là minh chứng sống động cho tình yêu thương, sự chia sẻ được lan tỏa. Trung thu này, không chỉ là mùa của trăng sáng mà còn là mùa của những trái tim biết cho đi, mùa của những yêu thương được nối dài.<br />
<br />
<strong>Hình ảnh tặng quà Trung thu của các cơ sở hệ thống Trường Trung - Tiểu học Pétrus Ký.</strong><br />
(Tiểu học: tặng 23 phần quà cho trẻ em lớp học tình thương phường Hiệp Thành. THCS:&nbsp;tặng 18&nbsp;phần quà cho trẻ em lớp học tình thương phường Phú Lợi. THPT:&nbsp;tặng 22 phần quà cho trẻ em lớp học tình thương phường Phú Hòa).<br />
&nbsp;
<div class="image-center"><img alt="img 1985" height="1667" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_09/img_1985.jpg" width="2500" /></div>

<div class="image-center"><img alt="tt2" height="1171" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_09/tt2.jpg" width="2048" /></div>

<div class="image-center"><img alt="tt" height="1836" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_09/tt.jpg" width="2048" /></div>

<div class="image-center"><img alt="ty" height="1458" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_09/ty.jpg" width="2048" /></div>

<div class="image-center"><img alt="tt4" height="1191" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_09/tt4.jpg" width="2048" /></div>

<div class="image-center"><img alt="img 1983" height="1667" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2024_09/img_1983.jpg" width="2500" /></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/quy-tam-long-nhan-ai-hoc-sinh-chia-se-yeu-thuong-mua-trung-thu-2024-45.html" title="Quỹ tấm lòng nhân ái học sinh - Chia sẻ yêu thương mùa Trung thu 2024">https://pek.edu.vn/vi/hoat-dong-su-kien/savefile/hoat-dong-cua-hoc-sinh/quy-tam-long-nhan-ai-hoc-sinh-chia-se-yeu-thuong-mua-trung-thu-2024-45.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>