{"id":12901,"date":"2025-08-17T09:36:14","date_gmt":"2025-08-17T09:36:14","guid":{"rendered":"https:\/\/www.ipaenglish.com\/?page_id=12901"},"modified":"2025-08-17T11:46:26","modified_gmt":"2025-08-17T11:46:26","slug":"courses","status":"publish","type":"page","link":"https:\/\/www.ipaenglish.com\/vi\/courses\/","title":{"rendered":"Kh\u00f3a h\u1ecdc"},"content":{"rendered":"<style>\n        \/* Container *\/\n        #pdf-filter-container {\n            display: flex;\n            gap: 30px;\n            flex-wrap: wrap;\n        }\n\n        \/* Filter column *\/\n        #pdf-filter-levels {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n            min-width: 160px;\n            padding: 16px;\n            border: 2px solid #e0e0e0;\n            border-radius: 10px;\n            background: #fafafa;\n        }\n        #pdf-filter-levels h3 {\n            font-size: 16px;\n            font-weight: bold;\n            margin-bottom: 12px;\n        }\n        #pdf-filter-levels button {\n            padding: 10px 16px;\n            border: 2px solid #0073aa;\n            background: #fff;\n            cursor: pointer;\n            border-radius: 6px;\n            font-weight: 600;\n            text-align: left;\n            transition: all 0.2s ease-in-out;\n        }\n        #pdf-filter-levels button:hover {\n            background: #f0f8ff;\n        }\n        #pdf-filter-levels button.active {\n            background: #0073aa;\n            color: white;\n        }\n\n        \/* PDF Viewer *\/\n        #pdf-viewer {\n            flex: 1;\n            min-height: 600px;\n        }\n        #pdf-viewer iframe {\n            width: 100%;\n            height: 600px;\n            border: none;\n            border-radius: 8px;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n        }\n\n        \/* Tablet responsive *\/\n        @media (max-width: 1024px) {\n            #pdf-filter-container {\n                flex-direction: column;\n            }\n            #pdf-filter-levels {\n                flex-direction: row;\n                flex-wrap: wrap;\n                gap: 10px;\n            }\n            #pdf-filter-levels h3 {\n                width: 100%;\n            }\n            #pdf-filter-levels button {\n                flex: 1;\n                text-align: center;\n            }\n            #pdf-viewer iframe {\n                height: 500px;\n            }\n        }\n\n        \/* Mobile responsive *\/\n        @media (max-width: 768px) {\n            #pdf-filter-levels {\n                padding: 12px;\n            }\n            #pdf-viewer iframe {\n                height: 400px;\n            }\n        }\n    <\/style>\n\n    <div id=\"pdf-filter-container\">\n        <!-- Filter column -->\n        <div id=\"pdf-filter-levels\">\n            <h2>Kh\u00f3a h\u1ecdc<br><\/h2>\n\t\t\t<h3>Tr\u00ecnh \u0111\u1ed9<\/h3>\n                            <button data-level=\"A2\" class=\"active\">\n                    A2                <\/button>\n                            <button data-level=\"B1\" class=\"\">\n                    B1                <\/button>\n                            <button data-level=\"B1+\" class=\"\">\n                    B1+                <\/button>\n                            <button data-level=\"B2\" class=\"\">\n                    B2                <\/button>\n                            <button data-level=\"B2+\" class=\"\">\n                    B2+                <\/button>\n                            <button data-level=\"C1\" class=\"\">\n                    C1                <\/button>\n                    <\/div>\n\n        <!-- PDF Viewer -->\n        <div id=\"pdf-viewer\">\n            <iframe id=\"pdf-frame\" src=\"https:\/\/www.ipaenglish.com\/wp-content\/uploads\/2025\/08\/A2-Level-Course-Overview-VN.pdf\"><\/iframe>\n        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function(){\n        let buttons = document.querySelectorAll('#pdf-filter-levels button');\n        let pdfFrame = document.getElementById('pdf-frame');\n\n        \/\/ Mapping PDF URLs (PHP -> JS)\n        let pdfs = {\"A2\":{\"vi\":\"https:\\\/\\\/www.ipaenglish.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/A2-Level-Course-Overview-VN.pdf\",\"en_US\":\"https:\\\/\\\/www.ipaenglish.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/A2-Level-Course-Overview-ENG.pdf\"},\"B1\":{\"vi\":\"https:\\\/\\\/www.ipaenglish.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/B1-Level-Course-Overview-VN.pdf\",\"en_US\":\"https:\\\/\\\/www.ipaenglish.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/B1-Level-Course-Overview-ENG.pdf\"},\"B1+\":{\"vi\":\"https:\\\/\\\/www.ipaenglish.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/B1-plus-Level-Course-Overview-VN.pdf\",\"en_US\":\"https:\\\/\\\/www.ipaenglish.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/B1-plus-Level-Course-Overview-ENG.pdf\"},\"B2\":{\"vi\":\"https:\\\/\\\/www.ipaenglish.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/B2-Level-Course-Overview-VN.pdf\",\"en_US\":\"https:\\\/\\\/www.ipaenglish.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/B2-Level-Course-Overview-ENG.pdf\"},\"B2+\":{\"vi\":\"https:\\\/\\\/www.ipaenglish.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/B2-plus-Level-Course-Overview-VN.pdf\",\"en_US\":\"https:\\\/\\\/www.ipaenglish.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/B2-plus-Level-Course-Overview-ENG.pdf\"},\"C1\":{\"vi\":\"https:\\\/\\\/www.ipaenglish.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/C1-Level-Course-Overview-VN.pdf\",\"en_US\":\"https:\\\/\\\/www.ipaenglish.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/C1-Level-Course-Overview-ENG.pdf\"}};\n        let lang = 'vi';\n\n        buttons.forEach(btn => {\n            btn.addEventListener('click', function(){\n                \/\/ Remove active class\n                buttons.forEach(b => b.classList.remove('active'));\n                this.classList.add('active');\n\n                let level = this.getAttribute('data-level');\n                pdfFrame.src = pdfs[level][lang];\n            });\n        });\n    });\n    <\/script>\n\n    \n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12901","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ipaenglish.com\/vi\/wp-json\/wp\/v2\/pages\/12901"}],"collection":[{"href":"https:\/\/www.ipaenglish.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ipaenglish.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ipaenglish.com\/vi\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ipaenglish.com\/vi\/wp-json\/wp\/v2\/comments?post=12901"}],"version-history":[{"count":0,"href":"https:\/\/www.ipaenglish.com\/vi\/wp-json\/wp\/v2\/pages\/12901\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.ipaenglish.com\/vi\/wp-json\/wp\/v2\/media?parent=12901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}