<!DOCTYPE html>

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

    <head>
<title>Trường Trung - Tiểu học Pétrus Ký rộn ràng tổ chức hoạt động “Vui Xuân Ất Tỵ 2025”</title>
<meta name="description" content="Trường Trung - Tiểu học Pétrus Ký rộn ràng tổ chức hoạt động “Vui Xuân Ất Tỵ 2025” - 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="Trường Trung - Tiểu học Pétrus Ký rộn ràng tổ chức hoạt động “Vui Xuân Ất Tỵ 2025”">
<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/truong-trung-tieu-hoc-petrus-ky-ron-rang-to-chuc-hoat-dong-vui-xuan-at-ty-2025-72.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/truong-trung-tieu-hoc-petrus-ky-ron-rang-to-chuc-hoat-dong-vui-xuan-at-ty-2025-72.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>Trường Trung - Tiểu học Pétrus Ký rộn ràng tổ chức hoạt động “Vui Xuân Ất Tỵ 2025”</h1>
        <ul class="list-inline">
            <li>Thứ tư - 05/02/2025 10:08</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 style="text-align: justify;"><span style="line-height:107%">Trường Trung - Tiểu học Pétrus Ký rộn ràng tổ chức hoạt động “Vui Xuân Ất Tỵ 2025” vào ngày 22/01/2025, mang đến không khí Tết ngập tràn sắc xuân và niềm vui cho toàn thể học sinh, giáo viên và phụ huynh. Chương trình diễn ra sôi nổi với nhiều hoạt động phong phú, tạo nên những kỷ niệm đáng nhớ trước thềm năm mới.</span><br />
<span style="line-height:107%"><strong>Đối với khối Tiểu học</strong>, các em học sinh cùng thầy cô và phụ huynh đã cùng nhau tham gia hoạt động gói bánh chưng, bánh tét - nét đẹp truyền thống không thể thiếu trong dịp Tết cổ truyền. Không khí trở nên nhộn nhịp và ấm áp khi mọi người cùng quây quần, chia sẻ niềm vui, học hỏi cách gói bánh đúng chuẩn hương vị ngày Tết. Bên cạnh đó, các trò chơi dân gian đặc sắc như ô ăn quan, kéo co, nhảy bao bố, ném lon, truyền chanh, truyền bong bóng, cướp cờ, nhảy lò cò, tô màu tranh… đã thu hút sự hào hứng của các em học sinh các khối lớp, qua các hoạt động giúp các em hiểu thêm về những giá trị văn hóa truyền thống. Không thể thiếu trong hoạt động này là khu ẩm thực hàng rong với nhiều món ăn hấp dẫn, đậm đà bản sắc dân tộc, mang lại trải nghiệm ẩm thực thú vị cho học sinh, thầy cô và cha mẹ học sinh tham dự.</span></p>

<div class="image-center"><img alt="6 1" height="709" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/6_1.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="1 3" height="800" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/1_3.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="4 2" height="800" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/4_2.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="5 2" height="800" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/5_2.jpg" width="1200" /></div>

<p style="text-align: justify;"><iframe allow="autoplay;" allowfullscreen="" frameborder="0" height="500" scrolling="no" src="https://www.youtube.com/embed/TpjqaRbfaPo?rel=0&amp;autoplay=1" width="100%"></iframe><br />
<br />
<span style="line-height:107%"><strong>Khối Trung học</strong> lại sôi động với các gian hàng rong do chính các lớp tổ chức, trưng bày và bày bán những món ăn, đồ uống đặc sắc, hấp dẫn, mang đậm hương vị ngày Tết. Đây là cơ hội để các em học sinh phát huy tinh thần sáng tạo, khả năng tổ chức và kỹ năng làm việc nhóm. Đặc biệt, hình ảnh ông đồ với tà áo dài truyền thống, ngồi nắn nót từng nét chữ thư pháp đã thu hút đông đảo học sinh, thầy cô và cha mẹ học sinh có tham gia. Các em không chỉ được chiêm ngưỡng mà còn được hướng dẫn viết, trải nghiệm văn hóa độc đáo này.</span><br />
<span style="line-height:107%">Bên cạnh đó, các hoạt động giao lưu văn nghệ sôi động với những tiết mục hát, múa đầy màu sắc xuân do chính các em học sinh biểu diễn đã mang lại bầu không khí vui tươi, phấn khởi. Hoạt động bốc thăm may mắn với những phần quà ý nghĩa cũng góp phần làm tăng thêm sự hào hứng cho chương trình. Đặc biệt, các gian hàng trò chơi trí tuệ vui nhộn, thử thách sự nhanh nhạy và thông minh của các em học sinh, tạo cơ hội để các em sưu tầm các phiếu quà tặng hấp dẫn để mua sắm tại các gian hàng rong.<br />
Hoạt động “Vui Xuân Ất Tỵ 2025” không chỉ là dịp để các em học sinh tìm hiểu, trải nghiệm những nét đẹp văn hóa truyền thống mà còn là cơ hội để thắt chặt tình cảm giữa thầy cô, học sinh và cha mẹ học sinh. Chương trình đã để lại nhiều ấn tượng tốt đẹp, góp phần làm phong phú thêm đời sống tinh thần cho các em trước thềm năm mới, đồng thời khơi dậy niềm tự hào và gìn giữ các giá trị văn hóa dân tộc trong lòng học sinh.</span></p>

<p style="text-align: center;"><strong><span style="line-height:107%">Một số hình ảnh hoạt động vui Xuân của khối Trung học</span></strong></p>

<div class="image-center"><img alt="212" height="800" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/212.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="655 1" height="738" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/655_1.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="43" height="800" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/43.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="876" height="770" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/876.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="87" height="897" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/87.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="56" height="867" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/56.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="655 1" height="738" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/655_1.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="556" height="868" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/556.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="55" height="800" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/55.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="33 2" height="800" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/33_2.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="22 2" height="800" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/22_2.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="342" height="800" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/342.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="77" height="800" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/77.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="122" height="800" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/122.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="888" height="887" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/888.jpg" width="1200" /></div>
&nbsp;

<div class="image-center"><img alt="777" height="684" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2025_02/777.jpg" width="1200" /></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/truong-trung-tieu-hoc-petrus-ky-ron-rang-to-chuc-hoat-dong-vui-xuan-at-ty-2025-72.html" title="Trường Trung - Tiểu học Pétrus Ký rộn ràng tổ chức hoạt động “Vui Xuân Ất Tỵ 2025”">https://pek.edu.vn/vi/hoat-dong-su-kien/savefile/hoat-dong-cua-hoc-sinh/truong-trung-tieu-hoc-petrus-ky-ron-rang-to-chuc-hoat-dong-vui-xuan-at-ty-2025-72.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>