<!DOCTYPE html>

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

    <head>
<title>&#40;Tiểu học&#41; The Kindness Quilt Auction - Lan tỏa sự tử tế</title>
<meta name="description" content="&#40;Tiểu học&#41; The Kindness Quilt Auction - Lan tỏa sự tử tế - 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="&#40;Tiểu học&#41; The Kindness Quilt Auction - Lan tỏa sự tử tế">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin bài hoạt động - https&#x3A;&#x002F;&#x002F;pek.edu.vn&#x002F;vi&#x002F;hoat-dong-su-kien&#x002F;savefile&#x002F;hoat-dong-cua-nha-truong&#x002F;tieu-hoc-the-kindness-quilt-auction-lan-toa-su-tu-te-115.html">
<meta property="og:site_name" content="PÉTRUS KÝ PRIMARY - HIGH SCHOOL">
<meta property="og:url" content="https://pek.edu.vn/vi/hoat-dong-su-kien/savefile/hoat-dong-cua-nha-truong/tieu-hoc-the-kindness-quilt-auction-lan-toa-su-tu-te-115.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-nha-truong/tieu-hoc-the-kindness-quilt-auction-lan-toa-su-tu-te-115.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>&#40;Tiểu học&#41; The Kindness Quilt Auction - Lan tỏa sự tử tế</h1>
        <ul class="list-inline">
            <li>Thứ năm - 21/05/2026 03:29</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 class="imghome">
            <img alt="&#40;Tiểu học&#41; The Kindness Quilt Auction - Lan tỏa sự tử tế" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1394.jpg" width="460" class="img-thumbnail" />
        </div>
        <div class="clear"></div>
        <div id="bodytext" class="clearfix">
            <span style="font-size:12pt"><span style="line-height:115%"><span style="font-family:Calibri,sans-serif">Sự kiện Kindness Quilt Auction của học sinh khối 3 đã diễn ra với thật nhiều cảm xúc và ý nghĩa<span lang="VI" style="font-family:&#039;Segoe UI Emoji&#039;,sans-serif">🧡</span>. Các em đã tự tay tạo nên những sản phẩm “Tấm chăn tử tế” đầy màu sắc<span lang="VI" style="font-family:&#039;Segoe UI Emoji&#039;,sans-serif">🌈</span>, thể hiện những hành động tốt đẹp và thông điệp yêu thương mà các em muốn lan tỏa. Không chỉ dừng lại ở việc sáng tạo, các bạn còn tự tin thuyết trình về sản phẩm của lớp mình và chia sẻ ý nghĩa đằng sau từng mảnh ghép <span lang="VI" style="font-family:&#039;Segoe UI Emoji&#039;,sans-serif">🎤 🧩</span>.</span></span></span>
<div class="image-center"><img alt="ban sao cua img 1238" height="4000" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1238.jpg" width="6000" /></div>
<br />
<span style="font-size:12pt"><span style="line-height:115%"><span style="font-family:Calibri,sans-serif">Đặc biệt, với sự đồng hành của Quý Phụ huynh trong hoạt động đấu giá, toàn bộ số tiền thu được sẽ được gửi tặng đến Trung tâm Trẻ em Khuyết tật Thuận An, đồng thời kết hợp cùng khoản gây quỹ từ sự kiện Toy Fair của khối 1 diễn ra vào tháng 3 để lan tỏa thêm nhiều yêu thương đến cộng đồng <span lang="VI" style="font-family:&#039;Segoe UI Emoji&#039;,sans-serif">💝</span>.</span></span></span>

<div class="image-center"><img alt="ban sao cua img 1359" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1359.jpg" /></div>
<br />
<span style="font-size:12pt"><span style="line-height:115%"><span style="font-family:Calibri,sans-serif">Xin chân thành cảm ơn Quý Phụ huynh và các em học sinh đã cùng nhau tạo nên một sự kiện thật đáng nhớ <span lang="VI" style="font-family:&#039;Segoe UI Emoji&#039;,sans-serif">🌟</span>.</span></span></span><br />
<span style="font-size:12pt"><span style="line-height:115%"><span style="font-family:Calibri,sans-serif">-----------------------</span></span></span><br />
<span style="font-size:12pt"><span style="line-height:115%"><span style="font-family:Calibri,sans-serif"><span lang="VI" style="font-family:&#039;Segoe UI Emoji&#039;,sans-serif">🌟</span> KINDNESS QUILT AUCTION – SPREADING KINDNESS <span lang="VI" style="font-family:&#039;Segoe UI Emoji&#039;,sans-serif">💌</span></span></span></span><br />
<span style="font-size:12pt"><span style="line-height:115%"><span style="font-family:Calibri,sans-serif">The Kindness Quilt Auction, organized by our Grade 3 students, was filled with heartfelt and meaningful moments<span lang="VI" style="font-family:&#039;Segoe UI Emoji&#039;,sans-serif">🧡</span>. The students proudly created colorful “Kindness Quilts,” representing kind actions and messages of love that they wished to share with others <span lang="VI" style="font-family:&#039;Segoe UI Emoji&#039;,sans-serif">🌈</span>. Beyond their creativity, the students also confidently presented their class quilts and shared the inspiring stories and values behind each piece, making every artwork truly special <span lang="VI" style="font-family:&#039;Segoe UI Emoji&#039;,sans-serif">🎤🧩</span>.</span></span></span><br />
<span style="font-size:12pt"><span style="line-height:115%"><span style="font-family:Calibri,sans-serif">With the wonderful support of our parents through the auction, all funds raised will be donated to children with disabilities in Thuan An. In addition, the school will combine this donation with the funds raised from the Grade 1 Toy Fair held in March to spread even more kindness and support to the community <span lang="VI" style="font-family:&#039;Segoe UI Emoji&#039;,sans-serif">💝</span>.</span></span></span><br />
<br />
<span style="font-size:12pt"><span style="line-height:115%"><span style="font-family:Calibri,sans-serif">A heartfelt thank you to all parents and students for making this event such a memorable and meaningful experience! <span lang="VI" style="font-family:&#039;Segoe UI Emoji&#039;,sans-serif">🌟</span>.<br />
<div class="slideshowPlugin" contenteditable="false" data-animspeedid="500" data-autostartid="true" data-openonclickid="true" data-pictheightid="300" data-showcontrolid="true" data-showthumbid="true" data-showtitleid="true" data-slideshowid="cke_45c9zwk5_slideShow" data-speedid="5" data-transitiontypeid="fade" id="cke_45c9zwk5_slideShow">
<div class="ad-gallery" contenteditable="false" id="ad-gallery_cke_45c9zwk5_slideShow">
<div class="ad-image-wrapper" contenteditable="false">&nbsp;</div>

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

<div class="ad-nav" contenteditable="false" style="display: block;">
<div class="ad-thumbs" contenteditable="false">
<ul class="ad-thumb-list" contenteditable="false">
	<li contenteditable="false"><a contenteditable="false" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1359.jpg"><img alt="" contenteditable="false" height="33" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1359.jpg" title="" width="50" /></a></li>
	<li contenteditable="false"><a contenteditable="false" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1294.jpg"><img alt="" contenteditable="false" height="33" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1294.jpg" title="" width="50" /></a></li>
	<li contenteditable="false"><a contenteditable="false" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1280.jpg"><img alt="" contenteditable="false" height="33" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1280.jpg" title="" width="50" /></a></li>
	<li contenteditable="false"><a contenteditable="false" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1263.jpg"><img alt="" contenteditable="false" height="33" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1263.jpg" title="" width="50" /></a></li>
	<li contenteditable="false"><a contenteditable="false" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1238.jpg"><img alt="" contenteditable="false" height="33" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1238.jpg" title="" width="50" /></a></li>
	<li contenteditable="false"><a contenteditable="false" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1128.jpg"><img alt="" contenteditable="false" height="33" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1128.jpg" title="" width="50" /></a></li>
	<li contenteditable="false"><a contenteditable="false" href="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1394.jpg"><img alt="" contenteditable="false" height="33" src="https://pek.edu.vn/uploads/hoat-dong-su-kien/2026_05/ban-sao-cua-img_1394.jpg" title="" width="50" /></a></li>
</ul>
</div>
</div>
</div>
</div>
</span></span></span>
        </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-nha-truong/tieu-hoc-the-kindness-quilt-auction-lan-toa-su-tu-te-115.html" title="&#40;Tiểu học&#41; The Kindness Quilt Auction - Lan tỏa sự tử tế">https://pek.edu.vn/vi/hoat-dong-su-kien/savefile/hoat-dong-cua-nha-truong/tieu-hoc-the-kindness-quilt-auction-lan-toa-su-tu-te-115.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>