{"id":1283,"date":"2017-08-15T09:48:34","date_gmt":"2017-08-15T09:48:34","guid":{"rendered":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/special-offers\/"},"modified":"2026-09-14T12:02:26","modified_gmt":"2026-09-14T05:02:26","slug":"special-offers","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/special-offers\/","title":{"rendered":"Special Offers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1283\" class=\"elementor elementor-1283\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5c748211 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"5c748211\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9bcb105c\" data-id=\"9bcb105c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-532c67df elementor-widget elementor-widget-html\" data-id=\"532c67df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"page-content\">\n  <div class=\"elementor\">\n    <!--\n      MIDA GRANDE HOTEL DHAVARAVATI NAKHON PATHOM \u2014 OFFERS\n      Grand heritage hotel in Nakhon Pathom.\n      Header and footer are intentionally excluded.\n    -->\n\n    <style>\n      .mdh-offers-page {\n        --mdh-offers-accent: #901818;\n        --mdh-offers-accent-dark: #6d1212;\n        --mdh-offers-ink: #202020;\n        --mdh-offers-muted: #66625d;\n        --mdh-offers-surface: #f7f2f0;\n        --mdh-offers-line: #e8e3dc;\n        --mdh-offers-serif: 'Noto Sans Thai', sans-serif;\n        --mdh-offers-sans: 'Noto Sans Thai', sans-serif;\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        overflow: hidden;\n        color: var(--mdh-offers-ink);\n        background: #fff;\n        font-family: var(--mdh-offers-sans);\n      }\n\n      .mdh-offers-page,\n      .mdh-offers-page * {\n        box-sizing: border-box;\n      }\n\n      .mdh-offers-page img {\n        display: block;\n        max-width: 100%;\n      }\n\n      .mdh-offers-page a {\n        color: inherit;\n        text-decoration: none;\n      }\n\n      .mdh-offers-container {\n        width: min(100% - 48px, 1180px);\n        margin: 0 auto;\n      }\n\n      \/* Hero *\/\n      .mdh-offers-hero {\n        position: relative;\n        z-index: 0;\n        min-height: 700px;\n        display: grid;\n        place-items: center;\n        margin: 0 !important;\n        isolation: isolate;\n        color: #fff;\n        text-align: center;\n      }\n\n      .mdh-offers-hero__image {\n        position: absolute;\n        inset: 0;\n        z-index: -2;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center 64%;\n      }\n\n      .mdh-offers-hero::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: -1;\n        background: rgba(0, 0, 0, 0.43);\n      }\n\n      .mdh-offers-hero__content {\n        width: min(100% - 48px, 760px);\n        padding: 72px 0;\n      }\n\n      .mdh-offers-hero__eyebrow {\n        margin: 0 0 13px;\n        color: #fff;\n        font-size: 11px;\n        font-weight: 500;\n        letter-spacing: 0.2em;\n        line-height: 1.5;\n        text-transform: uppercase;\n        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\n      }\n\n      .mdh-offers-hero h1 {\n        margin: 0;\n        color: #fff;\n        font-family: var(--mdh-offers-serif);\n        font-size: clamp(38px, 5vw, 58px);\n        font-weight: 400;\n        letter-spacing: 0.02em;\n        line-height: 1.08;\n        text-shadow: 0 2px 14px rgba(0, 0, 0, 0.65);\n      }\n\n      \/* Hero booking bar *\/\n      .mdh-booking { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 10; width: calc(100% - 32px); max-width: 900px; background: rgba(255,255,255,.94); box-shadow: 0 14px 40px rgba(0,0,0,.28); border-radius: 12px; display: grid; grid-template-columns: 1.2fr 1.2fr 1fr 1fr auto; gap: 0; align-items: stretch; text-align: left; }\n      .mdh-booking__field { padding: 16px 20px; border-right: 1px solid rgba(0,0,0,0.1); }\n      .mdh-booking__field label { display: block; font-family: var(--mdh-offers-sans); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--mdh-offers-muted); margin: 0 0 7px; }\n      .mdh-booking__field input[type=\"date\" lang=\"en\"] { width: 100%; border: none; background: transparent; font-family: var(--mdh-offers-sans); font-size: 13px; font-weight: 400; color: var(--mdh-offers-ink); padding: 0; outline: none; }\n      \n      .mdh-stepper { display: flex; align-items: center; gap: 14px; }\n      .mdh-stepper__btn { width: 30px; height: 30px; flex: 0 0 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0 !important; border: 1px solid var(--mdh-offers-accent) !important; background: transparent !important; color: var(--mdh-offers-accent) !important; border-radius: 50% !important; font-size: 18px; line-height: 1; font-weight: 500; cursor: pointer; transition: background .2s ease, color .2s ease, opacity .2s ease; }\n      .mdh-stepper__btn:hover { background: var(--mdh-offers-accent) !important; color: #fff !important; }\n      .mdh-stepper__btn:disabled { opacity: .3; cursor: not-allowed; }\n      .mdh-stepper__val { min-width: 22px; text-align: center; font-size: 14px; font-weight: 500; color: var(--mdh-offers-ink); }\n      \n      .mdh-booking__btn { flex: 0 0 auto; align-self: stretch; border: none; background: var(--mdh-offers-accent); color: #fff; font-family: var(--mdh-offers-sans); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; padding: 0 30px; cursor: pointer; transition: background .3s ease; border-radius: 0 12px 12px 0; }\n      .mdh-booking__btn:hover { background: var(--mdh-offers-accent-dark); }\n\n      \/* Offers listing *\/\n      .mdh-offers-listing {\n        position: relative !important;\n        z-index: 0;\n        clear: both;\n        margin: 0 !important;\n        padding: 70px 0 76px;\n        transform: none !important;\n        translate: none !important;\n        background: var(--mdh-offers-surface);\n      }\n\n      .mdh-offers-filters {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 9px;\n        margin: 0 0 40px;\n      }\n\n      .mdh-offers-filter {\n        min-height: 39px;\n        padding: 10px 20px;\n        border: 1px solid #cfc6bc;\n        border-radius: 0;\n        background: transparent;\n        color: #6f6962;\n        cursor: pointer;\n        font-family: var(--mdh-offers-sans);\n        font-size: 10px;\n        font-weight: 600;\n        letter-spacing: 0.14em;\n        line-height: 1;\n        text-transform: uppercase;\n        transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;\n      }\n\n      .mdh-offers-filter:hover,\n      .mdh-offers-filter:focus-visible {\n        border-color: var(--mdh-offers-accent);\n        color: var(--mdh-offers-accent);\n        outline: none;\n      }\n\n      .mdh-offers-filter.is-active {\n        border-color: var(--mdh-offers-accent);\n        background: var(--mdh-offers-accent);\n        color: #fff;\n      }\n\n      .mdh-offers-grid {\n        position: relative;\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 28px;\n        margin-top: 0 !important;\n        transform: none !important;\n        translate: none !important;\n        align-items: stretch;\n      }\n\n      .mdh-offer-card {\n        min-width: 0;\n      }\n\n      .mdh-offer-card[hidden] {\n        display: none;\n      }\n\n      .mdh-offer-card__link {\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        border: 1px solid var(--mdh-offers-line);\n        border-radius: 10px;\n        background: #fff;\n        box-shadow: 0 3px 12px rgba(49, 42, 34, 0.04);\n        transition: box-shadow 260ms ease, transform 260ms ease;\n      }\n\n      .mdh-offer-card__link:hover,\n      .mdh-offer-card__link:focus-visible {\n        transform: translateY(-4px);\n        box-shadow: 0 14px 34px rgba(49, 42, 34, 0.12);\n        outline: none;\n      }\n\n      .mdh-offer-card__media {\n        position: relative;\n        aspect-ratio: 16 \/ 10;\n        overflow: hidden;\n        background: #eeeae4;\n      }\n\n      .mdh-offer-card__media img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 500ms ease;\n      }\n\n      .mdh-offer-card__link:hover .mdh-offer-card__media img,\n      .mdh-offer-card__link:focus-visible .mdh-offer-card__media img {\n        transform: scale(1.035);\n      }\n\n      .mdh-offer-card__badge {\n        position: absolute;\n        top: 14px;\n        left: 14px;\n        padding: 6px 10px;\n        border-radius: 999px;\n        background: rgba(109, 18, 18, 0.86);\n        color: #fff;\n        font-size: 8px;\n        font-weight: 600;\n        letter-spacing: 0.14em;\n        line-height: 1;\n        text-transform: uppercase;\n        backdrop-filter: blur(5px);\n      }\n\n      .mdh-offer-card__body {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        padding: 20px 20px 18px;\n      }\n\n      .mdh-offer-card__body h2 {\n        margin: 0 0 5px;\n        color: var(--mdh-offers-ink);\n        font-family: var(--mdh-offers-serif);\n        font-size: 21px;\n        font-weight: 400;\n        line-height: 1.25;\n        transition: color 180ms ease;\n      }\n\n      .mdh-offer-card__link:hover h2,\n      .mdh-offer-card__link:focus-visible h2 {\n        color: var(--mdh-offers-accent);\n      }\n\n      .mdh-offer-card__subtitle {\n        margin: 0 0 12px;\n        color: var(--mdh-offers-accent);\n        font-size: 12px;\n        font-weight: 600;\n        line-height: 1.45;\n      }\n\n      .mdh-offer-card__description {\n        display: -webkit-box;\n        flex: 1;\n        overflow: hidden;\n        margin: 0 0 17px;\n        color: var(--mdh-offers-muted);\n        font-size: 12px;\n        line-height: 1.65;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n\n      .mdh-offer-card__footer {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n        padding-top: 13px;\n        border-top: 1px solid #f0ece7;\n      }\n\n      .mdh-offer-card__date {\n        margin: 0;\n        color: #97918b;\n        font-size: 9px;\n        line-height: 1.4;\n      }\n\n      .mdh-offer-card__detail {\n        display: inline-flex;\n        align-items: center;\n        gap: 5px;\n        flex: 0 0 auto;\n        color: var(--mdh-offers-accent);\n        font-size: 9px;\n        font-weight: 700;\n        letter-spacing: 0.1em;\n        line-height: 1.2;\n        text-transform: uppercase;\n      }\n\n      .mdh-offer-card__detail svg {\n        width: 11px;\n        height: 11px;\n        fill: none;\n        stroke: currentColor;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        stroke-width: 1.8;\n        transition: transform 180ms ease;\n      }\n\n      .mdh-offer-card__link:hover .mdh-offer-card__detail svg,\n      .mdh-offer-card__link:focus-visible .mdh-offer-card__detail svg {\n        transform: translateX(2px);\n      }\n\n      \/* Reservation help strip *\/\n      .mdh-offers-help {\n        padding: 32px 0;\n        border-top: 1px solid #f0ede9;\n        border-bottom: 1px solid #f0ede9;\n        background: #fff;\n      }\n\n      .mdh-offers-help__inner {\n        width: min(100% - 48px, 850px);\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 28px;\n      }\n\n      .mdh-offers-help__copy {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n      }\n\n      .mdh-offers-help__icon {\n        width: 46px;\n        height: 46px;\n        display: grid;\n        place-items: center;\n        flex: 0 0 auto;\n        border-radius: 50%;\n        background: #f5f1ec;\n        color: var(--mdh-offers-accent);\n      }\n\n      .mdh-offers-help__icon svg {\n        width: 20px;\n        height: 20px;\n        fill: none;\n        stroke: currentColor;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        stroke-width: 1.6;\n      }\n\n      .mdh-offers-help__title {\n        margin: 0 0 3px;\n        color: var(--mdh-offers-ink);\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.35;\n      }\n\n      .mdh-offers-help__text {\n        margin: 0;\n        color: #8a857f;\n        font-size: 11px;\n        line-height: 1.5;\n      }\n\n      .mdh-offers-help__call {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 38px;\n        padding: 11px 18px;\n        flex: 0 0 auto;\n        background: var(--mdh-offers-accent);\n        color: #fff !important;\n        font-size: 9px;\n        font-weight: 700;\n        letter-spacing: 0.1em;\n        line-height: 1;\n        text-transform: uppercase;\n        transition: background-color 180ms ease;\n      }\n\n      .mdh-offers-help__call:hover,\n      .mdh-offers-help__call:focus-visible {\n        background: var(--mdh-offers-accent-dark);\n        outline: none;\n      }\n\n      \/* Bottom call to action *\/\n      .mdh-offers-cta {\n        position: relative;\n        min-height: 330px;\n        display: grid;\n        place-items: center;\n        isolation: isolate;\n        overflow: hidden;\n        color: #fff;\n        text-align: center;\n      }\n\n      .mdh-offers-cta__image {\n        position: absolute;\n        inset: 0;\n        z-index: -2;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center 54%;\n      }\n\n      .mdh-offers-cta::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: -1;\n        background: rgba(0, 0, 0, 0.48);\n      }\n\n      .mdh-offers-cta__content {\n        width: min(100% - 48px, 760px);\n        padding: 70px 0;\n      }\n\n      .mdh-offers-cta h2 {\n        margin: 0 0 13px;\n        color: #fff;\n        font-family: var(--mdh-offers-serif);\n        font-size: clamp(30px, 4vw, 46px);\n        font-weight: 400;\n        line-height: 1.15;\n        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);\n      }\n\n      .mdh-offers-cta p {\n        margin: 0 0 25px;\n        color: rgba(255, 255, 255, 0.92);\n        font-size: 13px;\n        line-height: 1.6;\n        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);\n      }\n\n      .mdh-offers-cta__button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 41px;\n        padding: 12px 25px;\n        border: 1px solid #fff;\n        color: #fff !important;\n        font-size: 9px;\n        font-weight: 700;\n        letter-spacing: 0.14em;\n        line-height: 1;\n        text-transform: uppercase;\n        transition: background-color 180ms ease, color 180ms ease;\n      }\n\n      .mdh-offers-cta__button:hover,\n      .mdh-offers-cta__button:focus-visible {\n        background: #fff;\n        color: var(--mdh-offers-accent) !important;\n        outline: none;\n      }\n\n      @media (max-width: 900px) {\n        .mdh-offers-grid {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n      }\n\n      @media (max-width: 640px) {\n        .mdh-offers-container,\n        .mdh-offers-help__inner,\n        .mdh-offers-hero__content,\n        .mdh-offers-cta__content {\n          width: min(100% - 32px, 1180px);\n        }\n\n        .mdh-offers-hero {\n          min-height: 700px;\n        }\n\n        .mdh-offers-hero__content {\n          padding: 64px 0;\n        }\n\n        .mdh-booking { grid-template-columns: 1fr; border-radius: 12px; }\n        .mdh-booking__field { border-right: none; border-bottom: 1px solid rgba(0,0,0,0.1); }\n        .mdh-booking__btn { width: 100%; padding: 18px; border-radius: 0 0 12px 12px; }\n\n        .mdh-offers-listing {\n          padding: 52px 0 58px;\n        }\n\n        .mdh-offers-filters {\n          margin-bottom: 30px;\n        }\n\n        .mdh-offers-filter {\n          flex: 1 1 auto;\n          padding-inline: 12px;\n        }\n\n        .mdh-offers-grid {\n          grid-template-columns: 1fr;\n          gap: 20px;\n        }\n\n        .mdh-offers-help {\n          padding: 28px 0;\n        }\n\n        .mdh-offers-help__inner {\n          align-items: stretch;\n          flex-direction: column;\n          gap: 20px;\n        }\n\n        .mdh-offers-help__call {\n          width: 100%;\n        }\n\n        .mdh-offers-cta {\n          min-height: 310px;\n        }\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .mdh-offer-card__link,\n        .mdh-offer-card__media img,\n        .mdh-offer-card__detail svg,\n        .mdh-offers-filter,\n        .mdh-offers-help__call,\n        .mdh-offers-cta__button {\n          transition: none;\n        }\n      }\n    <\/style>\n\n    <main class=\"mdh-offers-page\" id=\"mdhOffersPage\">\n      <section class=\"mdh-offers-hero\" aria-labelledby=\"mdhOffersTitle\">\n        <img decoding=\"async\"\n          class=\"mdh-offers-hero__image\"\n          src=\"https:\/\/www.midagrandehoteldhavaravati.com\/wp-content\/uploads\/2022\/03\/Swimming-Pool_06.jpg\"\n          alt=\"Outdoor swimming pool at Mida Grande Hotel Dhavaravati Nakhon Pathom\"\n          fetchpriority=\"high\"\n        >\n        <div class=\"mdh-offers-hero__content\">\n          \n          \n          <form class=\"mdh-booking\" action=\"https:\/\/reservation.travelanium.net\/propertyibe2\/\" method=\"get\" target=\"_blank\" rel=\"noopener\">\n            <input type=\"hidden\" name=\"propertyId\" value=\"475\">\n            <input type=\"hidden\" name=\"onlineId\" value=\"4\">\n            <input type=\"hidden\" name=\"accesscode\" value=\"member\">\n            <input type=\"hidden\" name=\"currency\" value=\"THB\">\n            <input type=\"hidden\" name=\"lang\" value=\"en\">\n            \n            <div class=\"mdh-booking__field\">\n              <label for=\"mdhCheckin\">Check-in<\/label>\n              <input type=\"date\" lang=\"en\" id=\"mdhCheckin\" name=\"checkin\" required=\"\">\n            <\/div>\n\n            <div class=\"mdh-booking__field\">\n              <label for=\"mdhCheckout\">Check-out<\/label>\n              <input type=\"date\" lang=\"en\" id=\"mdhCheckout\" name=\"checkout\" required=\"\">\n            <\/div>\n\n            <div class=\"mdh-booking__field\">\n              <label for=\"mdhRooms\">Rooms<\/label>\n              <div class=\"mdh-stepper\" data-min=\"1\" data-max=\"5\" data-for=\"mdhRooms\">\n                <button type=\"button\" class=\"mdh-stepper__btn\" data-step=\"-1\" aria-label=\"Decrease rooms\">&minus;<\/button>\n                <span class=\"mdh-stepper__val\" id=\"mdhRoomsVal\">1<\/span>\n                <button type=\"button\" class=\"mdh-stepper__btn\" data-step=\"1\" aria-label=\"Increase rooms\">+<\/button>\n                <input type=\"hidden\" id=\"mdhRooms\" name=\"numofroom\" value=\"1\">\n              <\/div>\n            <\/div>\n\n            <div class=\"mdh-booking__field\">\n              <label for=\"mdhGuests\">Guests<\/label>\n              <div class=\"mdh-stepper\" data-min=\"1\" data-max=\"12\" data-for=\"mdhGuests\">\n                <button type=\"button\" class=\"mdh-stepper__btn\" data-step=\"-1\" aria-label=\"Decrease guests\">&minus;<\/button>\n                <span class=\"mdh-stepper__val\" id=\"mdhGuestsVal\">2<\/span>\n                <button type=\"button\" class=\"mdh-stepper__btn\" data-step=\"1\" aria-label=\"Increase guests\">+<\/button>\n                <input type=\"hidden\" id=\"mdhGuests\" name=\"numofadult\" value=\"2\">\n              <\/div>\n            <\/div>\n\n            <input type=\"hidden\" name=\"numofchild\" value=\"0\" \/>\n            <button type=\"submit\" class=\"mdh-booking__btn\">Check Availability<\/button>\n          <\/form>\n      <\/section>\n\n      <script>\n        (function () {\n          var steppers = document.querySelectorAll('.mdh-booking .mdh-stepper');\n          \n          steppers.forEach(function (stepper) {\n            var min = parseInt(stepper.getAttribute('data-min'), 10) || 1;\n            var max = parseInt(stepper.getAttribute('data-max'), 10) || 12;\n            var valEl = stepper.querySelector('.mdh-stepper__val');\n            var inputId = stepper.getAttribute('data-for');\n            var input = document.getElementById(inputId);\n            var dec = stepper.querySelector('[data-step=\"-1\"]');\n            var inc = stepper.querySelector('[data-step=\"1\"]');\n\n            if (!input || !valEl || !dec || !inc) return;\n\n            function render() {\n              var v = parseInt(input.value, 10);\n              valEl.textContent = v;\n              dec.disabled = v <= min;\n              inc.disabled = v >= max;\n            }\n\n            [dec, inc].forEach(function (btn) {\n              btn.addEventListener('click', function () {\n                var v =\n                  parseInt(input.value, 10) +\n                  parseInt(btn.getAttribute('data-step'), 10);\n\n                v = Math.max(min, Math.min(max, v));\n\n                input.value = v;\n                render();\n              });\n            });\n\n            render();\n          });\n        })();\n      <\/script>\n\n      <section class=\"mdh-offers-listing\" aria-label=\"Hotel offers\">\n        <div class=\"mdh-offers-container\">\n          <div class=\"mdh-offers-filters\" role=\"tablist\" aria-label=\"Filter offers\">\n            <button class=\"mdh-offers-filter is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-filter=\"all\">All<\/button>\n            <button class=\"mdh-offers-filter\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-filter=\"room\">Room Offers<\/button>\n            <button class=\"mdh-offers-filter\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-filter=\"dining\">Dining Offers<\/button>\n          <\/div>\n\n          <div class=\"mdh-offers-grid\" aria-live=\"polite\" id=\"mdhOffersGrid\">\n            <div id=\"mdhOffersLoader\" style=\"text-align:center; padding: 40px; color: #777; grid-column: 1 \/ -1;\">\n              Loading offers...\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <aside class=\"mdh-offers-help\" aria-label=\"Reservation assistance\">\n        <div class=\"mdh-offers-help__inner\">\n          <div class=\"mdh-offers-help__copy\">\n            <span class=\"mdh-offers-help__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92Z\"><\/path>\n              <\/svg>\n            <\/span>\n            <div>\n              <p class=\"mdh-offers-help__title\">Need help booking?<\/p>\n              <p class=\"mdh-offers-help__text\">Our reservations team is ready to assist you.<\/p>\n            <\/div>\n          <\/div>\n          <a class=\"mdh-offers-help__call\" href=\"tel:+6634966700\">Call +66 (0) 34 966 700<\/a>\n        <\/div>\n      <\/aside>\n\n      <section class=\"mdh-offers-cta\" aria-labelledby=\"mdhOffersCtaTitle\">\n        <img decoding=\"async\"\n          class=\"mdh-offers-cta__image\"\n          src=\"https:\/\/www.midagrandehoteldhavaravati.com\/wp-content\/uploads\/2022\/03\/Exterior_01.jpg\"\n          alt=\"Exterior of Mida Grande Hotel Dhavaravati Nakhon Pathom\"\n          loading=\"lazy\"\n        >\n        <div class=\"mdh-offers-cta__content\">\n          <h2 id=\"mdhOffersCtaTitle\">Can't Find What You're Looking For?<\/h2>\n          <p>Contact our team for personalized offers and group bookings.<\/p>\n          <a\n            class=\"mdh-offers-cta__button\"\n            href=\"https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=475&amp;onlineId=4&amp;accesscode=member&amp;currency=THB&amp;lang=en\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >Reserve Now<\/a>\n        <\/div>\n      <\/section>\n    <\/main>\n\n    <script>\n      (function () {\n        var CACHE_KEY = 'mdh_offers_cache';\n        var CACHE_TIME_KEY = 'mdh_offers_timestamp';\n        var CACHE_DURATION = 3600 * 1000; \/\/ 1 hour\n        var API_URL = 'https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/posts?_embed=true&per_page=100';\n\n        \/\/ Mida Grande category IDs: 28 = Rooms (EN), 27 = Food & Beverage (EN)\n        var CAT_ROOM = 28;\n        var CAT_DINING = 27;\n\n        var grid = document.getElementById('mdhOffersGrid');\n        var loader = document.getElementById('mdhOffersLoader');\n        var filterBtns = document.querySelectorAll('.mdh-offers-filter');\n\n        function initFilter() {\n          var cards = document.querySelectorAll('.mdh-offer-card');\n          filterBtns.forEach(function (btn) {\n            btn.addEventListener('click', function () {\n              var filter = this.getAttribute('data-filter');\n\n              filterBtns.forEach(function (b) {\n                b.classList.remove('is-active');\n                b.setAttribute('aria-selected', 'false');\n              });\n              this.classList.add('is-active');\n              this.setAttribute('aria-selected', 'true');\n\n              cards.forEach(function (card) {\n                if (filter === 'all' || card.getAttribute('data-category') === filter) {\n                  card.hidden = false;\n                } else {\n                  card.hidden = true;\n                }\n              });\n            });\n          });\n        }\n\n        function renderOffers(posts) {\n          if (loader) loader.style.display = 'none';\n\n          var html = '';\n          posts.forEach(function (post) {\n            var isRoom = post.categories && post.categories.includes(CAT_ROOM);\n            var isDining = post.categories && post.categories.includes(CAT_DINING);\n\n            \/\/ Only render room and dining offers\n            if (!isRoom && !isDining) return;\n\n            var categoryFilter = isRoom ? 'room' : 'dining';\n            var badgeText = isRoom ? 'Room Offer' : 'Dining Offer';\n            var subtitleText = isRoom ? 'Room' : 'Restaurant';\n\n            var title = post.title && post.title.rendered ? post.title.rendered : '';\n            var link = post.link || '#';\n\n            \/\/ Strip HTML from excerpt\n            var excerpt = '';\n            if (post.excerpt && post.excerpt.rendered) {\n              var tmp = document.createElement('div');\n              tmp.innerHTML = post.excerpt.rendered;\n              excerpt = tmp.textContent || tmp.innerText || '';\n            }\n\n            \/\/ Featured image\n            var imgSrc = 'https:\/\/www.midagrandehoteldhavaravati.com\/wp-content\/uploads\/2022\/03\/Exterior_01.jpg';\n            if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\n              imgSrc = post._embedded['wp:featuredmedia'][0].source_url;\n            }\n\n            html += '\\\n            <article class=\"mdh-offer-card\" data-category=\"' + categoryFilter + '\">\\\n              <a class=\"mdh-offer-card__link\" href=\"' + link + '\" target=\"_blank\" rel=\"noopener\">\\\n                <div class=\"mdh-offer-card__media\">\\\n                  <img decoding=\"async\" src=\"' + imgSrc + '\" alt=\"' + title + '\" loading=\"lazy\">\\\n                  <span class=\"mdh-offer-card__badge\">' + badgeText + '<\/span>\\\n                <\/div>\\\n                <div class=\"mdh-offer-card__body\">\\\n                  <h2>' + title + '<\/h2>\\\n                  <p class=\"mdh-offer-card__subtitle\">' + subtitleText + '<\/p>\\\n                  <p class=\"mdh-offer-card__description\">' + excerpt + '<\/p>\\\n                  <div class=\"mdh-offer-card__footer\">\\\n                    <p class=\"mdh-offer-card__date\">Book Direct<\/p>\\\n                    <span class=\"mdh-offer-card__detail\">View Details\\\n                      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m9 5 7 7-7 7\"><\/path><\/svg>\\\n                    <\/span>\\\n                  <\/div>\\\n                <\/div>\\\n              <\/a>\\\n            <\/article>';\n          });\n\n          if (html === '') {\n            html = '<div style=\"grid-column: 1 \/ -1; text-align:center; padding:40px; color:#777;\">No offers available at this time.<\/div>';\n          }\n          grid.innerHTML = html;\n          initFilter();\n        }\n\n        function fetchOffers() {\n          var cached = localStorage.getItem(CACHE_KEY);\n          var timestamp = localStorage.getItem(CACHE_TIME_KEY);\n          var now = new Date().getTime();\n\n          if (cached && timestamp && (now - timestamp < CACHE_DURATION)) {\n            try {\n              var posts = JSON.parse(cached);\n              renderOffers(posts);\n              return;\n            } catch (e) {\n              console.error('Error parsing cache', e);\n            }\n          }\n\n          fetch(API_URL)\n            .then(function (response) {\n              if (!response.ok) throw new Error('Network response was not ok');\n              return response.json();\n            })\n            .then(function (posts) {\n              localStorage.setItem(CACHE_KEY, JSON.stringify(posts));\n              localStorage.setItem(CACHE_TIME_KEY, now);\n              renderOffers(posts);\n            })\n            .catch(function (error) {\n              console.error('Error fetching offers:', error);\n              if (loader) loader.innerHTML = 'Unable to load offers. Please try again later.';\n            });\n        }\n\n        fetchOffers();\n      }());\n    <\/script>\n  <\/div>\n<\/div>\n\n<!-- dhav-page-checklist-20260914 -->\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1283","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/pages\/1283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/comments?post=1283"}],"version-history":[{"count":7,"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/pages\/1283\/revisions"}],"predecessor-version":[{"id":9436,"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/pages\/1283\/revisions\/9436"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/media?parent=1283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}