{"id":3423,"date":"2026-06-10T12:53:49","date_gmt":"2026-06-10T13:53:49","guid":{"rendered":"https:\/\/www.dzievan.com\/?page_id=3423"},"modified":"2026-06-22T06:43:36","modified_gmt":"2026-06-22T07:43:36","slug":"warsztaty-via-programowanie-osobowe","status":"publish","type":"page","link":"https:\/\/www.dzievan.com\/index.php\/warsztaty-via-programowanie-osobowe\/","title":{"rendered":"Warsztaty VIA &#8211; Programowanie Osobowe"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Rezerwacja &#8211; Program VIA: Zdrowe Silne Cia\u0142o<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                    },\n                    colors: {\n                        via: {\n                            light: '#e6f7f5',\n                            DEFAULT: '#0d9488', \/\/ Teal 600\n                            dark: '#0f766e', \/\/ Teal 700\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        .fade-in {\n            animation: fadeIn 0.5s ease-in-out;\n        }\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800 font-sans antialiased p-4 md:p-8\">\n\n    <div class=\"max-w-6xl mx-auto bg-white rounded-2xl shadow-xl overflow-hidden flex flex-col lg:flex-row\">\n        \n        <!-- Lewa kolumna: Informacje o warsztatach i p\u0142atno\u015bciach -->\n        <div class=\"w-full lg:w-5\/12 bg-via text-white p-8 lg:p-12 flex flex-col justify-between\">\n            <div>\n                <h2 class=\"text-3xl font-bold mb-2\">Program VIA<\/h2>\n                <h3 class=\"text-xl font-medium text-via-light mb-6\"> Programowanie Osobowe \u2013 Warsztaty<\/h3>\n                \n                <p class=\"mb-6 italic text-sm text-via-light border-l-4 border-white pl-3\">\n                    Naucz si\u0119 jak dokona\u0107 \u015bwiadomych zmian we w\u0142asnej osobowo\u015bci aby by\u0107 dok\u0142adnie takim cz\u0142owiekiem jakim chcesz by\u0107\n                <\/p>\n\n                <div class=\"space-y-6 mb-8\">\n                    <div class=\"bg-via-dark p-4 rounded-lg\">\n                        <h4 class=\"font-semibold text-lg mb-2\">Jak wygl\u0105da rezerwacja?<\/h4>\n                        <ol class=\"list-decimal list-inside text-sm space-y-2 text-via-light\">\n                            <li>Wy\u015blij zapytanie przez ten formularz.<\/li>\n                            <li>Poczekaj na potwierdzenie wolnego miejsca.<\/li>\n                            <li>Wp\u0142a\u0107 przedp\u0142at\u0119 (<strong>\u00a350 \/ 250 PLN<\/strong>) w dniu otrzymania potwierdzenia.<\/li>\n                            <li>Op\u0142a\u0107 reszt\u0119 kwoty najp\u00f3\u017aniej 10 dni przed warsztatami.<\/li>\n                        <\/ol>\n                    <\/div>\n\n                    <div>\n                        <h4 class=\"font-semibold text-lg mb-2\">Dane do wp\u0142at<\/h4>\n                        \n                        <!-- Konto UK -->\n                        <div class=\"mb-4\">\n                            <p class=\"text-sm text-via-light uppercase tracking-wider font-semibold\">Konto UK (GBP)<\/p>\n                            <p class=\"text-sm\">Name: <strong>Zbigniew Dziewanowski<\/strong><\/p>\n                            <p class=\"text-sm\">Sort code: <strong>30-96-03<\/strong><\/p>\n                            <p class=\"text-sm\">Account no: <strong>25129860<\/strong><\/p>\n                            <p class=\"text-sm\">Reference: <em>Workshop (data)<\/em><\/p>\n                        <\/div>\n                        \n                        <!-- Konto PL -->\n                        <div>\n                            <p class=\"text-sm text-via-light uppercase tracking-wider font-semibold\">Konto PL (PLN)<\/p>\n                            <p class=\"text-sm\">Bank: <strong>ING Bank \u015al\u0105ski<\/strong><\/p>\n                            <p class=\"text-sm\">W\u0142a\u015bciciel: <strong>Zbigniew Dziewanowski<\/strong><\/p>\n                            <p class=\"text-sm\">Nr konta: <strong>06 1050 1360 1000 0090 7726 4431<\/strong><\/p>\n                            <p class=\"text-sm\">Tytu\u0142 przelewu: <em>Warsztaty (data)<\/em><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"mt-8 text-sm text-via-light\">\n                <p>Cena ca\u0142kowita: <strong class=\"text-white text-lg\">\u00a3195 \/ 975 PLN<\/strong><\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Prawa kolumna: Formularz rejestracyjny -->\n        <div class=\"w-full lg:w-7\/12 p-8 lg:p-12 bg-white relative\">\n            \n            <!-- Wiadomo\u015b\u0107 po wys\u0142aniu formularza -->\n            <div id=\"successMessage\" class=\"hidden absolute inset-0 bg-white z-10 flex flex-col items-center justify-center p-8 text-center fade-in\">\n                <div class=\"w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mb-6\">\n                    <svg class=\"w-10 h-10 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                <\/div>\n                <h3 class=\"text-2xl font-bold text-gray-800 mb-2\">Zapytanie wys\u0142ane!<\/h3>\n                <p class=\"text-gray-600 mb-6\">Dzi\u0119kujemy za ch\u0119\u0107 udzia\u0142u w warsztatach Programu VIA.<br>Twoje zapytanie zosta\u0142o prawid\u0142owo dostarczone do organizatora.<\/p>\n                <p class=\"text-sm text-gray-500\">Oczekuj na wiadomo\u015b\u0107 zwrotn\u0105 z potwierdzeniem dost\u0119pno\u015bci miejsca oraz instrukcjami dotycz\u0105cymi wp\u0142aty zadatku.<\/p>\n                <button onclick=\"resetForm()\" class=\"mt-8 px-6 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition-colors\">Wr\u00f3\u0107 do formularza<\/button>\n            <\/div>\n\n            <div id=\"formContainer\">\n                <h3 class=\"text-2xl font-bold text-gray-800 mb-6\">Zapytanie o wolne miejsce<\/h3>\n                \n                <form id=\"viaForm\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\" class=\"space-y-5\">\n                    \n                    <!-- Web3Forms Konfiguracja (Tw\u00f3j nowy klucz) -->\n                    <input type=\"hidden\" name=\"access_key\" value=\"139bf3c0-3571-4249-882b-5a2f5cce3db7\">\n                    <input type=\"hidden\" name=\"subject\" value=\"Nowa rezerwacja warsztat\u00f3w - Program VIA\">\n                    <input type=\"hidden\" name=\"from_name\" value=\"Strona - Program VIA\">\n                    <!-- Zabezpieczenie przed spamem -->\n                    <input type=\"checkbox\" name=\"botcheck\" class=\"hidden\" style=\"display: none;\">\n\n                    <!-- Dane osobowe -->\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                        <div>\n                            <label for=\"fullName\" class=\"block text-sm font-medium text-gray-700 mb-1\">Imi\u0119 i nazwisko *<\/label>\n                            <input type=\"text\" id=\"fullName\" name=\"Imie_i_nazwisko\" required class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-via focus:border-via outline-none transition-colors\" placeholder=\"Jan Kowalski\">\n                        <\/div>\n                        <div>\n                            <label for=\"email\" class=\"block text-sm font-medium text-gray-700 mb-1\">Adres e-mail *<\/label>\n                            <input type=\"email\" id=\"email\" name=\"email\" required class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-via focus:border-via outline-none transition-colors\" placeholder=\"tw\u00f3j@email.com\">\n                        <\/div>\n                    <\/div>\n\n                    <!-- Termin i waluta -->\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                        <div>\n                            <label for=\"workshopDate\" class=\"block text-sm font-medium text-gray-700 mb-1\">Preferowany termin *<\/label>\n                            <select id=\"workshopDate\" name=\"Preferowany_termin\" required class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-via focus:border-via outline-none transition-colors bg-white\">\n                                <option value=\"\" disabled selected>Wybierz miesi\u0105c&#8230;<\/option>\n                                <option value=\"20 Lipiec 2026 8.00-11.00\">20 Lipiec 2026 8.00-11.00<\/option>\n                                <option value=\"24 Lipiec 2026 17.00-20.00\">24 Lipiec 2026 17.00-20.00<\/option>\n                            <\/select>\n                        <\/div>\n                        <div>\n                            <label for=\"currency\" class=\"block text-sm font-medium text-gray-700 mb-1\">Waluta p\u0142atno\u015bci *<\/label>\n                            <select id=\"currency\" name=\"Waluta_platnosci\" required class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-via focus:border-via outline-none transition-colors bg-white\">\n                                <option value=\"GBP\">GBP (\u00a3195 ca\u0142kowita \/ \u00a350 przedp\u0142ata)<\/option>\n                                <option value=\"PLN\">PLN (975 PLN ca\u0142kowita \/ 250 PLN przedp\u0142ata)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Dane do faktury -->\n                    <div>\n                        <label for=\"invoiceData\" class=\"block text-sm font-medium text-gray-700 mb-1\">Dane do faktury (opcjonalnie)<\/label>\n                        <p class=\"text-xs text-gray-500 mb-2\">Wype\u0142nij tylko, je\u015bli potrzebujesz specjalnych danych na fakturze. Standardowo faktury wysy\u0142amy ostatniego dnia miesi\u0105ca.<\/p>\n                        <textarea id=\"invoiceData\" name=\"Dane_do_faktury\" rows=\"2\" class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-via focus:border-via outline-none transition-colors\" placeholder=\"Nazwa firmy, NIP, adres...\"><\/textarea>\n                    <\/div>\n\n                    <!-- Wiadomo\u015b\u0107 dodatkowa -->\n                    <div>\n                        <label for=\"message\" class=\"block text-sm font-medium text-gray-700 mb-1\">Dodatkowe pytania (opcjonalnie)<\/label>\n                        <textarea id=\"message\" name=\"Dodatkowe_pytania\" rows=\"2\" class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-via focus:border-via outline-none transition-colors\"><\/textarea>\n                    <\/div>\n\n                    <!-- Zgody i warunki -->\n                    <div class=\"bg-gray-50 p-4 rounded-lg border border-gray-200 mt-6\">\n                        <h4 class=\"text-sm font-bold text-gray-800 mb-3\">Wa\u017cne informacje &#8211; akceptacja warunk\u00f3w<\/h4>\n                        \n                        <label class=\"flex items-start space-x-3 mb-3 cursor-pointer\">\n                            <input type=\"checkbox\" name=\"Akceptacja_braku_zwrotu_przedplaty\" value=\"Tak\" required class=\"mt-1 w-4 h-4 text-via rounded border-gray-300 focus:ring-via\">\n                            <span class=\"text-sm text-gray-600\">\n                                Rozumiem i akceptuj\u0119, \u017ce <strong>Przedp\u0142ata za rezerwacj\u0119 Warsztat\u00f3w nie podlega zwrotowi<\/strong> po dokonaniu p\u0142atno\u015bci.\n                            <\/span>\n                        <\/label>\n                        \n                        <label class=\"flex items-start space-x-3 mb-3 cursor-pointer\">\n                            <input type=\"checkbox\" name=\"Akceptacja_braku_zwrotu_oplaty_pelnej\" value=\"Tak\" required class=\"mt-1 w-4 h-4 text-via rounded border-gray-300 focus:ring-via\">\n                            <span class=\"text-sm text-gray-600\">\n                                Rozumiem, \u017ce <strong>Pe\u0142na op\u0142ata za Warsztaty nie podlega zwrotowi<\/strong> po jej dokonaniu.\n                            <\/span>\n                        <\/label>\n\n                        <p class=\"text-xs text-gray-500 mt-2 ml-7 italic\">\n                            * W przypadku nag\u0142ych zdarze\u0144 losowych, organizator do\u0142o\u017cy wszelkich stara\u0144, aby przenie\u015b\u0107 uczestnictwo na inny dogodny termin (mo\u017cliwo\u015b\u0107 dwukrotnej zmiany terminu).\n                        <\/p>\n                    <\/div>\n\n                    <!-- Przycisk wysy\u0142ania -->\n                    <div class=\"pt-4\">\n                        <button type=\"submit\" class=\"w-full bg-via hover:bg-via-dark text-white font-bold py-3 px-6 rounded-lg shadow-md transition-all duration-200 transform hover:-translate-y-0.5\">\n                            Wy\u015blij zapytanie o miejsce\n                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Skrypt wysy\u0142aj\u0105cy w tle -->\n    <script>\n        const form = document.getElementById('viaForm');\n        \n        form.addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            const submitButton = form.querySelector('button[type=\"submit\"]');\n            const originalBtnText = submitButton.innerText;\n            submitButton.innerText = \"Wysy\u0142anie...\";\n            submitButton.disabled = true;\n\n            const formData = new FormData(form);\n\n            fetch('https:\/\/api.web3forms.com\/submit', {\n                method: 'POST',\n                body: formData\n            })\n            .then(response => response.json())\n            .then(data => {\n                if (data.success) {\n                    \/\/ Poka\u017c podzi\u0119kowanie\n                    document.getElementById('formContainer').style.display = 'none';\n                    document.getElementById('successMessage').classList.remove('hidden');\n                    form.reset();\n                } else {\n                    alert(\"Wyst\u0105pi\u0142 b\u0142\u0105d podczas wysy\u0142ania formularza. Spr\u00f3buj ponownie p\u00f3\u017aniej.\");\n                    console.error('B\u0142\u0105d Web3Forms:', data);\n                }\n            })\n            .catch(error => {\n                alert(\"Nie uda\u0142o si\u0119 po\u0142\u0105czy\u0107 z serwerem. Sprawd\u017a swoje po\u0142\u0105czenie z internetem.\");\n                console.error('B\u0142\u0105d po\u0142\u0105czenia:', error);\n            })\n            .finally(() => {\n                submitButton.innerText = originalBtnText;\n                submitButton.disabled = false;\n            });\n        });\n\n        function resetForm() {\n            document.getElementById('successMessage').classList.add('hidden');\n            document.getElementById('formContainer').style.display = 'block';\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Rezerwacja &#8211; Program VIA: Zdrowe Silne Cia\u0142o Program VIA Programowanie Osobowe \u2013 Warsztaty Naucz si\u0119 jak dokona\u0107 \u015bwiadomych zmian we w\u0142asnej osobowo\u015bci aby by\u0107 dok\u0142adnie takim cz\u0142owiekiem jakim chcesz by\u0107 &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3423","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dzievan.com\/index.php\/wp-json\/wp\/v2\/pages\/3423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dzievan.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dzievan.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dzievan.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dzievan.com\/index.php\/wp-json\/wp\/v2\/comments?post=3423"}],"version-history":[{"count":12,"href":"https:\/\/www.dzievan.com\/index.php\/wp-json\/wp\/v2\/pages\/3423\/revisions"}],"predecessor-version":[{"id":3534,"href":"https:\/\/www.dzievan.com\/index.php\/wp-json\/wp\/v2\/pages\/3423\/revisions\/3534"}],"wp:attachment":[{"href":"https:\/\/www.dzievan.com\/index.php\/wp-json\/wp\/v2\/media?parent=3423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}