{"id":1819,"date":"2025-10-29T19:06:33","date_gmt":"2025-10-29T19:06:33","guid":{"rendered":"https:\/\/mycardterms.com\/phillips66v4\/?page_id=1819"},"modified":"2025-10-31T19:55:52","modified_gmt":"2025-10-31T19:55:52","slug":"version-archive","status":"publish","type":"page","link":"https:\/\/mycardterms.com\/phillips66\/version-archive\/","title":{"rendered":"Version Archive"},"content":{"rendered":"<style>\n.hero-block.hero-title-wel {\n\/*    display: none;   *\/\n}\n\n.date {\n        font-size: 17px;\n    color: grey;\n    font-weight: 700;\n}\np.descr_chng {\n    font-weight: bold;\n    font-size: 24px;\n    margin-bottom: 10px;\n}\np.what_chng {\n    margin-bottom: 30px;\n}\n\n.view_btn:hover {\n    color:#fff !important;\n}\n.view_btn {\n    font-size: 16px;\n    background: #0d2340;\n    color: #fff !important;\n    padding: 10px;\n    text-decoration: none;\n}\n    <\/style>\n    <div id=\"archive-viewer-container\">\n        <label for=\"archive-page-select\"><strong>Select a Page:<\/strong><\/label>\n        <select id=\"archive-page-select\">\n            <option value=\"\">-- Select --<\/option>\n                            <option value=\"9\">Full Gift Card Terms and Conditions<\/option>\n                    <\/select>\n<h3 id=\"selected-page-name\" style=\"margin-top: 1em;\"><\/h3>\n\n        <div id=\"archive-list\"><\/div>\n    <\/div>\n\n  <script>\n   \ndocument.addEventListener('DOMContentLoaded', function () {\n    const data = {\"802\":[{\"ID\":1914,\"post_date\":\"2025-12-03 02:33:32\",\"desc_of_change\":\"Pre-template change\",\"what_changed\":\"archive of page before template conversion\"},{\"ID\":1688,\"post_date\":\"2025-08-25 18:02:52\",\"desc_of_change\":\"Original\",\"what_changed\":\"original\"}],\"42\":[{\"ID\":1730,\"post_date\":\"2025-08-27 20:23:45\",\"desc_of_change\":\"Original\",\"what_changed\":\"original\"}],\"9\":[{\"ID\":1687,\"post_date\":\"2025-08-25 18:02:12\",\"desc_of_change\":\"Original\",\"what_changed\":\"original\"}]};\n    const select = document.getElementById('archive-page-select');\n    const container = document.getElementById('archive-list');\n    const heading = document.getElementById('selected-page-name');\n\n    function renderArchiveList(pageId) {\n        container.innerHTML = '';\n        heading.textContent = '';\n\n        if (!pageId || !data[pageId]) return;\n\n        \/\/ Set selected page name as heading\n        const selectedOption = select.querySelector(`option[value=\"${pageId}\"]`);\n        if (selectedOption) {\n            heading.textContent = selectedOption.textContent;\n        }\n\n         if (!data[pageId] || data[pageId].length === 0) {\n        container.innerHTML = '<p>No archives found for this page.<\/p>';\n        return;\n    }\n\n        data[pageId].forEach(archive => {\n            const postDate = new Date(archive.post_date);\n            const hours = postDate.getHours() % 12 || 12;\n            const minutes = postDate.getMinutes().toString().padStart(2, '0');\n            const ampm = postDate.getHours() >= 12 ? 'pm' : 'am';\n            const time = `${hours}:${minutes}${ampm}`;\n            const date = postDate.toLocaleDateString('en-US', {\n                year: 'numeric',\n                month: 'short',\n                day: 'numeric'\n            });\n\n            const formattedDate = `${time}<br>\\n${date}`;\n            const desc = archive.desc_of_change || '';\n            const what = archive.what_changed || '';\n\n            const div = document.createElement('div');\n            div.classList.add('archive-entry');\n\n            div.innerHTML = `\n                <div style=\"margin: 1em 0; border: 1px solid #ccc; padding: 1em;\">\n                    <div class=\"row version-archive-block\">\n                        <div class=\"col-lg-2 date text-center\">\n                            ${formattedDate}\n                        <\/div>\n                        <div class=\"col-lg-10 mb-2\">\n                            <p class=\"descr_chng\">${desc}<\/p>\n                            <p class=\"what_chng\">${what}<\/p>\n                            <a href=\"compare-page\/?compare_archive=${archive.ID}\" target=\"_blank\" class=\"button view_btn\">View Changes<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `;\n            container.appendChild(div);\n        });\n    }\n\n    \/\/ Handle dropdown changes\n    select.addEventListener('change', function () {\n        const val = this.value;\n        renderArchiveList(val);\n    });\n\n    \/\/ Handle page_id param for preselection and auto-load\n    const urlParams = new URLSearchParams(window.location.search);\n    const preselectedPage = urlParams.get('original_page');\n    if (preselectedPage && data[preselectedPage]) {\n        select.value = preselectedPage;\n        renderArchiveList(preselectedPage);\n    }\n});\n\n\n\n    <\/script>\n    <style>\n    .archive-entry {\n        transition: all 0.2s;\n    }\n    .archive-entry:hover {\n        background: #f9f9f9;\n    }\n    <\/style>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1819","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mycardterms.com\/phillips66\/wp-json\/wp\/v2\/pages\/1819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mycardterms.com\/phillips66\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mycardterms.com\/phillips66\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mycardterms.com\/phillips66\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mycardterms.com\/phillips66\/wp-json\/wp\/v2\/comments?post=1819"}],"version-history":[{"count":0,"href":"https:\/\/mycardterms.com\/phillips66\/wp-json\/wp\/v2\/pages\/1819\/revisions"}],"wp:attachment":[{"href":"https:\/\/mycardterms.com\/phillips66\/wp-json\/wp\/v2\/media?parent=1819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}