{"id":27,"date":"2026-09-04T06:29:10","date_gmt":"2026-09-04T06:29:10","guid":{"rendered":"https:\/\/nhatrovanmai.top\/?page_id=27"},"modified":"2026-09-04T07:18:13","modified_gmt":"2026-09-04T07:18:13","slug":"phong-tro-van-mai","status":"publish","type":"page","link":"https:\/\/nhatrovanmai.top\/","title":{"rendered":"Ph\u00f2ng tr\u1ecd gi\u00e1 r\u1ebb"},"content":{"rendered":"\n<script data-wp-block-html=\"js\">\n\/\/ 1. T\u00ecm ki\u1ebfm tr\u1ef1c ti\u1ebfp theo k\u00fd t\u1ef1 nh\u1eadp v\u00e0o\nfunction filterRooms() {\n  let input = document.getElementById('searchInput').value.toLowerCase();\n  let cards = document.getElementsByClassName('room-card');\n  for (let i = 0; i < cards.length; i++) {\n    let roomInfo = cards[i].innerText.toLowerCase();\n    if (roomInfo.includes(input)) {\n      cards[i].style.display = \"flex\";\n    } else {\n      cards[i].style.display = \"none\";\n    }\n  }\n}\n\n\/\/ 2. L\u1ecdc danh m\u1ee5c theo c\u00e1c n\u00fat Tab ph\u00eda tr\u00ean\nfunction filterCategory(category, btnElement) {\n  let buttons = document.getElementsByClassName('cat-btn');\n  for (let btn of buttons) { btn.classList.remove('active'); }\n  btnElement.classList.add('active');\n\n  let cards = document.getElementsByClassName('room-card');\n  for (let card of cards) {\n    let categories = card.getAttribute('data-category');\n    if (category === 'all' || categories.includes(category)) {\n      card.style.display = \"flex\";\n    } else {\n      card.style.display = \"none\";\n    }\n  }\n}\n\n\/\/ 3. X\u1eed l\u00fd b\u1ed9 s\u01b0u t\u1eadp \u1ea3nh (Gallery Lightbox)\nlet currentImages = [];\nlet currentIndex = 0;\n\nfunction openGallery(imgArray) {\n  currentImages = imgArray;\n  currentIndex = 0;\n  updateModal();\n  document.getElementById(\"imageModal\").style.display = \"block\";\n}\n\nfunction changeImage(step) {\n  currentIndex += step;\n  if (currentIndex >= currentImages.length) { currentIndex = 0; }\n  if (currentIndex < 0) { currentIndex = currentImages.length - 1; }\n  updateModal();\n}\n\nfunction updateModal() {\n  document.getElementById(\"zoomedImg\").src = currentImages[currentIndex];\n  document.getElementById(\"imgCounter\").innerText = (currentIndex + 1) + \" \/ \" + currentImages.length;\n  \n  let showArrows = currentImages.length > 1 ? \"block\" : \"none\";\n  document.querySelector(\".prev-btn\").style.display = showArrows;\n  document.querySelector(\".next-btn\").style.display = showArrows;\n}\n\nfunction closeModal() {\n  document.getElementById(\"imageModal\").style.display = \"none\";\n}\n<\/script>\n\n<style>\n  \/* Giao di\u1ec7n thanh t\u00ecm ki\u1ebfm *\/\n  .search-container {\n    margin-bottom: 25px;\n    text-align: center;\n  }\n  .search-input {\n    width: 100%;\n    max-width: 500px;\n    padding: 12px 20px;\n    font-size: 16px;\n    border: 2px solid #0068ff;\n    border-radius: 30px;\n    outline: none;\n    transition: box-shadow 0.3s;\n  }\n  .search-input:focus {\n    box-shadow: 0 4px 15px rgba(0, 104, 255, 0.2);\n  }\n\n  \/* Giao di\u1ec7n l\u01b0\u1edbi danh s\u00e1ch ph\u00f2ng (Responsive) *\/\n  .room-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 25px;\n    padding: 10px 0;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n  }\n\n  \/* Giao di\u1ec7n Th\u1ebb ph\u00f2ng tr\u1ecd *\/\n  .room-card {\n    background: #ffffff;\n    border: 1px solid #eaeaea;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.04);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  .room-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n    border-color: #0068ff;\n  }\n  .room-img {\n    width: 100%;\n    height: 220px;\n    object-fit: cover;\n  }\n  .room-info {\n    padding: 18px;\n  }\n  .room-title {\n    font-size: 18px;\n    font-weight: 700;\n    margin: 0 0 10px;\n    color: #222;\n    line-height: 1.4;\n  }\n  .room-price {\n    color: #e53935;\n    font-size: 22px;\n    font-weight: bold;\n    margin-bottom: 10px;\n  }\n  .room-address {\n    font-size: 14px;\n    color: #555;\n    margin-bottom: 15px;\n  }\n  \n  \/* N\u00fat b\u1ea5m *\/\n  .room-actions {\n    display: flex;\n    gap: 12px;\n  }\n  .btn-call, .btn-zalo {\n    flex: 1;\n    text-align: center;\n    padding: 10px;\n    border-radius: 6px;\n    color: #fff !important;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: 14px;\n    transition: opacity 0.2s;\n  }\n  .btn-call { background: #28a745; }\n  .btn-zalo { background: #0068ff; }\n  .btn-call:hover, .btn-zalo:hover { opacity: 0.85; }\n<\/style>\n\n<!-- Thanh t\u00ecm ki\u1ebfm -->\n<div class=\"search-container\">\n  <input type=\"text\" id=\"searchInput\" class=\"search-input\" onkeyup=\"filterRooms()\" placeholder=\"\ud83d\udd0d Nh\u1eadp khu v\u1ef1c, gi\u00e1 ho\u1eb7c ti\u1ec7n \u00edch \u0111\u1ec3 t\u00ecm nhanh...\">\n<\/div>\n\n<!-- Danh s\u00e1ch ph\u00f2ng tr\u1ecd -->\n<div class=\"room-grid\" id=\"roomList\">\n  \n  <!-- PH\u00d2NG S\u1ed0 1 -->\n  <div class=\"room-card\">\n    <img decoding=\"async\" src=\"https:\/\/nhatrovanmai.top\/wp-content\/uploads\/2026\/09\/tro2.jpg\" alt=\"Ph\u00f2ng 1\" class=\"room-img\">\n    <div class=\"room-info\">\n      <h3 class=\"room-title\">Ph\u00f2ng tr\u1ecd kh\u00e9p k\u00edn, ban c\u00f4ng C\u1ea7u Gi\u1ea5y<\/h3>\n      <div class=\"room-price\">2.800.000 \u0111\/th\u00e1ng<\/div>\n      <div class=\"room-address\">\ud83d\udccd Ng\u00f5 72 \u0110\u00ecnh Qu\u00e1n, H\u00e0 N\u1ed9i <br> \u2744\ufe0f \u0110i\u1ec1u h\u00f2a, N\u00f3ng l\u1ea1nh, Wifi<\/div>\n      <div class=\"room-actions\">\n        <a href=\"tel:0393390110\" class=\"btn-call\">\ud83d\udcde G\u1ecdi ngay<\/a>\n        <a href=\"https:\/\/zalo.me\/0393390110\" target=\"_blank\" class=\"btn-zalo\">\ud83d\udcac Zalo<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PH\u00d2NG S\u1ed0 2 -->\n  <div class=\"room-card\">\n    <img decoding=\"async\" src=\"https:\/\/nhatrovanmai.top\/wp-content\/uploads\/2026\/09\/tro.jpg\" alt=\"Ph\u00f2ng 2\" class=\"room-img\">\n    <div class=\"room-info\">\n      <h3 class=\"room-title\">Ph\u00f2ng tr\u1ecd sinh vi\u00ean gi\u00e1 r\u1ebb<\/h3>\n      <div class=\"room-price\">2.500.000 \u0111\/th\u00e1ng<\/div>\n      <div class=\"room-address\">\ud83d\udccd Ng\u00f5 74 C\u1ea7u Di\u1ec5n, H\u00e0 N\u1ed9i <br> \ud83d\udef5 Ch\u1ed7 \u0111\u1ec3 xe, Gi\u1edd gi\u1ea5c t\u1ef1 do<\/div>\n      <div class=\"room-actions\">\n        <a href=\"tel:0393390110\" class=\"btn-call\">\ud83d\udcde G\u1ecdi ngay<\/a>\n        <a href=\"https:\/\/zalo.me\/0393390110\" target=\"_blank\" class=\"btn-zalo\">\ud83d\udcac Zalo<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- JavaScript \u0111\u1ec3 b\u1ed9 l\u1ecdc t\u00ecm ki\u1ebfm ho\u1ea1t \u0111\u1ed9ng -->\n<script>\n  function filterRooms() {\n    let input = document.getElementById('searchInput').value.toLowerCase();\n    let cards = document.getElementsByClassName('room-card');\n    \n    for (let i = 0; i < cards.length; i++) {\n      let roomInfo = cards[i].innerText.toLowerCase();\n      if (roomInfo.includes(input)) {\n        cards[i].style.display = \"\";\n      } else {\n        cards[i].style.display = \"none\";\n      }\n    }\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Ph\u00f2ng tr\u1ecd kh\u00e9p k\u00edn, ban c\u00f4ng C\u1ea7u Gi\u1ea5y 2.800.000 \u0111\/th\u00e1ng \ud83d\udccd Ng\u00f5 72 \u0110\u00ecnh Qu\u00e1n, H\u00e0 N\u1ed9i \u2744\ufe0f \u0110i\u1ec1u h\u00f2a, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nhatrovanmai.top\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nhatrovanmai.top\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nhatrovanmai.top\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nhatrovanmai.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nhatrovanmai.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":9,"href":"https:\/\/nhatrovanmai.top\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/nhatrovanmai.top\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/nhatrovanmai.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}