{"id":1032,"date":"2025-03-29T17:31:46","date_gmt":"2025-03-29T16:31:46","guid":{"rendered":"https:\/\/enigma.swallnet.com\/?page_id=1032"},"modified":"2025-03-31T22:30:14","modified_gmt":"2025-03-31T20:30:14","slug":"checkout-en","status":"publish","type":"page","link":"https:\/\/enigma.swallnet.com\/index.php\/checkout-en\/","title":{"rendered":"CheckOut EN"},"content":{"rendered":"\n\n\n<p class=\"wp-block-paragraph\">    <style>\n        .checkout-container {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n            background-color: #f9f9f9;\n            border-radius: 10px;\n            color: #000;\n        }\n        .account_h2 { text-align: center; color: #333; font-size: 24px; margin-bottom: 20px; }\n        .checkout-subtitle { font-size: 20px; margin-bottom: 15px; color: #555; }\n        .cart-list { display: flex; flex-direction: column; gap: 15px; }\n        .cart-item { display: flex; align-items: center; justify-content: space-between; padding: 15px; background: #fff; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); color: #000; }\n        .cart-img-container { width: 80px; height: 80px; }\n        .cart_img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }\n        .cart-item-info { flex-grow: 1; margin-left: 15px; }\n        .cart-item-info h3 { font-size: 18px; margin: 0 0 5px 0; color: #222; }\n        .cart-item-info p { font-size: 14px; margin: 2px 0; color: #555; }\n        .price-original { text-decoration: line-through; color: #999; margin-right: 8px; }\n        .price-discounted { font-weight: bold; color: #22445d; }\n        .cart-remove button { background: #d9534f; color: white; border: none; padding: 5px 10px; font-weight: 600; border-radius: 5px; cursor: pointer; }\n        .checkout-summary { margin-top: 20px; padding: 15px; background: #fff; border-radius: 8px; }\n        .checkout-total { font-size: 16px; font-weight: bold; margin: 5px 0; color: #333; }\n        .checkout-actions { text-align: center; margin-top: 20px; }\n        .checkout-button { background: #22445d; color: white; border: none; font-weight: 600; padding: 10px 20px; font-size: 16px; border-radius: 5px; cursor: pointer; }\n        .checkout-empty { text-align: center; font-size: 18px; color: #777; margin-top: 20px; }\n        .coupon-form { margin: 20px auto; text-align: center; }\n        .coupon-form input[type=\"text\"] { padding: 8px; border-radius: 5px; border: 1px solid #ccc; width: 250px; color: #000; }\n        .coupon-form button { padding: 8px 12px; border: none; background: #22445d; color: white; font-weight: 600; border-radius: 5px; cursor: pointer; }\n        .coupon-success { text-align: center; font-weight: bold; margin-bottom: 10px; }\n        .gift-fields { display: none; margin-top: 20px; text-align: center; }\n        .gift-fields label { display: block; margin-top: 10px; color: #000; font-weight: 500; }\n        .gift-fields input[type=\"text\"],\n        .gift-fields input[type=\"email\"] {\n            width: 100%;\n            max-width: 400px;\n            padding: 8px;\n            border-radius: 5px;\n            border: 1px solid #ccc;\n            color: #000;\n        }\n    <\/style>\n\n    <div class=\"checkout-container\">\n        <h2 class=\"account_h2\">Pokladna<\/h2>\n\n        <p class=\"checkout-empty\">Ko\u0161\u00edk je pr\u00e1zdn\u00fd.<\/p>    <\/div>\n\n    <script data-jetpack-boost=\"ignore\">\n    document.addEventListener('DOMContentLoaded', function () {\n        const form = document.getElementById('enigma-checkout-form');\n        const giftFields = document.getElementById('gift-fields');\n        const companyCheckbox = document.getElementById('company_checkbox');\n        const companyFields = document.getElementById('company-fields');\n\n        const isLoggedIn = false;\n\n        \/\/ Zm\u011bna n\u00e1kupu (voucher vs. pro sebe)\n        form.querySelectorAll('input[name=\"purchase_type\"]').forEach(radio => {\n            radio.addEventListener('change', toggleGiftFields);\n        });\n\n        \/\/ Zm\u011bna firemn\u00edho n\u00e1kupu\n        if (companyCheckbox) {\n            companyCheckbox.addEventListener('change', toggleCompanyFields);\n        }\n\n        function toggleGiftFields() {\n            const selected = form.querySelector('input[name=\"purchase_type\"]:checked').value;\n\n            \/\/ P\u0159i n\u00e1kupu pro sebe: schovej v\u0161e\n            if (selected === 'self') {\n                giftFields.style.display = 'none';\n                companyFields.style.display = 'none';\n                removeRequired(giftFields);\n                removeRequired(companyFields);\n\n                if (!isLoggedIn) {\n                    alert(\"You must be logged in to purchase a game for yourself.\");\n                    window.location.href = 'https:\/\/enigma.swallnet.com\/index.php\/login';\n                }\n            }\n\n            \/\/ P\u0159i n\u00e1kupu jako voucher\n            else {\n                if (companyCheckbox.checked) {\n                    companyFields.style.display = 'block';\n                    giftFields.style.display = 'none';\n                    addRequired(companyFields);\n                    removeRequired(giftFields);\n                } else {\n                    giftFields.style.display = 'block';\n                    companyFields.style.display = 'none';\n                    addRequired(giftFields);\n                    removeRequired(companyFields);\n                }\n            }\n        }\n\n        function toggleCompanyFields() {\n            const isCompany = companyCheckbox.checked;\n\n            if (isCompany) {\n                companyFields.style.display = 'block';\n                giftFields.style.display = 'none';\n                addRequired(companyFields);\n                removeRequired(giftFields);\n            } else {\n                companyFields.style.display = 'none';\n                giftFields.style.display = 'block';\n                addRequired(giftFields);\n                removeRequired(companyFields);\n            }\n        }\n\n        function addRequired(container) {\n            container.querySelectorAll('input').forEach(input => {\n                input.required = true;\n                input.disabled = false;\n            });\n        }\n\n        function removeRequired(container) {\n            container.querySelectorAll('input').forEach(input => {\n                input.required = false;\n                input.disabled = true;\n            });\n        }\n\n        \/\/ Init p\u0159i na\u010dten\u00ed str\u00e1nky\n        toggleGiftFields();\n        toggleCompanyFields();\n\n        \/\/ Kontrola p\u0159i odesl\u00e1n\u00ed\n        form.addEventListener('submit', function (e) {\n            const selected = form.querySelector('input[name=\"purchase_type\"]:checked').value;\n\n            if (selected === 'gift') {\n                if (companyCheckbox.checked) {\n                    \/\/ Kontrola firemn\u00edch pol\u00ed\n                    const requiredIds = ['firma_name', 'firma_ico', 'firma_dic', 'firma_street', 'firma_city', 'firma_postal', 'firma_email', 'firma_email_repeat'];\n                    let valid = true;\n\n                    requiredIds.forEach(id => {\n                        const el = document.getElementById(id);\n                        if (!el || el.value.trim() === '') {\n                            el.style.borderColor = 'red';\n                            valid = false;\n                        } else {\n                            el.style.borderColor = '';\n                        }\n                    });\n\n                    const email = document.getElementById('firma_email').value;\n                    const repeat = document.getElementById('firma_email_repeat').value;\n                    if (email !== repeat) {\n                        alert(\"Emails do not match.\");\n                        e.preventDefault();\n                        return;\n                    }\n\n                    if (!valid) {\n                        alert(\"Please fill in all required company details.\");\n                        e.preventDefault();\n                    }\n\n                } else {\n                    \/\/ Kontrola klasick\u00fdch pol\u00ed pro voucher\n                    const email = document.getElementById('gift_email').value;\n                    const repeat = document.getElementById('gift_email_repeat').value;\n                    if (email !== repeat) {\n                        alert(\"Emails do not match.\");\n                        e.preventDefault();\n                    }\n                }\n            }\n        });\n    });\n    <\/script>\n\n\n\n    <\/p>\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":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-1032","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/pages\/1032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/comments?post=1032"}],"version-history":[{"count":3,"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/pages\/1032\/revisions"}],"predecessor-version":[{"id":1232,"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/pages\/1032\/revisions\/1232"}],"wp:attachment":[{"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/media?parent=1032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}