{"id":623,"date":"2026-01-07T15:39:07","date_gmt":"2026-01-07T15:39:07","guid":{"rendered":"https:\/\/www.kobietawlekkosci.com.pl\/?page_id=623"},"modified":"2026-01-08T10:42:19","modified_gmt":"2026-01-08T10:42:19","slug":"platnosci","status":"publish","type":"page","link":"https:\/\/www.kobietawlekkosci.com.pl\/index.php\/platnosci\/","title":{"rendered":"P\u0142atno\u015bci"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"623\" class=\"elementor elementor-623\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52e5a98 e-con-full e-flex e-con e-parent\" data-id=\"52e5a98\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-90ddc7b e-con-full e-flex e-con e-child\" data-id=\"90ddc7b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-503bdc7 elementor-widget elementor-widget-shortcode\" data-id=\"503bdc7\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n\/* ---- kontener ca\u0142ej sekcji, wy\u015brodkowany na ekranie ---- *\/\r\n.cart-wrapper {\r\n    display: flex;\r\n    justify-content: center; \/* wy\u015brodkowanie poziome *\/\r\n    gap: 25px;\r\n    align-items: flex-start; \/* nie rozci\u0105ga kolumn *\/\r\n    flex-wrap: wrap; \/* pozwala na responsywno\u015b\u0107 *\/\r\n    margin: 0 auto;\r\n    max-width: 100%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .cart-wrapper {\r\n        flex-direction: column;\r\n        align-items: center; \/* wy\u015brodkowanie w kolumnie *\/\r\n    }\r\n}\r\n\r\n.cart-product {\r\n    width: 20%;\r\n    text-align: center;\r\n\tmargin-right: 50px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start; \/* elementy zbite do g\u00f3ry *\/\r\n}\r\n\r\n.cart-product img {\r\n    max-width: 100%;\r\n    margin-bottom: 5px; \/* mniejsza odleg\u0142o\u015b\u0107 od nazwy *\/\r\n    border-radius: 7px;\r\n    box-shadow: 0 5px 12px rgba(0,0,0,0.12);\r\n}\r\n\r\n.cart-product h3 {\r\n    font-size: 16px;\r\n    margin: 0; \/* brak dolnego marginesu *\/\r\n    padding-bottom: 2px; \/* minimalna odleg\u0142o\u015b\u0107 od ceny *\/\r\n    font-weight: 500;\r\n}\r\n\r\n.cart-product .price {\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    color: #8A9B7C;\r\n    margin-top: 0; \/* brak dodatkowej odleg\u0142o\u015bci *\/\r\n}\r\n\r\n\/* ---- formularz ---- *\/\r\n.cart-form {\r\n    width: 30%;\r\n}\r\n\r\n#order-details {\r\n    background: #ffffff;\r\n    padding: 10px;\r\n    border-radius: 9px;\r\n    box-shadow: 0 9px 20px rgba(0,0,0,0.12);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    height: 100%;\r\n}\r\n\r\n#order-details input[type=\"text\"],\r\n#order-details input[type=\"email\"] {\r\n    border-radius: 5px;\r\n    padding: 5px;\r\n    border: 1px solid #d6ddd2;\r\n    font-size: 14px;\r\n    width: 100%;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n#order-details input[type=\"text\"]:focus,\r\n#order-details input[type=\"email\"]:focus {\r\n    border-color: #8A9B7C;\r\n    outline: none;\r\n    box-shadow: 0 0 0 1.5px rgba(138,155,124,0.25);\r\n}\r\n\r\n#order-details button {\r\n    width: 30%;\r\n    margin: 10px auto 0 auto;\r\n    border-radius: 6px;\r\n    font-weight: 500;\r\n    font-size: 15px;\r\n    padding: 7px 0;\r\n    border: none;\r\n    background: linear-gradient(135deg, #8A9B7C, #748668);\r\n    color: #fff;\r\n    box-shadow: 0 5px 12px rgba(138,155,124,0.45);\r\n    cursor: pointer;\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n#order-details button:hover {\r\n    background: linear-gradient(135deg, #748668, #6a7c5f);\r\n    box-shadow: 0 7px 16px rgba(138,155,124,0.6);\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.order-consents {\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n    margin-top: 7px;\r\n}\r\n\r\n.order-consents label {\r\n    display: flex;\r\n    gap: 5px;\r\n    align-items: flex-start;\r\n    margin-bottom: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n.order-consents input {\r\n    margin-top: 2px;\r\n}\r\n\t\/* ---- RESPONSYWNO\u015a\u0106 DLA TELEFONU ---- *\/\r\n@media (max-width: 768px) {\r\n    .cart-wrapper {\r\n        flex-direction: column;\r\n        align-items: center; \/* wy\u015brodkowanie blok\u00f3w *\/\r\n    }\r\n\r\n    .cart-product,\r\n    .cart-form {\r\n        width: 100%; \/* pe\u0142na szeroko\u015b\u0107 *\/\r\n        margin-right: 0; \/* usu\u0144 margines *\/\r\n        margin-bottom: 20px; \/* odst\u0119p mi\u0119dzy blokami *\/\r\n    }\r\n\r\n    #order-details button {\r\n        width: 50%; \/* wi\u0119kszy przycisk na telefonie *\/\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cart-wrapper\">\r\n\r\n    <!-- LEWA KOLUMNA \u2013 PRODUKT -->\r\n    <div class=\"cart-product\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kobietawlekkosci.com.pl\/wp-content\/uploads\/2026\/01\/koniec-diet-po-40.png\">\r\n        <h3>Koniec diet po 40<\/h3>\r\n        <div class=\"price\">59,00 PLN<\/div>\r\n    <\/div>\r\n\r\n    <!-- PRAWA KOLUMNA \u2013 FORMULARZ -->\r\n    <div class=\"cart-form\">\r\n        <div id=\"order-details\">\r\n            <div>\r\n                <h4>Zakup: <span id=\"planDisplay\">E-BOOK<\/span><\/h4>\r\n\r\n                <label><strong>Tw\u00f3j e-mail *<\/strong><\/label>\r\n                <input type=\"email\" id=\"emailInput\" placeholder=\"np. jan@domena.pl\" required>\r\n\r\n                <p><em>Je\u017celi chcesz otrzyma\u0107 imienn\u0105 faktur\u0119, uzupe\u0142nij dane (opcjonalnie):<\/em><\/p>\r\n\r\n                <label>Imi\u0119<\/label>\r\n                <input type=\"text\" id=\"firstNameInput\">\r\n\r\n                <label>Nazwisko<\/label>\r\n                <input type=\"text\" id=\"lastNameInput\">\r\n\r\n                <label>Firma \/ Nazwa<\/label>\r\n                <input type=\"text\" id=\"companyInput\">\r\n\r\n                <label>NIP<\/label>\r\n                <input type=\"text\" id=\"nipInput\">\r\n\r\n                <label>Adres<\/label>\r\n                <input type=\"text\" id=\"addressInput\">\r\n            <\/div>\r\n\r\n            <div class=\"order-consents\">\r\n\r\n    <!-- Zaznacz wszystko -->\r\n    <label>\r\n        <input type=\"checkbox\" id=\"selectAllConsents\">\r\n        <span>Zaznacz wszystkie zgody<\/span>\r\n    <\/label>\r\n\r\n    <label>\r\n        <input type=\"checkbox\" class=\"consent-checkbox\">\r\n        <span>Zapozna\u0142am\/em si\u0119 z <a href=\"#\" target=\"_blank\">regulaminem<\/a>.<\/span>\r\n    <\/label>\r\n\r\n    <label>\r\n        <input type=\"checkbox\" class=\"consent-checkbox\">\r\n        <span>Zapozna\u0142am\/em si\u0119 z <a href=\"#\" target=\"_blank\">polityk\u0105 prywatno\u015bci<\/a>.<\/span>\r\n    <\/label>\r\n\r\n    <label>\r\n        <input type=\"checkbox\" class=\"consent-checkbox\">\r\n        <span>Zapozna\u0142am\/em si\u0119 z <a href=\"#\" target=\"_blank\">informacj\u0105 RODO<\/a>.<\/span>\r\n    <\/label>\r\n\r\n    <label>\r\n        <input type=\"checkbox\" class=\"consent-checkbox\">\r\n        <span>Wyra\u017cam zgod\u0119 na dostarczenie tre\u015bci cyfrowych i utrat\u0119 prawa odst\u0105pienia.<\/span>\r\n    <\/label>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    const selectAll = document.getElementById('selectAllConsents');\r\n    const checkboxes = document.querySelectorAll('.consent-checkbox');\r\n\r\n    selectAll.addEventListener('change', function() {\r\n        checkboxes.forEach(cb => cb.checked = selectAll.checked);\r\n    });\r\n\r\n    \/\/ Dodatkowo, je\u015bli u\u017cytkownik odznaczy pojedynczy checkbox, \"Zaznacz wszystko\" te\u017c si\u0119 odznaczy\r\n    checkboxes.forEach(cb => {\r\n        cb.addEventListener('change', () => {\r\n            if (!cb.checked) {\r\n                selectAll.checked = false;\r\n            } else if ([...checkboxes].every(c => c.checked)) {\r\n                selectAll.checked = true;\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n            <button onclick=\"submitOrder('E-BOOK', 59.00, 59.00)\">\r\n                zamawiam ebooka\r\n            <\/button>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n\r\n<script>\r\nfunction submitOrder(plan, amount, unitPrice) {\r\n\r\n    \/* \u2705 WALIDACJA ZG\u00d3D \u2013 BEZ ZMIANY FLOW *\/\r\n    var consents = document.querySelectorAll('.consent-checkbox');\r\n    for (var i = 0; i < consents.length; i++) {\r\n        if (!consents[i].checked) {\r\n            alert('Aby kontynuowa\u0107 zakup, musisz zaakceptowa\u0107 wszystkie zgody.');\r\n            consents[i].focus();\r\n            return;\r\n        }\r\n    }\r\n\r\n    \/* \ud83d\udd3d DALEJ TW\u00d3J KOD \u2013 BEZ ZMIAN *\/\r\n    var email = document.getElementById('emailInput').value.trim();\r\n    if (!email) {\r\n        alert('Podaj adres e-mail');\r\n        document.getElementById('emailInput').focus();\r\n        return;\r\n    }\r\n\r\n    var firstName   = document.getElementById('firstNameInput').value.trim();\r\n    var lastName    = document.getElementById('lastNameInput').value.trim();\r\n    var companyName = document.getElementById('companyInput').value.trim();\r\n    var nip         = document.getElementById('nipInput').value.trim();\r\n    var address     = document.getElementById('addressInput').value.trim();\r\n\r\n    $.ajax({\r\n        url: 'https:\/\/www.kobietawlekkosci.com.pl\/send_zamowienie.php',\r\n        method: 'POST',\r\n        data: {\r\n            plan: plan,\r\n            amount: amount,\r\n            unitPrice: unitPrice,\r\n            email: email,\r\n            firstName: firstName,\r\n            lastName: lastName,\r\n            companyName: companyName,\r\n            nip: nip,\r\n            address: address\r\n        },\r\n        success: function () {\r\n            var form = document.createElement('form');\r\n            form.method = 'POST';\r\n            form.action = 'https:\/\/www.kobietawlekkosci.com.pl\/zamowienie.php';\r\n\r\n            function add(name, value) {\r\n                var input = document.createElement('input');\r\n                input.type = 'hidden';\r\n                input.name = name;\r\n                input.value = value;\r\n                form.appendChild(input);\r\n            }\r\n\r\n            add('plan', plan);\r\n            add('amount', amount);\r\n            add('unitPrice', unitPrice);\r\n            add('email', email);\r\n            add('firstName', firstName);\r\n            add('lastName', lastName);\r\n            add('companyName', companyName);\r\n            add('nip', nip);\r\n            add('address', address);\r\n\r\n            document.body.appendChild(form);\r\n            form.submit();\r\n        },\r\n        error: function () {\r\n            alert('B\u0142\u0105d podczas wysy\u0142ania danych.');\r\n        }\r\n    });\r\n}\r\n<\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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_canvas","meta":{"footnotes":""},"class_list":["post-623","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.kobietawlekkosci.com.pl\/index.php\/wp-json\/wp\/v2\/pages\/623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kobietawlekkosci.com.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kobietawlekkosci.com.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kobietawlekkosci.com.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kobietawlekkosci.com.pl\/index.php\/wp-json\/wp\/v2\/comments?post=623"}],"version-history":[{"count":13,"href":"https:\/\/www.kobietawlekkosci.com.pl\/index.php\/wp-json\/wp\/v2\/pages\/623\/revisions"}],"predecessor-version":[{"id":674,"href":"https:\/\/www.kobietawlekkosci.com.pl\/index.php\/wp-json\/wp\/v2\/pages\/623\/revisions\/674"}],"wp:attachment":[{"href":"https:\/\/www.kobietawlekkosci.com.pl\/index.php\/wp-json\/wp\/v2\/media?parent=623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}