{"id":1323,"date":"2026-05-19T06:26:45","date_gmt":"2026-05-19T06:26:45","guid":{"rendered":"https:\/\/chunghwastore.com\/thank-you"},"modified":"2026-05-19T06:26:45","modified_gmt":"2026-05-19T06:26:45","slug":"thank-you","status":"publish","type":"page","link":"https:\/\/chunghwastore.com\/zh\/thank-you","title":{"rendered":"\u8b1d\u8b1d"},"content":{"rendered":"    <style>\r\n        .thank-you-wrapper {\r\n            max-width: 800px;\r\n            margin: 50px auto;\r\n            font-family: 'Helvetica Neue', sans-serif;\r\n            background: #fff;\r\n            padding: 30px;\r\n            border-radius: 16px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n        }\r\n        .thank-you-box {\r\n            border: 2px dashed red;\r\n            padding: 20px;\r\n            text-align: center;\r\n            color: red;\r\n            font-size: 18px;\r\n            margin-bottom: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n        }\r\n        .error-icon {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 24px;\r\n            height: 24px;\r\n            border: 2px solid red;\r\n            border-radius: 50%;\r\n            color: red;\r\n            font-weight: bold;\r\n            font-size: 16px;\r\n            flex-shrink: 0;\r\n        }\r\n        .summary-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            margin-bottom: 30px;\r\n        }\r\n        .summary-table th, .summary-table td {\r\n            padding: 10px;\r\n            border-bottom: 1px solid #ddd;\r\n            text-align: left;\r\n        }\r\n        .summary-table .right {\r\n            text-align: right;\r\n        }\r\n        .section-title {\r\n            font-size: 18px;\r\n            margin: 20px 0 10px;\r\n            font-weight: bold;\r\n            border-bottom: 1px solid #eee;\r\n            padding-bottom: 6px;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"thank-you-wrapper\">\r\n        <div class=\"thank-you-box\">\r\n            <span class=\"error-icon\">\u2715<\/span>\r\n            <strong>This bank does not support payment.<\/strong>\r\n        <\/div>\r\n\r\n        <table class=\"summary-table\">\r\n            <tr><th>Order number:<\/th><td id=\"order-number\">-<\/td><\/tr>\r\n            <tr><th>Date:<\/th><td id=\"order-date\">-<\/td><\/tr>\r\n            <tr><th>Total:<\/th><td id=\"order-total\">$38.00<\/td><\/tr>\r\n            <tr><th>Payment method:<\/th><td id=\"payment-method\">-<\/td><\/tr>\r\n        <\/table>\r\n\r\n        <div class=\"section-title\">Order Details<\/div>\r\n        <table class=\"summary-table\">\r\n            <tbody id=\"order-items\">\r\n            <tr><th>Product<\/th><th class=\"right\">Total<\/th><\/tr>\r\n            <tr>\r\n                <td>\r\n                    Barcelona 2024\/25 Home Jersey \u00d7 1<br>\r\n                    <small>Size: M<br>Patches: Blank<\/small>\r\n                <\/td>\r\n                <td class=\"right\">$38.00<\/td>\r\n            <\/tr>\r\n            <tr><td>Shipping<\/td><td class=\"right\">Free shipping<\/td><\/tr>\r\n            <tr><td><strong>Total<\/strong><\/td><td class=\"right\" id=\"total-amount\"><strong>$38.00<\/strong><\/td><\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n\r\n        <div class=\"section-title\">Shipping Address<\/div>\r\n        <div id=\"shipping-address\">\r\n            <p>\r\n                <span id=\"address-line\">-<\/span><br>\r\n                <span id=\"city-state-zip\">-<\/span><br>\r\n                <span id=\"country\">-<\/span><br>\r\n                <span id=\"customer-email\">-<\/span>\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            try {\r\n                \/\/ Get order info from localStorage\r\n                const orderInfoJson = localStorage.getItem('lastOrderInfo');\r\n\r\n                if (orderInfoJson) {\r\n                    const orderInfo = JSON.parse(orderInfoJson);\r\n                    displayOrderInfo(orderInfo);\r\n                    console.log('Order info loaded from localStorage:', orderInfo);\r\n                } else {\r\n                    console.log('No order info found in localStorage');\r\n                    \/\/ Fall back to URL parameters if available\r\n                    const urlParams = new URLSearchParams(window.location.search);\r\n                    if (urlParams.get('order_id')) {\r\n                        displayBasicInfo();\r\n                    }\r\n                }\r\n            } catch (error) {\r\n                console.error('Error loading order info:', error);\r\n            }\r\n        });\r\n\r\n        function formatDate(dateString) {\r\n            try {\r\n                const date = new Date(dateString);\r\n                return date.toLocaleDateString() + ' ' + date.toLocaleTimeString();\r\n            } catch (e) {\r\n                return dateString || '-';\r\n            }\r\n        }\r\n\r\n        function displayOrderInfo(orderInfo) {\r\n            \/\/ Display order summary\r\n            document.getElementById('order-number').textContent = orderInfo.order_number || '-';\r\n            document.getElementById('order-date').textContent = formatDate(orderInfo.date);\r\n            document.getElementById('order-total').textContent = '$' + (orderInfo.total || '38.00');\r\n            document.getElementById('payment-method').textContent = orderInfo.payment_method || '-';\r\n            document.getElementById('total-amount').innerHTML = '<strong>$' + (orderInfo.total || '38.00') + '<\/strong>';\r\n\r\n            \/\/ Display order items if available\r\n            if (orderInfo.cart_items && orderInfo.cart_items.length > 0) {\r\n                const orderItemsTable = document.getElementById('order-items');\r\n                \/\/ Clear existing rows except header and shipping\/total rows\r\n                orderItemsTable.innerHTML = '<tr><th>Product<\/th><th class=\"right\">Total<\/th><\/tr>';\r\n\r\n                \/\/ Add each cart item\r\n                orderInfo.cart_items.forEach(item => {\r\n                    const row = document.createElement('tr');\r\n                    row.innerHTML = `\r\n                    <td>${item.name} \u00d7 ${item.quantity}<br>\r\n                        <small>${item.options ? Object.entries(item.options).map(([key, val]) => `${key}: ${val}`).join('<br>') : ''}<\/small>\r\n                    <\/td>\r\n                    <td class=\"right\">$${(item.price * item.quantity).toFixed(2)}<\/td>\r\n                `;\r\n                    orderItemsTable.appendChild(row);\r\n                });\r\n\r\n                \/\/ Add shipping and total rows\r\n                orderItemsTable.innerHTML += `\r\n                <tr><td>Shipping<\/td><td class=\"right\">Free shipping<\/td><\/tr>\r\n                <tr><td><strong>Total<\/strong><\/td><td class=\"right\"><strong>$${orderInfo.total || '38.00'}<\/strong><\/td><\/tr>\r\n            `;\r\n            }\r\n\r\n            \/\/ Display shipping address\r\n            if (orderInfo.shipping_address) {\r\n                const address = orderInfo.shipping_address;\r\n                document.getElementById('address-line').textContent = address.address || '-';\r\n                document.getElementById('city-state-zip').textContent =\r\n                    [address.city, address.state, address.zip].filter(Boolean).join(', ') || '-';\r\n                document.getElementById('country').textContent = address.country || '-';\r\n                document.getElementById('customer-email').textContent = orderInfo.email || '-';\r\n            }\r\n        }\r\n\r\n        function displayBasicInfo() {\r\n            \/\/ Fall back to URL parameters if available\r\n            const urlParams = new URLSearchParams(window.location.search);\r\n            document.getElementById('order-number').textContent = urlParams.get('order_id') || '-';\r\n            document.getElementById('order-date').textContent = urlParams.get('date') || new Date().toLocaleDateString();\r\n            const total = urlParams.get('total') || '38.00';\r\n            document.getElementById('order-total').textContent = '$' + total;\r\n            document.getElementById('payment-method').textContent = urlParams.get('payment') || '-';\r\n\r\n            \/\/ Update all total displays\r\n            const totalElements = document.querySelectorAll('.right strong');\r\n            totalElements.forEach(el => {\r\n                el.textContent = '$' + total;\r\n            });\r\n\r\n            \/\/ Update address if in URL\r\n            if (urlParams.get('address')) {\r\n                document.getElementById('address-line').textContent = urlParams.get('address');\r\n            }\r\n            if (urlParams.get('email')) {\r\n                document.getElementById('customer-email').textContent = urlParams.get('email');\r\n            }\r\n        }\r\n    <\/script>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-1323","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chunghwastore.com\/zh\/wp-json\/wp\/v2\/pages\/1323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chunghwastore.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chunghwastore.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chunghwastore.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chunghwastore.com\/zh\/wp-json\/wp\/v2\/comments?post=1323"}],"version-history":[{"count":0,"href":"https:\/\/chunghwastore.com\/zh\/wp-json\/wp\/v2\/pages\/1323\/revisions"}],"wp:attachment":[{"href":"https:\/\/chunghwastore.com\/zh\/wp-json\/wp\/v2\/media?parent=1323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}