<!DOCTYPE html>

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

    <head>
<title>Bảo hiểm y tế - hành trang cho sức khỏe học sinh năm học 2026 - 2027</title>
<meta name="description" content="Bảo hiểm y tế - hành trang cho sức khỏe học sinh năm học 2026 - 2027 - Savefile - Sức khỏe học đườ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="Bảo hiểm y tế - hành trang cho sức khỏe học sinh năm học 2026 - 2027">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Sức khỏe học đường - https&#x3A;&#x002F;&#x002F;pek.edu.vn&#x002F;vi&#x002F;suc-khoe-hoc-duong&#x002F;savefile&#x002F;y-te-hoc-duong&#x002F;bao-hiem-y-te-hanh-trang-cho-suc-khoe-hoc-sinh-nam-hoc-2026-2027-268.html">
<meta property="og:site_name" content="PÉTRUS KÝ PRIMARY - HIGH SCHOOL">
<meta property="og:url" content="https://pek.edu.vn/vi/suc-khoe-hoc-duong/savefile/y-te-hoc-duong/bao-hiem-y-te-hanh-trang-cho-suc-khoe-hoc-sinh-nam-hoc-2026-2027-268.html">
<link rel="shortcut icon" href="https://pek.edu.vn/uploads/logo-pek.png">
<link rel="canonical" href="https://pek.edu.vn/vi/suc-khoe-hoc-duong/savefile/y-te-hoc-duong/bao-hiem-y-te-hanh-trang-cho-suc-khoe-hoc-sinh-nam-hoc-2026-2027-268.html">
<link rel="alternate" href="https://pek.edu.vn/vi/suc-khoe-hoc-duong/rss/" title="Sức khỏe học đường" type="application/rss+xml">
<link rel="alternate" href="https://pek.edu.vn/vi/suc-khoe-hoc-duong/rss/thuc-don-tieu-hoc/" title="Sức khỏe học đường - Thực đơn Tiếu học" type="application/rss+xml">
<link rel="alternate" href="https://pek.edu.vn/vi/suc-khoe-hoc-duong/rss/thuc-don-trung-hoc-co-so/" title="Sức khỏe học đường - Thực đơn Trung học cơ sở" type="application/rss+xml">
<link rel="alternate" href="https://pek.edu.vn/vi/suc-khoe-hoc-duong/rss/thuc-don-trung-hoc-pho-thong/" title="Sức khỏe học đường - Thực đơn Trung học phổ thông" type="application/rss+xml">
<link rel="alternate" href="https://pek.edu.vn/vi/suc-khoe-hoc-duong/rss/y-te-hoc-duong/" title="Sức khỏe học đường - Y tế học đường" 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/tuyen-sinh.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/tuyen-sinh.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/tuyen-sinh.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>Bảo hiểm y tế - hành trang cho sức khỏe học sinh năm học 2026 - 2027</h1>
        <ul class="list-inline">
            <li>Thứ tư - 14/10/2026 01:56</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">
            <blockquote>
<p style="text-align: justify;">Thực hiện Công văn số 9269/SGDĐT-HSSV của Sở Giáo dục và Đào tạo Thành phố Hồ Chí Minh&nbsp;và Công văn số 724/VHXH-GD&nbsp;của Phòng Văn hóa xã hội UBND&nbsp;Phường Thủ Dầu Một về việc triển khai thực hiện tuyên truyền chính sách Bảo hiểm y tế (BHYT) học sinh năm học 2026 - 2027</p>
</blockquote>

<div style="text-align: justify;"><strong>1.&nbsp;Mức đóng bảo hiểm y tế học sinh, sinh viên năm học 2026 - 2027</strong><br />
Năm học 2026 - 2027, học sinh, sinh viên (HSSV) tiếp tục được Nhà nước hỗ trợ đóng BHYT. Nắm rõ mức đóng, phương thức đóng và quyền lợi được hưởng sẽ giúp HSSV, phụ huynh chủ động tham gia đầy đủ, bảo đảm quyền lợi chăm sóc sức khỏe.<br />
- Học sinh, sinh viên được Nhà nước hỗ trợ 50% mức đóng BHYT.<br />
- Học sinh, sinh viên đóng phần còn lại theo quy định 50%: 56.925 đồng/tháng; 683.100 đồng/năm.<br />
Chi tiết hướng dẫn đóng bảo hiểm y tế học sinh, sinh viên năm học 2026 - 2027
<div class="image-center">
<figure class="image"><img alt="5" height="1080" src="https://pek.edu.vn/uploads/suc-khoe-hoc-duong/2026_10/5.png" width="1920" />
<figcaption>Infographic: BHXH Việt Nam.</figcaption>
</figure>
</div>

<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" frameborder="0" height="550" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/c5s4mCxzCic?si=AIyT_ZrL35L5Mwy6" title="YouTube video player" width="100%"></iframe></div>
<br />
<strong>2.&nbsp;Bảo hiểm y tế học sinh, sinh viên năm học 2026 - 2027 tại Thành phố Hồ Chí Minh - 6 điều cần biết.</strong><br />
BHXH TPHCM và Sở Giáo dục và Đào tạo TPHCM vừa ban hành Hướng dẫn liên sở số 7364/HDLS/BHXH-GDĐT, quy định việc thực hiện bảo hiểm y tế (BHYT) học sinh, sinh viên (HSSV) năm học 2026–2027.<br />
<span style="color:rgb(192, 57, 43);"><strong>Học sinh được hỗ trợ 100% mức đóng BHYT</strong></span>

<blockquote>
<p>Theo hướng dẫn, HSSV đang theo học tại các cơ sở giáo dục trên địa bàn TPHCM thuộc nhóm tham gia BHYT bắt buộc. Mức đóng BHYT được tính bằng 4,5% mức tham chiếu tại thời điểm đóng. Từ ngày 1/7/2026, mức tham chiếu là 2,53 triệu đồng/tháng.</p>
</blockquote>
Điểm đáng chú ý trong năm học mới là học sinh phổ thông tại TPHCM được hỗ trợ 100% mức đóng BHYT.<br />
Cụ thể, theo Nghị quyết số 56/2025/NQ-HĐND của HĐND TPHCM, học sinh được ngân sách nhà nước hỗ trợ 50% mức đóng theo quy định tại Nghị định số 188/2025/NĐ-CP; ngân sách TPHCM hỗ trợ thêm 50% còn lại. Như vậy, học sinh phổ thông tại TPHCM trong năm học 2026 - 2027 không phải nộp tiền đóng BHYT.<br />
<strong>Sinh viên đóng 50%, mức cao nhất 683.100 đồng/năm</strong><br />
Đối với sinh viên, ngân sách nhà nước hỗ trợ 50% mức đóng BHYT, 50% còn lại do sinh viên tự đóng.
<div class="image-center"><img alt="6" height="880" src="https://pek.edu.vn/uploads/suc-khoe-hoc-duong/2026_10/6.png" width="1920" /></div>

<blockquote>
<p>BHYT HSSV không chỉ là trách nhiệm, nghĩa vụ chấp hành pháp luật mà còn là giải pháp an sinh xã hội mang tính nhân văn sâu sắc, giúp bảo vệ, chăm sóc sức khỏe ban đầu và giảm thiểu rủi ro tài chính y tế cho thế hệ trẻ trong suốt quá trình học tập.</p>
</blockquote>
<strong>3.&nbsp;Hướng dẫn tra cứu giá trị sử dụng thẻ BHYT: Quy trình 4 bước tra cứu trực tuyến và các kênh tra cứu nhanh (qua ứng dụng VssID, VNeID, Tổng đài BHXH).</strong>

<div class="image-center"><img alt="7" height="880" src="https://pek.edu.vn/uploads/suc-khoe-hoc-duong/2026_10/7.png" width="1920" /></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/suc-khoe-hoc-duong/savefile/y-te-hoc-duong/bao-hiem-y-te-hanh-trang-cho-suc-khoe-hoc-sinh-nam-hoc-2026-2027-268.html" title="Bảo hiểm y tế - hành trang cho sức khỏe học sinh năm học 2026 - 2027">https://pek.edu.vn/vi/suc-khoe-hoc-duong/savefile/y-te-hoc-duong/bao-hiem-y-te-hanh-trang-cho-suc-khoe-hoc-sinh-nam-hoc-2026-2027-268.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="suc-khoe-hoc-duong",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/tuyen-sinh.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>