Wirtualny Asystent Adopcji – Schronisko<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f7fafc;\n }\n .card {\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s, box-shadow 0.3s;\n }\n .option-button {\n transition: all 0.2s;\n }\n .option-button:hover:not(.selected) {\n background-color: #f0f4f8;\n border-color: #4299e1;\n }\n .selected {\n background-color: #4299e1;\n color: white;\n border-color: #3182ce;\n }\n .quiz-container {\n min-height: 400px; \/* Minimalna wysoko\u015b\u0107 dla lepszego widoku na mobile *\/\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8 min-h-screen flex items-start justify-center\">\n\n <div id=\"app\" class=\"max-w-4xl w-full bg-white rounded-xl card p-6 md:p-10 mt-8\">\n \n \n <header class=\"text-center mb-10\">\n <h1 class=\"text-3xl md:text-4xl font-extrabold text-blue-600 mb-2\">Dowiedz si\u0119, jakiego zwierzaka szukasz \ud83d\ude42<\/h1>\n <p class=\"text-lg text-gray-600\">Schronisko „Psiakowo”<\/p>\n <\/header>\n\n \n <div id=\"step-motivation\" class=\"quiz-container\">\n <h2 class=\"text-2xl font-semibold text-gray-800 mb-6\">Krok 1: Twoja motywacja<\/h2>\n <p class=\"text-gray-700 mb-6\">Zanim przejdziemy do testu, powiedz nam szczerze: co sk\u0142oni\u0142o Ci\u0119 do podj\u0119cia decyzji o adopcji zwierz\u0119cia?<\/p>\n\n <div class=\"space-y-4\">\n <button onclick=\"handleMotivation('impulse')\" class=\"motivation-btn option-button w-full py-3 px-4 text-left border border-gray-300 rounded-lg text-gray-700 hover:text-blue-600 focus:outline-none\">\n A) Dzia\u0142am pod wp\u0142ywem impulsu.\n <\/button>\n <button onclick=\"handleMotivation('thought')\" class=\"motivation-btn option-button w-full py-3 px-4 text-left border border-gray-300 rounded-lg text-gray-700 hover:text-blue-600 focus:outline-none\">\n B) To przemy\u015blana i dojrza\u0142a decyzja.\n <\/button>\n <button onclick=\"handleMotivation('loss')\" class=\"motivation-btn option-button w-full py-3 px-4 text-left border border-gray-300 rounded-lg text-gray-700 hover:text-blue-600 focus:outline-none\">\n C) Jestem po stracie mojego ukochanego zwierzaka.\n <\/button>\n <\/div>\n\n \n <div id=\"psych-response\" class=\"mt-8 p-5 bg-blue-50 border-l-4 border-blue-500 rounded-r-lg hidden\">\n <p class=\"font-bold text-blue-800 mb-2\">Nasza refleksja:<\/p>\n <p id=\"response-text\" class=\"text-blue-700 leading-relaxed\"><\/p>\n <button onclick=\"startQuiz()\" id=\"start-quiz-btn\" class=\"mt-4 bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-lg hidden\">\n Rozumiem, przechodz\u0119 do testu\n <\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"step-quiz\" class=\"quiz-container hidden\">\n <h2 class=\"text-2xl font-semibold text-gray-800 mb-6\">Krok 2: O Tobie i Twoim stylu \u017cycia<\/h2>\n \n <div id=\"quiz-content\">\n \n <\/div>\n\n <div class=\"flex justify-between items-center mt-6 pt-4 border-t border-gray-200\">\n <p class=\"text-sm text-gray-500\"><span id=\"current-q\">1<\/span> \/ <span id=\"total-q\"><\/span><\/p>\n <div>\n <button onclick=\"prevQuestion()\" id=\"prev-btn\" class=\"bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded-lg mr-3 hidden\">\n Wstecz\n <\/button>\n <button onclick=\"nextQuestion()\" id=\"next-btn\" class=\"bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded-lg\">\n Dalej\n <\/button>\n <\/div>\n <\/div>\n \n <\/div>\n\n \n <div id=\"step-results\" class=\"quiz-container hidden text-center\">\n <h2 class=\"text-3xl font-bold text-green-600 mb-6\">Gratulacje! Znamy Ci\u0119 lepiej.<\/h2>\n\n <div id=\"result-profile\" class=\"p-6 md:p-8 bg-green-50 rounded-lg mb-8 border border-green-200\">\n <h3 class=\"text-xl font-semibold text-green-800 mb-4\">Profil Twojego wymarzonego zwierzaka:<\/h3>\n <p id=\"species-result\" class=\"text-lg text-gray-800 mb-2\"><\/p>\n <p id=\"activity-result\" class=\"text-lg text-gray-800 mb-2\"><\/p>\n <p id=\"age-result\" class=\"text-lg text-gray-800 mb-4\"><\/p>\n <p class=\"text-sm italic text-gray-600\">Pami\u0119taj, to tylko wskaz\u00f3wka! Ka\u017cde zwierz\u0119 jest wyj\u0105tkowe.<\/p>\n <\/div>\n\n <div class=\"max-w-2xl mx-auto\">\n <p class=\"text-xl text-gray-700 mb-6 font-medium\">\n Jeste\u015b absolutnie <span class=\"text-blue-600 font-extrabold\">super osob\u0105<\/span>, je\u015bli chcesz podarowa\u0107 dom! Dzi\u0119kujemy Ci za to.\n <\/p>\n <p class=\"text-lg text-gray-700 mb-6\">\n W naszym schronisku nie dyskryminujemy ze wzgl\u0119du na wiek, styl \u017cycia czy posiadanie dzieci. Liczy si\u0119 dla nas mi\u0142o\u015b\u0107 i gotowo\u015b\u0107 do opieki.\n <\/p>\n \n <p class=\"text-xl text-gray-800 mb-8 font-bold\">\n Zadzwo\u0144 do nas! Czekamy na kontakt i ch\u0119tnie dopasujemy zwierz\u0119 idealnie do Ciebie i Twojej rodziny.\n <\/p>\n\n <a href=\"tel:693-691-963\" class=\"inline-block bg-blue-600 hover:bg-blue-700 text-white text-2xl font-extrabold py-4 px-8 rounded-full shadow-lg hover:shadow-xl transition duration-300\">\n 📞 Zadzwo\u0144: 693-691-963\n <\/a>\n \n <p class=\"text-2xl mt-8 text-gray-700 italic\">Nasze zwierzaki ju\u017c na Ciebie czekaj\u0105!<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <script>\n \/\/ --- LOGIKA APLIKACJI ---\n\n \/\/ Konfiguracja quizu (USUNI\u0118TO OSTATNIE PYTANIE O WIEK)\n const quizQuestions = [\n {\n text: \"Jak najcz\u0119\u015bciej sp\u0119dzasz sobotnie popo\u0142udnie?\",\n options: [\n { text: \"Aktywnie! W lesie, g\u00f3rach, na rowerze (Aktywny)\", score: { species: 2, activity: 2 } },\n { text: \"W domu, z ksi\u0105\u017ck\u0105 lub przy dobrym filmie (Spokojny)\", score: { species: 0, activity: 0 } },\n { text: \"Spotykam si\u0119 ze znajomymi w mie\u015bcie (Towarzyski)\", score: { species: 1, activity: 1 } },\n ]\n },\n {\n text: \"Jak du\u017co czasu dziennie mo\u017cesz po\u015bwi\u0119ci\u0107 na interakcj\u0119 i trening?\",\n options: [\n { text: \"Prawie ca\u0142y dzie\u0144 (4h+)\", score: { species: 2, activity: 2, age: 2 } },\n { text: \"Kilka godzin, g\u0142\u00f3wnie rano i wieczorem (2-3h)\", score: { species: 1, activity: 1, age: 1 } },\n { text: \"Mniej ni\u017c godzina, szukam niezale\u017cnego towarzysza (0-1h)\", score: { species: -1, activity: 0, age: 0 } },\n ]\n },\n {\n text: \"Czy akceptujesz wczesne wstawanie na spacer lub karmienie?\",\n options: [\n { text: \"Tak, jestem rannym ptaszkiem.\", score: { species: 2, activity: 1, age: 1 } },\n { text: \"Lubi\u0119 pospa\u0107, ale dla zwierzaka si\u0119 po\u015bwi\u0119c\u0119.\", score: { species: 1, activity: 0, age: 0 } },\n { text: \"Zdecydowanie nie, szukam kogo\u015b, kto te\u017c po\u015bpi.\", score: { species: -1, activity: 0 } },\n ]\n },\n {\n text: \"Jaki jest Tw\u00f3j stosunek do sier\u015bci i linienia w mieszkaniu?\",\n options: [\n { text: \"To normalne, jestem na to przygotowany\/a.\", score: { species: 1, activity: 0 } },\n { text: \"Toleruj\u0119, ale nie chcia\u0142(a)bym, by by\u0142o jej du\u017co.\", score: { species: 0, activity: 0 } },\n { text: \"Jestem pedantyczny\/a, musi by\u0107 jej jak najmniej.\", score: { species: -1, activity: -1 } },\n ]\n },\n {\n text: \"Jak znosisz ha\u0142as, szczekanie, drapanie mebli, czy inne psoty?\",\n options: [\n { text: \"Mam anielsk\u0105 cierpliwo\u015b\u0107, jestem na to got\u00f3w\/gotowa.\", score: { age: 2, activity: 2 } },\n { text: \"Akceptuj\u0119 psoty, ale wol\u0119 spok\u00f3j (np. starszy zwierzak).\", score: { age: 0, activity: 0 } },\n { text: \"Potrzebuj\u0119 ciszy i porz\u0105dku.\", score: { age: -1, activity: -1 } },\n ]\n },\n {\n text: \"Jakie jest Twoje do\u015bwiadczenie z wychowaniem zwierz\u0105t?\",\n options: [\n { text: \"Du\u017ce, wychowa\u0142em\/am ju\u017c szczeni\u0119\/koci\u0119.\", score: { age: 2, activity: 1 } },\n { text: \"Umiarkowane, mia\u0142em\/am zawsze starsze, u\u0142o\u017cone zwierz\u0119ta.\", score: { age: 0, activity: 0 } },\n { text: \"Brak, to b\u0119dzie m\u00f3j pierwszy zwierzak.\", score: { age: -1, activity: -1 } },\n ]\n },\n {\n text: \"Czy w Twoim domu s\u0105 ma\u0142e dzieci (poni\u017cej 8 lat)?\",\n options: [\n { text: \"Tak, potrzebuj\u0119 zwierzaka cierpliwego i \u0142agodnego.\", score: { species: 1, age: 0 } },\n { text: \"Nie, to nie ma znaczenia.\", score: { species: 0, age: 1 } },\n ]\n },\n {\n text: \"Czy wolisz zwierz\u0119, kt\u00f3re wymaga intensywnej piel\u0119gnacji (k\u0105piel, czesanie, itp.)?\",\n options: [\n { text: \"Tak, to dla mnie przyjemno\u015b\u0107 i forma relaksu.\", score: { activity: 1 } },\n { text: \"Nie, wol\u0119 zwierz\u0119, kt\u00f3re zadba o siebie samo (lub ma kr\u00f3tk\u0105 sier\u015b\u0107).\", score: { activity: -1 } },\n ]\n },\n {\n text: \"Gdy wyje\u017cd\u017casz na weekend, w jaki spos\u00f3b zorganizujesz opiek\u0119?\",\n options: [\n { text: \"Zwierz\u0119 jedzie ze mn\u0105.\", score: { species: 2, activity: 1 } },\n { text: \"Wynajm\u0119 opiekuna, kt\u00f3ry przyjdzie do domu.\", score: { species: 0, activity: 0 } },\n { text: \"Zostawiam du\u017co jedzenia, szukam samowystarczalnego zwierzaka (tylko koty).\", score: { species: -2 } },\n ]\n },\n {\n text: \"Jakie s\u0105 Twoje oczekiwania wobec interakcji: wolisz blisko\u015b\u0107 fizyczn\u0105 czy bardziej 'ducha wolno\u015bci'?\",\n options: [\n { text: \"Bardzo du\u017ca blisko\u015b\u0107, przytulanie, spanie w \u0142\u00f3\u017cku (Przytulas)\", score: { species: 1, age: 1 } },\n { text: \"Raczej towarzystwo w pokoju, ale z zachowaniem dystansu (Niezale\u017cny)\", score: { species: -1, age: -1 } },\n ]\n },\n {\n text: \"Jeste\u015b osob\u0105: \",\n options: [\n { text: \"Ekstrawertyczn\u0105, otwart\u0105, cz\u0119sto przyjmuj\u0119 go\u015bci.\", score: { activity: 2, age: 1 } },\n { text: \"Introwertyczn\u0105, ceni\u0119 sobie spok\u00f3j i ma\u0142e grono zaufanych os\u00f3b.\", score: { activity: -1, age: 0 } },\n ]\n },\n {\n text: \"Jaki typ zabaw preferujesz?\",\n options: [\n { text: \"Dynamiczne, aportowanie, gonitwy.\", score: { species: 2, activity: 2 } },\n { text: \"Spokojne, logiczne, np. polowanie na zabawk\u0119 w ciszy.\", score: { species: -1, activity: 0 } },\n ]\n },\n {\n text: \"Jak cz\u0119sto got\u00f3w\/gotowa jeste\u015b ponosi\u0107 niespodziewane koszty leczenia?\",\n options: [\n { text: \"Zawsze mam rezerw\u0119, finanse nie s\u0105 problemem.\", score: { age: 1 } },\n { text: \"Mam ograniczone fundusze, wola\u0142bym\/wola\u0142abym stabilnego zdrowotnie zwierzaka.\", score: { age: -1 } },\n ]\n },\n {\n text: \"Czy jeste\u015b w stanie po\u015bwi\u0119ci\u0107 czas na trening pos\u0142usze\u0144stwa (szko\u0142a, zaj\u0119cia)?\",\n options: [\n { text: \"Tak, jestem na to got\u00f3w\/gotowa.\", score: { species: 2, activity: 1 } },\n { text: \"Nie, szukam zwierzaka, kt\u00f3ry nie wymaga treningu.\", score: { species: -1, activity: -1 } },\n ]\n }\n ];\n\n \/\/ Globalne zmienne stanu\n let currentQuestionIndex = 0;\n let userAnswers = new Array(quizQuestions.length).fill(null); \/\/ Przechowuje indeks wybranej opcji\n \n \/\/ Elementy DOM\n const stepMotivation = document.getElementById('step-motivation');\n const stepQuiz = document.getElementById('step-quiz');\n const stepResults = document.getElementById('step-results');\n const psychResponse = document.getElementById('psych-response');\n const responseText = document.getElementById('response-text');\n const startQuizBtn = document.getElementById('start-quiz-btn');\n const quizContent = document.getElementById('quiz-content');\n const currentQ = document.getElementById('current-q');\n const totalQ = document.getElementById('total-q');\n const prevBtn = document.getElementById('prev-btn');\n const nextBtn = document.getElementById('next-btn');\n\n\n \/\/ Ustawienie liczby pyta\u0144\n totalQ.textContent = quizQuestions.length;\n\n \/\/ --- FUNKCJE KROKU 1: MOTYWACJA ---\n\n function handleMotivation(type) {\n \/\/ Zresetuj styl wszystkich przycisk\u00f3w\n document.querySelectorAll('.motivation-btn').forEach(btn => btn.classList.remove('selected'));\n \n \/\/ Oznacz wybrany przycisk\n event.currentTarget.classList.add('selected');\n\n let message = \"\";\n let btnText = \"Rozumiem, przechodz\u0119 do testu\";\n\n switch (type) {\n case 'impulse':\n message = `\n <p class=\"mb-3\">Widzimy, \u017ce kieruje Tob\u0105 <span class=\"font-bold text-red-600\">silna emocja<\/span> \u2013 to pi\u0119kne i rozumiemy to uczucie! Adoptowanie zwierzaka to jednak zobowi\u0105zanie na <span class=\"font-bold\">10-15 lat<\/span>, a nie spontaniczna decyzja.<\/p>\n <p class=\"mb-3\">Impuls mo\u017ce by\u0107 cudownym pocz\u0105tkiem, ale musi zosta\u0107 zamieniony w \u015bwiadome planowanie. Prosimy, zatrzymaj si\u0119 na chwil\u0119. Zastan\u00f3w si\u0119 nad twardymi faktami:<\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li>Czy Tw\u00f3j bud\u017cet jest gotowy na sta\u0142e koszty (karma, weterynarz, ubezpieczenie)?<\/li>\n <li>Czy masz czas na regularne spacery (cz\u0119sto 3-4 razy dziennie), zabaw\u0119 i piel\u0119gnacj\u0119?<\/li>\n <li>Kto zajmie si\u0119 zwierzakiem podczas Twoich wakacji lub d\u0142u\u017cszej nieobecno\u015bci?<\/li>\n <\/ul>\n <p class=\"mt-3\">To nie jest modny dodatek, to cz\u0142onek rodziny, kt\u00f3ry ca\u0142kowicie na Tobie polega. Prosimy, daj sobie czas na g\u0142\u0119bok\u0105 refleksj\u0119. Odpowiedzialno\u015b\u0107 to najlepszy wyraz mi\u0142o\u015bci.<\/p>\n `;\n break;\n case 'thought':\n message = `\n <p class=\"mb-3\">Fantastycznie! \u015awiadoma i dojrza\u0142a decyzja to <span class=\"font-bold text-green-600\">najlepszy fundament<\/span> pod udan\u0105 adopcj\u0119 i dow\u00f3d Twojej odpowiedzialno\u015bci. Jeste\u015b na dobrej drodze!<\/p>\n <p class=\"mb-3\">Warto jednak pami\u0119ta\u0107, \u017ce nawet najlepiej zaplanowana adopcja mo\u017ce przynie\u015b\u0107 niespodzianki. Schroniskowe zwierz\u0119ta mog\u0105 na pocz\u0105tku by\u0107 onie\u015bmielone, wykazywa\u0107 l\u0119k separacyjny lub nieznane nam nawyki (np. nauka czysto\u015bci w nowym miejscu, drapanie, podgryzanie). Przygotuj si\u0119 na:<\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li>Elastyczno\u015b\u0107 w pierwszych tygodniach (tzw. regu\u0142a 3-3-3).<\/li>\n <li>Cierpliwo\u015b\u0107 w nauce nowych zasad domowych.<\/li>\n <li>Ustalenie granic, kt\u00f3re zapewni\u0105 zwierz\u0119ciu poczucie bezpiecze\u0144stwa.<\/li>\n <\/ul>\n <p class=\"mt-3\">B\u0105d\u017a konsekwentny\/a i wyrozumia\u0142y\/a. Schronisko b\u0119dzie Twoim wsparciem w ka\u017cdej chwili! Czas na kolejny krok.<\/p>\n `;\n break;\n case 'loss':\n message = `\n <p class=\"mb-3\">Bardzo nam przykro z powodu Twojej straty. Rozumiemy, jak wielk\u0105, niewype\u0142nion\u0105 pustk\u0119 zostawia odej\u015bcie ukochanego towarzysza. To cudowne, \u017ce mimo b\u00f3lu, chcesz otworzy\u0107 swoje serce i dom dla kolejnej potrzebuj\u0105cej istoty. W ten spos\u00f3b w najpi\u0119kniejszy spos\u00f3b wype\u0142niasz <span class=\"font-bold text-yellow-600\">testament mi\u0142o\u015bci<\/span>, jaki zostawi\u0142 po sobie Tw\u00f3j poprzedni zwierzak.<\/p>\n <p class=\"mb-3\">Mamy tylko jedn\u0105, wa\u017cn\u0105 pro\u015bb\u0119: Pami\u0119taj, nowy towarzysz to <span class=\"font-bold\">UNIKAT<\/span>. Nie por\u00f3wnuj go do poprzednika, nie szukaj w nim kopii. Ka\u017cde zwierz\u0119 ma sw\u00f3j charakter, swoje l\u0119ki i swoje ma\u0142e dziwactwa. Daj mu szans\u0119:<\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li>Tworzy\u0107 w\u0142asn\u0105, now\u0105 wi\u0119\u017a.<\/li>\n <li>By\u0107 kochanym za to, kim jest.<\/li>\n <li>Na w\u0142asne zasady w nowym domu.<\/li>\n <\/ul>\n <p class=\"mt-3\">Jeste\u015bmy dumni, \u017ce szukasz mi\u0142o\u015bci na nowo. Chod\u017amy dalej, by pozna\u0107, kogo mog\u0142aby\u015b\/m\u00f3g\u0142by\u015b uszcz\u0119\u015bliwi\u0107.<\/p>\n `;\n break;\n }\n\n responseText.innerHTML = message;\n startQuizBtn.textContent = btnText;\n psychResponse.classList.remove('hidden');\n startQuizBtn.classList.remove('hidden');\n }\n\n function startQuiz() {\n stepMotivation.classList.add('hidden');\n stepQuiz.classList.remove('hidden');\n renderQuestion();\n }\n\n\n \/\/ --- FUNKCJE KROKU 2: QUIZ ---\n\n function renderQuestion() {\n const q = quizQuestions[currentQuestionIndex];\n if (!q) return;\n\n \/\/ Aktualizacja numeracji\n currentQ.textContent = currentQuestionIndex + 1;\n prevBtn.classList.toggle('hidden', currentQuestionIndex === 0);\n nextBtn.textContent = (currentQuestionIndex === quizQuestions.length - 1) ? 'Zako\u0144cz test' : 'Dalej';\n\n let html = `\n <div class=\"p-6 md:p-8 bg-gray-50 rounded-lg border border-gray-200\">\n <p class=\"text-xl font-medium text-gray-800 mb-6\">${q.text}<\/p>\n <div class=\"space-y-3\" id=\"options-container\">\n `;\n\n q.options.forEach((option, index) => {\n const isSelected = userAnswers[currentQuestionIndex] === index;\n html += `\n <button \n data-index=\"${index}\"\n onclick=\"selectAnswer(${index})\"\n class=\"option-button w-full py-3 px-4 text-left border border-gray-300 rounded-lg text-gray-700 focus:outline-none ${isSelected ? 'selected' : 'hover:text-blue-600'}\"\n >\n ${option.text}\n <\/button>\n `;\n });\n\n html += `\n <\/div>\n <\/div>\n `;\n quizContent.innerHTML = html;\n }\n\n function selectAnswer(optionIndex) {\n userAnswers[currentQuestionIndex] = optionIndex;\n \n \/\/ Zaznaczanie wizualne\n const optionsContainer = document.getElementById('options-container');\n optionsContainer.querySelectorAll('.option-button').forEach((btn, index) => {\n btn.classList.remove('selected');\n btn.classList.remove('text-white');\n btn.classList.add('text-gray-700');\n if (index === optionIndex) {\n btn.classList.add('selected', 'text-white');\n btn.classList.remove('text-gray-700');\n }\n });\n }\n\n function nextQuestion() {\n if (userAnswers[currentQuestionIndex] === null) {\n alertModal(\"Wybierz odpowied\u017a\", \"Prosimy o wybranie jednej opcji, aby przej\u015b\u0107 do nast\u0119pnego pytania.\", 'warning');\n return;\n }\n\n if (currentQuestionIndex < quizQuestions.length - 1) {\n currentQuestionIndex++;\n renderQuestion();\n } else {\n \/\/ Koniec quizu\n calculateResults();\n }\n }\n\n function prevQuestion() {\n if (currentQuestionIndex > 0) {\n currentQuestionIndex--;\n renderQuestion();\n }\n }\n\n \/\/ --- FUNKCJE KROKU 3: WYNIKI ---\n\n function calculateResults() {\n let totalScores = { species: 0, activity: 0, age: 0 };\n\n userAnswers.forEach((answerIndex, qIndex) => {\n if (answerIndex !== null) {\n const score = quizQuestions[qIndex].options[answerIndex].score;\n totalScores.species += score.species || 0;\n totalScores.activity += score.activity || 0;\n totalScores.age += score.age || 0;\n }\n });\n\n \/\/ Interpretacja wynik\u00f3w\n let speciesResult = \"\";\n if (totalScores.species >= 4) {\n speciesResult = \"Gatunek: <span class='font-bold text-blue-600'>Pies<\/span>. Wygl\u0105da na to, \u017ce szukasz aktywnego towarzysza gotowego na przygody!\";\n } else if (totalScores.species <= -4) {\n speciesResult = \"Gatunek: <span class='font-bold text-blue-600'>Kot<\/span>. Ceni\u0119 sobie niezale\u017cno\u015b\u0107 i spok\u00f3j, kot b\u0119dzie idealny!\";\n } else {\n speciesResult = \"Gatunek: <span class='font-bold text-blue-600'>Zar\u00f3wno Pies, jak i Kot<\/span>. Jeste\u015b elastyczny\/a \u2013 wszystko zale\u017cy od konkretnego charakteru zwierz\u0119cia!\";\n }\n\n let activityResult = \"\";\n if (totalScores.activity >= 3) {\n activityResult = \"Aktywno\u015b\u0107: <span class='font-bold text-blue-600'>Wysoka<\/span>. Szukasz psa do biegania, d\u0142ugich spacer\u00f3w lub kota, kt\u00f3ry uwielbia zabaw\u0119 i interakcj\u0119.\";\n } else if (totalScores.activity <= -3) {\n activityResult = \"Aktywno\u015b\u0107: <span class='font-bold text-blue-600'>Niska<\/span>. Cenisz sobie relaks i spok\u00f3j. Idealny b\u0119dzie zwierzak, kt\u00f3ry woli kanap\u0119 od maratonu.\";\n } else {\n activityResult = \"Aktywno\u015b\u0107: <span class='font-bold text-blue-600'>Umiarkowana<\/span>. Jeste\u015b got\u00f3w\/gotowa na codzienne spacery i zabaw\u0119, ale bez przesady.\";\n }\n\n \/\/ Interpretacja wieku, teraz w pe\u0142ni na podstawie sumy punkt\u00f3w (totalScores.age)\n let ageResult = \"\";\n if (totalScores.age >= 4) { \/\/ Zwi\u0119kszy\u0142em pr\u00f3g, poniewa\u017c usun\u0119li\u015bmy ostatnie pytanie\n ageResult = \"Wiek: <span class='font-bold text-blue-600'>M\u0142ody (poni\u017cej 2 lat)<\/span>. Twoje odpowiedzi wskazuj\u0105, \u017ce masz mn\u00f3stwo cierpliwo\u015bci, energii i czasu na wychowanie oraz szkolenie szczeni\u0119cia\/koci\u0119cia!\";\n } else if (totalScores.age <= -4) {\n ageResult = \"Wiek: <span class='font-bold text-blue-600'>Starszy\/Dojrza\u0142y (8 lat+)<\/span>. Najbardziej docenisz m\u0105drego, u\u0142o\u017conego towarzysza, kt\u00f3ry ceni sobie cisz\u0119, relaks na kanapie i Twoj\u0105 sta\u0142\u0105 obecno\u015b\u0107.\";\n } else {\n ageResult = \"Wiek: <span class='font-bold text-blue-600'>Doros\u0142y (2-7 lat)<\/span>. Masz rozs\u0105dne podej\u015bcie! Doros\u0142y zwierzak to r\u00f3wnowaga mi\u0119dzy zabaw\u0105 a spokojem. To idealny wiek dla os\u00f3b szukaj\u0105cych u\u0142o\u017conego, ale wci\u0105\u017c aktywnego przyjaciela.\";\n }\n \n \/\/ Wy\u015bwietlenie wynik\u00f3w\n document.getElementById('species-result').innerHTML = speciesResult;\n document.getElementById('activity-result').innerHTML = activityResult;\n document.getElementById('age-result').innerHTML = ageResult;\n\n stepQuiz.classList.add('hidden');\n stepResults.classList.remove('hidden');\n }\n\n \/\/ --- INICJALIZACJA I OBS\u0141UGA B\u0141\u0118D\u00d3W ---\n \n \/\/ Funkcja do wy\u015bwietlania wiadomo\u015bci zamiast alert()\n function alertModal(title, message, type) {\n \/\/ Poniewa\u017c nie mo\u017cemy u\u017cywa\u0107 alert(), u\u017cyjemy prostego logowania do konsoli i subtelnej wiadomo\u015bci.\n console.warn(`[Wirtualny Asystent] ${title}: ${message}`);\n \/\/ W prawdziwej aplikacji by\u0142by tu zaimplementowany \u0142adny modal.\n \/\/ Na potrzeby Immersive, prosta wizualna informacja:\n const notification = document.createElement('div');\n notification.className = `fixed top-0 right-0 m-4 p-4 rounded-lg text-white font-semibold z-50 ${type === 'warning' ? 'bg-orange-500' : 'bg-red-500'} shadow-lg`;\n notification.textContent = `${title}: ${message.split(',')[0]}`;\n document.body.appendChild(notification);\n setTimeout(() => {\n notification.remove();\n }, 3000);\n }\n\n \/\/ Inicjalizacja: renderowanie pierwszego pytania quizu przy starcie\n window.onload = function() {\n renderQuestion();\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Wirtualny Asystent Adopcji – Schronisko Dowiedz si\u0119, jakiego zwierzaka szukasz \ud83d\ude42 Schronisko „Psiakowo” Krok 1: Twoja motywacja Zanim przejdziemy do testu, powiedz nam szczerze: co sk\u0142oni\u0142o Ci\u0119 do podj\u0119cia decyzji o adopcji zwierz\u0119cia? A) Dzia\u0142am pod wp\u0142ywem impulsu. B) To przemy\u015blana i dojrza\u0142a decyzja. C) Jestem po stracie mojego ukochanego zwierzaka. Nasza refleksja: Rozumiem, przechodz\u0119 do testu Krok 2: O Tobie i Twoim stylu \u017cycia 1 \/ Wstecz Dalej Gratulacje! Znamy Ci\u0119 lepiej. Profil Twojego wymarzonego zwierzaka: Pami\u0119taj, to tylko wskaz\u00f3wka! Ka\u017cde zwierz\u0119 jest wyj\u0105tkowe. Jeste\u015b absolutnie super osob\u0105, je\u015bli chcesz podarowa\u0107 dom! Dzi\u0119kujemy Ci za to. W naszym schronisku nie dyskryminujemy ze wzgl\u0119du na wiek, styl \u017cycia czy posiadanie dzieci. Liczy si\u0119 dla nas mi\u0142o\u015b\u0107 i gotowo\u015b\u0107 do opieki. Zadzwo\u0144 do nas! Czekamy na kontakt i ch\u0119tnie dopasujemy zwierz\u0119 idealnie do Ciebie i Twojej rodziny. 📞 Zadzwo\u0144: 693-691-963 Nasze zwierzaki ju\u017c na Ciebie czekaj\u0105!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-12792","page","type-page","status-publish","hentry"],"aioseo_notices":[],"acf":[],"_links":{"self":[{"href":"https:\/\/animalsos.pl\/index.php?rest_route=\/wp\/v2\/pages\/12792","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animalsos.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/animalsos.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/animalsos.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animalsos.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12792"}],"version-history":[{"count":21,"href":"https:\/\/animalsos.pl\/index.php?rest_route=\/wp\/v2\/pages\/12792\/revisions"}],"predecessor-version":[{"id":43519,"href":"https:\/\/animalsos.pl\/index.php?rest_route=\/wp\/v2\/pages\/12792\/revisions\/43519"}],"wp:attachment":[{"href":"https:\/\/animalsos.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":12792,"date":"2023-07-29T13:20:31","date_gmt":"2023-07-29T11:20:31","guid":{"rendered":"https:\/\/animalsos.pl\/?page_id=12792"},"modified":"2025-11-11T18:05:02","modified_gmt":"2025-11-11T17:05:02","slug":"adoption","status":"publish","type":"page","link":"https:\/\/animalsos.pl\/?page_id=12792","title":{"rendered":"SPRAWD\u0179 JAKI ZWIERZAK PASUJE DO CIEBIE."},"content":{"rendered":"\n\n\n\n \n \n Wirtualny Asystent Adopcji – Schronisko<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f7fafc;\n }\n .card {\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s, box-shadow 0.3s;\n }\n .option-button {\n transition: all 0.2s;\n }\n .option-button:hover:not(.selected) {\n background-color: #f0f4f8;\n border-color: #4299e1;\n }\n .selected {\n background-color: #4299e1;\n color: white;\n border-color: #3182ce;\n }\n .quiz-container {\n min-height: 400px; \/* Minimalna wysoko\u015b\u0107 dla lepszego widoku na mobile *\/\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8 min-h-screen flex items-start justify-center\">\n\n <div id=\"app\" class=\"max-w-4xl w-full bg-white rounded-xl card p-6 md:p-10 mt-8\">\n \n \n <header class=\"text-center mb-10\">\n <h1 class=\"text-3xl md:text-4xl font-extrabold text-blue-600 mb-2\">Dowiedz si\u0119, jakiego zwierzaka szukasz \ud83d\ude42<\/h1>\n <p class=\"text-lg text-gray-600\">Schronisko „Psiakowo”<\/p>\n <\/header>\n\n \n <div id=\"step-motivation\" class=\"quiz-container\">\n <h2 class=\"text-2xl font-semibold text-gray-800 mb-6\">Krok 1: Twoja motywacja<\/h2>\n <p class=\"text-gray-700 mb-6\">Zanim przejdziemy do testu, powiedz nam szczerze: co sk\u0142oni\u0142o Ci\u0119 do podj\u0119cia decyzji o adopcji zwierz\u0119cia?<\/p>\n\n <div class=\"space-y-4\">\n <button onclick=\"handleMotivation('impulse')\" class=\"motivation-btn option-button w-full py-3 px-4 text-left border border-gray-300 rounded-lg text-gray-700 hover:text-blue-600 focus:outline-none\">\n A) Dzia\u0142am pod wp\u0142ywem impulsu.\n <\/button>\n <button onclick=\"handleMotivation('thought')\" class=\"motivation-btn option-button w-full py-3 px-4 text-left border border-gray-300 rounded-lg text-gray-700 hover:text-blue-600 focus:outline-none\">\n B) To przemy\u015blana i dojrza\u0142a decyzja.\n <\/button>\n <button onclick=\"handleMotivation('loss')\" class=\"motivation-btn option-button w-full py-3 px-4 text-left border border-gray-300 rounded-lg text-gray-700 hover:text-blue-600 focus:outline-none\">\n C) Jestem po stracie mojego ukochanego zwierzaka.\n <\/button>\n <\/div>\n\n \n <div id=\"psych-response\" class=\"mt-8 p-5 bg-blue-50 border-l-4 border-blue-500 rounded-r-lg hidden\">\n <p class=\"font-bold text-blue-800 mb-2\">Nasza refleksja:<\/p>\n <p id=\"response-text\" class=\"text-blue-700 leading-relaxed\"><\/p>\n <button onclick=\"startQuiz()\" id=\"start-quiz-btn\" class=\"mt-4 bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-lg hidden\">\n Rozumiem, przechodz\u0119 do testu\n <\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"step-quiz\" class=\"quiz-container hidden\">\n <h2 class=\"text-2xl font-semibold text-gray-800 mb-6\">Krok 2: O Tobie i Twoim stylu \u017cycia<\/h2>\n \n <div id=\"quiz-content\">\n \n <\/div>\n\n <div class=\"flex justify-between items-center mt-6 pt-4 border-t border-gray-200\">\n <p class=\"text-sm text-gray-500\"><span id=\"current-q\">1<\/span> \/ <span id=\"total-q\"><\/span><\/p>\n <div>\n <button onclick=\"prevQuestion()\" id=\"prev-btn\" class=\"bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded-lg mr-3 hidden\">\n Wstecz\n <\/button>\n <button onclick=\"nextQuestion()\" id=\"next-btn\" class=\"bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded-lg\">\n Dalej\n <\/button>\n <\/div>\n <\/div>\n \n <\/div>\n\n \n <div id=\"step-results\" class=\"quiz-container hidden text-center\">\n <h2 class=\"text-3xl font-bold text-green-600 mb-6\">Gratulacje! Znamy Ci\u0119 lepiej.<\/h2>\n\n <div id=\"result-profile\" class=\"p-6 md:p-8 bg-green-50 rounded-lg mb-8 border border-green-200\">\n <h3 class=\"text-xl font-semibold text-green-800 mb-4\">Profil Twojego wymarzonego zwierzaka:<\/h3>\n <p id=\"species-result\" class=\"text-lg text-gray-800 mb-2\"><\/p>\n <p id=\"activity-result\" class=\"text-lg text-gray-800 mb-2\"><\/p>\n <p id=\"age-result\" class=\"text-lg text-gray-800 mb-4\"><\/p>\n <p class=\"text-sm italic text-gray-600\">Pami\u0119taj, to tylko wskaz\u00f3wka! Ka\u017cde zwierz\u0119 jest wyj\u0105tkowe.<\/p>\n <\/div>\n\n <div class=\"max-w-2xl mx-auto\">\n <p class=\"text-xl text-gray-700 mb-6 font-medium\">\n Jeste\u015b absolutnie <span class=\"text-blue-600 font-extrabold\">super osob\u0105<\/span>, je\u015bli chcesz podarowa\u0107 dom! Dzi\u0119kujemy Ci za to.\n <\/p>\n <p class=\"text-lg text-gray-700 mb-6\">\n W naszym schronisku nie dyskryminujemy ze wzgl\u0119du na wiek, styl \u017cycia czy posiadanie dzieci. Liczy si\u0119 dla nas mi\u0142o\u015b\u0107 i gotowo\u015b\u0107 do opieki.\n <\/p>\n \n <p class=\"text-xl text-gray-800 mb-8 font-bold\">\n Zadzwo\u0144 do nas! Czekamy na kontakt i ch\u0119tnie dopasujemy zwierz\u0119 idealnie do Ciebie i Twojej rodziny.\n <\/p>\n\n <a href=\"tel:693-691-963\" class=\"inline-block bg-blue-600 hover:bg-blue-700 text-white text-2xl font-extrabold py-4 px-8 rounded-full shadow-lg hover:shadow-xl transition duration-300\">\n 📞 Zadzwo\u0144: 693-691-963\n <\/a>\n \n <p class=\"text-2xl mt-8 text-gray-700 italic\">Nasze zwierzaki ju\u017c na Ciebie czekaj\u0105!<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <script>\n \/\/ --- LOGIKA APLIKACJI ---\n\n \/\/ Konfiguracja quizu (USUNI\u0118TO OSTATNIE PYTANIE O WIEK)\n const quizQuestions = [\n {\n text: \"Jak najcz\u0119\u015bciej sp\u0119dzasz sobotnie popo\u0142udnie?\",\n options: [\n { text: \"Aktywnie! W lesie, g\u00f3rach, na rowerze (Aktywny)\", score: { species: 2, activity: 2 } },\n { text: \"W domu, z ksi\u0105\u017ck\u0105 lub przy dobrym filmie (Spokojny)\", score: { species: 0, activity: 0 } },\n { text: \"Spotykam si\u0119 ze znajomymi w mie\u015bcie (Towarzyski)\", score: { species: 1, activity: 1 } },\n ]\n },\n {\n text: \"Jak du\u017co czasu dziennie mo\u017cesz po\u015bwi\u0119ci\u0107 na interakcj\u0119 i trening?\",\n options: [\n { text: \"Prawie ca\u0142y dzie\u0144 (4h+)\", score: { species: 2, activity: 2, age: 2 } },\n { text: \"Kilka godzin, g\u0142\u00f3wnie rano i wieczorem (2-3h)\", score: { species: 1, activity: 1, age: 1 } },\n { text: \"Mniej ni\u017c godzina, szukam niezale\u017cnego towarzysza (0-1h)\", score: { species: -1, activity: 0, age: 0 } },\n ]\n },\n {\n text: \"Czy akceptujesz wczesne wstawanie na spacer lub karmienie?\",\n options: [\n { text: \"Tak, jestem rannym ptaszkiem.\", score: { species: 2, activity: 1, age: 1 } },\n { text: \"Lubi\u0119 pospa\u0107, ale dla zwierzaka si\u0119 po\u015bwi\u0119c\u0119.\", score: { species: 1, activity: 0, age: 0 } },\n { text: \"Zdecydowanie nie, szukam kogo\u015b, kto te\u017c po\u015bpi.\", score: { species: -1, activity: 0 } },\n ]\n },\n {\n text: \"Jaki jest Tw\u00f3j stosunek do sier\u015bci i linienia w mieszkaniu?\",\n options: [\n { text: \"To normalne, jestem na to przygotowany\/a.\", score: { species: 1, activity: 0 } },\n { text: \"Toleruj\u0119, ale nie chcia\u0142(a)bym, by by\u0142o jej du\u017co.\", score: { species: 0, activity: 0 } },\n { text: \"Jestem pedantyczny\/a, musi by\u0107 jej jak najmniej.\", score: { species: -1, activity: -1 } },\n ]\n },\n {\n text: \"Jak znosisz ha\u0142as, szczekanie, drapanie mebli, czy inne psoty?\",\n options: [\n { text: \"Mam anielsk\u0105 cierpliwo\u015b\u0107, jestem na to got\u00f3w\/gotowa.\", score: { age: 2, activity: 2 } },\n { text: \"Akceptuj\u0119 psoty, ale wol\u0119 spok\u00f3j (np. starszy zwierzak).\", score: { age: 0, activity: 0 } },\n { text: \"Potrzebuj\u0119 ciszy i porz\u0105dku.\", score: { age: -1, activity: -1 } },\n ]\n },\n {\n text: \"Jakie jest Twoje do\u015bwiadczenie z wychowaniem zwierz\u0105t?\",\n options: [\n { text: \"Du\u017ce, wychowa\u0142em\/am ju\u017c szczeni\u0119\/koci\u0119.\", score: { age: 2, activity: 1 } },\n { text: \"Umiarkowane, mia\u0142em\/am zawsze starsze, u\u0142o\u017cone zwierz\u0119ta.\", score: { age: 0, activity: 0 } },\n { text: \"Brak, to b\u0119dzie m\u00f3j pierwszy zwierzak.\", score: { age: -1, activity: -1 } },\n ]\n },\n {\n text: \"Czy w Twoim domu s\u0105 ma\u0142e dzieci (poni\u017cej 8 lat)?\",\n options: [\n { text: \"Tak, potrzebuj\u0119 zwierzaka cierpliwego i \u0142agodnego.\", score: { species: 1, age: 0 } },\n { text: \"Nie, to nie ma znaczenia.\", score: { species: 0, age: 1 } },\n ]\n },\n {\n text: \"Czy wolisz zwierz\u0119, kt\u00f3re wymaga intensywnej piel\u0119gnacji (k\u0105piel, czesanie, itp.)?\",\n options: [\n { text: \"Tak, to dla mnie przyjemno\u015b\u0107 i forma relaksu.\", score: { activity: 1 } },\n { text: \"Nie, wol\u0119 zwierz\u0119, kt\u00f3re zadba o siebie samo (lub ma kr\u00f3tk\u0105 sier\u015b\u0107).\", score: { activity: -1 } },\n ]\n },\n {\n text: \"Gdy wyje\u017cd\u017casz na weekend, w jaki spos\u00f3b zorganizujesz opiek\u0119?\",\n options: [\n { text: \"Zwierz\u0119 jedzie ze mn\u0105.\", score: { species: 2, activity: 1 } },\n { text: \"Wynajm\u0119 opiekuna, kt\u00f3ry przyjdzie do domu.\", score: { species: 0, activity: 0 } },\n { text: \"Zostawiam du\u017co jedzenia, szukam samowystarczalnego zwierzaka (tylko koty).\", score: { species: -2 } },\n ]\n },\n {\n text: \"Jakie s\u0105 Twoje oczekiwania wobec interakcji: wolisz blisko\u015b\u0107 fizyczn\u0105 czy bardziej 'ducha wolno\u015bci'?\",\n options: [\n { text: \"Bardzo du\u017ca blisko\u015b\u0107, przytulanie, spanie w \u0142\u00f3\u017cku (Przytulas)\", score: { species: 1, age: 1 } },\n { text: \"Raczej towarzystwo w pokoju, ale z zachowaniem dystansu (Niezale\u017cny)\", score: { species: -1, age: -1 } },\n ]\n },\n {\n text: \"Jeste\u015b osob\u0105: \",\n options: [\n { text: \"Ekstrawertyczn\u0105, otwart\u0105, cz\u0119sto przyjmuj\u0119 go\u015bci.\", score: { activity: 2, age: 1 } },\n { text: \"Introwertyczn\u0105, ceni\u0119 sobie spok\u00f3j i ma\u0142e grono zaufanych os\u00f3b.\", score: { activity: -1, age: 0 } },\n ]\n },\n {\n text: \"Jaki typ zabaw preferujesz?\",\n options: [\n { text: \"Dynamiczne, aportowanie, gonitwy.\", score: { species: 2, activity: 2 } },\n { text: \"Spokojne, logiczne, np. polowanie na zabawk\u0119 w ciszy.\", score: { species: -1, activity: 0 } },\n ]\n },\n {\n text: \"Jak cz\u0119sto got\u00f3w\/gotowa jeste\u015b ponosi\u0107 niespodziewane koszty leczenia?\",\n options: [\n { text: \"Zawsze mam rezerw\u0119, finanse nie s\u0105 problemem.\", score: { age: 1 } },\n { text: \"Mam ograniczone fundusze, wola\u0142bym\/wola\u0142abym stabilnego zdrowotnie zwierzaka.\", score: { age: -1 } },\n ]\n },\n {\n text: \"Czy jeste\u015b w stanie po\u015bwi\u0119ci\u0107 czas na trening pos\u0142usze\u0144stwa (szko\u0142a, zaj\u0119cia)?\",\n options: [\n { text: \"Tak, jestem na to got\u00f3w\/gotowa.\", score: { species: 2, activity: 1 } },\n { text: \"Nie, szukam zwierzaka, kt\u00f3ry nie wymaga treningu.\", score: { species: -1, activity: -1 } },\n ]\n }\n ];\n\n \/\/ Globalne zmienne stanu\n let currentQuestionIndex = 0;\n let userAnswers = new Array(quizQuestions.length).fill(null); \/\/ Przechowuje indeks wybranej opcji\n \n \/\/ Elementy DOM\n const stepMotivation = document.getElementById('step-motivation');\n const stepQuiz = document.getElementById('step-quiz');\n const stepResults = document.getElementById('step-results');\n const psychResponse = document.getElementById('psych-response');\n const responseText = document.getElementById('response-text');\n const startQuizBtn = document.getElementById('start-quiz-btn');\n const quizContent = document.getElementById('quiz-content');\n const currentQ = document.getElementById('current-q');\n const totalQ = document.getElementById('total-q');\n const prevBtn = document.getElementById('prev-btn');\n const nextBtn = document.getElementById('next-btn');\n\n\n \/\/ Ustawienie liczby pyta\u0144\n totalQ.textContent = quizQuestions.length;\n\n \/\/ --- FUNKCJE KROKU 1: MOTYWACJA ---\n\n function handleMotivation(type) {\n \/\/ Zresetuj styl wszystkich przycisk\u00f3w\n document.querySelectorAll('.motivation-btn').forEach(btn => btn.classList.remove('selected'));\n \n \/\/ Oznacz wybrany przycisk\n event.currentTarget.classList.add('selected');\n\n let message = \"\";\n let btnText = \"Rozumiem, przechodz\u0119 do testu\";\n\n switch (type) {\n case 'impulse':\n message = `\n <p class=\"mb-3\">Widzimy, \u017ce kieruje Tob\u0105 <span class=\"font-bold text-red-600\">silna emocja<\/span> \u2013 to pi\u0119kne i rozumiemy to uczucie! Adoptowanie zwierzaka to jednak zobowi\u0105zanie na <span class=\"font-bold\">10-15 lat<\/span>, a nie spontaniczna decyzja.<\/p>\n <p class=\"mb-3\">Impuls mo\u017ce by\u0107 cudownym pocz\u0105tkiem, ale musi zosta\u0107 zamieniony w \u015bwiadome planowanie. Prosimy, zatrzymaj si\u0119 na chwil\u0119. Zastan\u00f3w si\u0119 nad twardymi faktami:<\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li>Czy Tw\u00f3j bud\u017cet jest gotowy na sta\u0142e koszty (karma, weterynarz, ubezpieczenie)?<\/li>\n <li>Czy masz czas na regularne spacery (cz\u0119sto 3-4 razy dziennie), zabaw\u0119 i piel\u0119gnacj\u0119?<\/li>\n <li>Kto zajmie si\u0119 zwierzakiem podczas Twoich wakacji lub d\u0142u\u017cszej nieobecno\u015bci?<\/li>\n <\/ul>\n <p class=\"mt-3\">To nie jest modny dodatek, to cz\u0142onek rodziny, kt\u00f3ry ca\u0142kowicie na Tobie polega. Prosimy, daj sobie czas na g\u0142\u0119bok\u0105 refleksj\u0119. Odpowiedzialno\u015b\u0107 to najlepszy wyraz mi\u0142o\u015bci.<\/p>\n `;\n break;\n case 'thought':\n message = `\n <p class=\"mb-3\">Fantastycznie! \u015awiadoma i dojrza\u0142a decyzja to <span class=\"font-bold text-green-600\">najlepszy fundament<\/span> pod udan\u0105 adopcj\u0119 i dow\u00f3d Twojej odpowiedzialno\u015bci. Jeste\u015b na dobrej drodze!<\/p>\n <p class=\"mb-3\">Warto jednak pami\u0119ta\u0107, \u017ce nawet najlepiej zaplanowana adopcja mo\u017ce przynie\u015b\u0107 niespodzianki. Schroniskowe zwierz\u0119ta mog\u0105 na pocz\u0105tku by\u0107 onie\u015bmielone, wykazywa\u0107 l\u0119k separacyjny lub nieznane nam nawyki (np. nauka czysto\u015bci w nowym miejscu, drapanie, podgryzanie). Przygotuj si\u0119 na:<\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li>Elastyczno\u015b\u0107 w pierwszych tygodniach (tzw. regu\u0142a 3-3-3).<\/li>\n <li>Cierpliwo\u015b\u0107 w nauce nowych zasad domowych.<\/li>\n <li>Ustalenie granic, kt\u00f3re zapewni\u0105 zwierz\u0119ciu poczucie bezpiecze\u0144stwa.<\/li>\n <\/ul>\n <p class=\"mt-3\">B\u0105d\u017a konsekwentny\/a i wyrozumia\u0142y\/a. Schronisko b\u0119dzie Twoim wsparciem w ka\u017cdej chwili! Czas na kolejny krok.<\/p>\n `;\n break;\n case 'loss':\n message = `\n <p class=\"mb-3\">Bardzo nam przykro z powodu Twojej straty. Rozumiemy, jak wielk\u0105, niewype\u0142nion\u0105 pustk\u0119 zostawia odej\u015bcie ukochanego towarzysza. To cudowne, \u017ce mimo b\u00f3lu, chcesz otworzy\u0107 swoje serce i dom dla kolejnej potrzebuj\u0105cej istoty. W ten spos\u00f3b w najpi\u0119kniejszy spos\u00f3b wype\u0142niasz <span class=\"font-bold text-yellow-600\">testament mi\u0142o\u015bci<\/span>, jaki zostawi\u0142 po sobie Tw\u00f3j poprzedni zwierzak.<\/p>\n <p class=\"mb-3\">Mamy tylko jedn\u0105, wa\u017cn\u0105 pro\u015bb\u0119: Pami\u0119taj, nowy towarzysz to <span class=\"font-bold\">UNIKAT<\/span>. Nie por\u00f3wnuj go do poprzednika, nie szukaj w nim kopii. Ka\u017cde zwierz\u0119 ma sw\u00f3j charakter, swoje l\u0119ki i swoje ma\u0142e dziwactwa. Daj mu szans\u0119:<\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li>Tworzy\u0107 w\u0142asn\u0105, now\u0105 wi\u0119\u017a.<\/li>\n <li>By\u0107 kochanym za to, kim jest.<\/li>\n <li>Na w\u0142asne zasady w nowym domu.<\/li>\n <\/ul>\n <p class=\"mt-3\">Jeste\u015bmy dumni, \u017ce szukasz mi\u0142o\u015bci na nowo. Chod\u017amy dalej, by pozna\u0107, kogo mog\u0142aby\u015b\/m\u00f3g\u0142by\u015b uszcz\u0119\u015bliwi\u0107.<\/p>\n `;\n break;\n }\n\n responseText.innerHTML = message;\n startQuizBtn.textContent = btnText;\n psychResponse.classList.remove('hidden');\n startQuizBtn.classList.remove('hidden');\n }\n\n function startQuiz() {\n stepMotivation.classList.add('hidden');\n stepQuiz.classList.remove('hidden');\n renderQuestion();\n }\n\n\n \/\/ --- FUNKCJE KROKU 2: QUIZ ---\n\n function renderQuestion() {\n const q = quizQuestions[currentQuestionIndex];\n if (!q) return;\n\n \/\/ Aktualizacja numeracji\n currentQ.textContent = currentQuestionIndex + 1;\n prevBtn.classList.toggle('hidden', currentQuestionIndex === 0);\n nextBtn.textContent = (currentQuestionIndex === quizQuestions.length - 1) ? 'Zako\u0144cz test' : 'Dalej';\n\n let html = `\n <div class=\"p-6 md:p-8 bg-gray-50 rounded-lg border border-gray-200\">\n <p class=\"text-xl font-medium text-gray-800 mb-6\">${q.text}<\/p>\n <div class=\"space-y-3\" id=\"options-container\">\n `;\n\n q.options.forEach((option, index) => {\n const isSelected = userAnswers[currentQuestionIndex] === index;\n html += `\n <button \n data-index=\"${index}\"\n onclick=\"selectAnswer(${index})\"\n class=\"option-button w-full py-3 px-4 text-left border border-gray-300 rounded-lg text-gray-700 focus:outline-none ${isSelected ? 'selected' : 'hover:text-blue-600'}\"\n >\n ${option.text}\n <\/button>\n `;\n });\n\n html += `\n <\/div>\n <\/div>\n `;\n quizContent.innerHTML = html;\n }\n\n function selectAnswer(optionIndex) {\n userAnswers[currentQuestionIndex] = optionIndex;\n \n \/\/ Zaznaczanie wizualne\n const optionsContainer = document.getElementById('options-container');\n optionsContainer.querySelectorAll('.option-button').forEach((btn, index) => {\n btn.classList.remove('selected');\n btn.classList.remove('text-white');\n btn.classList.add('text-gray-700');\n if (index === optionIndex) {\n btn.classList.add('selected', 'text-white');\n btn.classList.remove('text-gray-700');\n }\n });\n }\n\n function nextQuestion() {\n if (userAnswers[currentQuestionIndex] === null) {\n alertModal(\"Wybierz odpowied\u017a\", \"Prosimy o wybranie jednej opcji, aby przej\u015b\u0107 do nast\u0119pnego pytania.\", 'warning');\n return;\n }\n\n if (currentQuestionIndex < quizQuestions.length - 1) {\n currentQuestionIndex++;\n renderQuestion();\n } else {\n \/\/ Koniec quizu\n calculateResults();\n }\n }\n\n function prevQuestion() {\n if (currentQuestionIndex > 0) {\n currentQuestionIndex--;\n renderQuestion();\n }\n }\n\n \/\/ --- FUNKCJE KROKU 3: WYNIKI ---\n\n function calculateResults() {\n let totalScores = { species: 0, activity: 0, age: 0 };\n\n userAnswers.forEach((answerIndex, qIndex) => {\n if (answerIndex !== null) {\n const score = quizQuestions[qIndex].options[answerIndex].score;\n totalScores.species += score.species || 0;\n totalScores.activity += score.activity || 0;\n totalScores.age += score.age || 0;\n }\n });\n\n \/\/ Interpretacja wynik\u00f3w\n let speciesResult = \"\";\n if (totalScores.species >= 4) {\n speciesResult = \"Gatunek: <span class='font-bold text-blue-600'>Pies<\/span>. Wygl\u0105da na to, \u017ce szukasz aktywnego towarzysza gotowego na przygody!\";\n } else if (totalScores.species <= -4) {\n speciesResult = \"Gatunek: <span class='font-bold text-blue-600'>Kot<\/span>. Ceni\u0119 sobie niezale\u017cno\u015b\u0107 i spok\u00f3j, kot b\u0119dzie idealny!\";\n } else {\n speciesResult = \"Gatunek: <span class='font-bold text-blue-600'>Zar\u00f3wno Pies, jak i Kot<\/span>. Jeste\u015b elastyczny\/a \u2013 wszystko zale\u017cy od konkretnego charakteru zwierz\u0119cia!\";\n }\n\n let activityResult = \"\";\n if (totalScores.activity >= 3) {\n activityResult = \"Aktywno\u015b\u0107: <span class='font-bold text-blue-600'>Wysoka<\/span>. Szukasz psa do biegania, d\u0142ugich spacer\u00f3w lub kota, kt\u00f3ry uwielbia zabaw\u0119 i interakcj\u0119.\";\n } else if (totalScores.activity <= -3) {\n activityResult = \"Aktywno\u015b\u0107: <span class='font-bold text-blue-600'>Niska<\/span>. Cenisz sobie relaks i spok\u00f3j. Idealny b\u0119dzie zwierzak, kt\u00f3ry woli kanap\u0119 od maratonu.\";\n } else {\n activityResult = \"Aktywno\u015b\u0107: <span class='font-bold text-blue-600'>Umiarkowana<\/span>. Jeste\u015b got\u00f3w\/gotowa na codzienne spacery i zabaw\u0119, ale bez przesady.\";\n }\n\n \/\/ Interpretacja wieku, teraz w pe\u0142ni na podstawie sumy punkt\u00f3w (totalScores.age)\n let ageResult = \"\";\n if (totalScores.age >= 4) { \/\/ Zwi\u0119kszy\u0142em pr\u00f3g, poniewa\u017c usun\u0119li\u015bmy ostatnie pytanie\n ageResult = \"Wiek: <span class='font-bold text-blue-600'>M\u0142ody (poni\u017cej 2 lat)<\/span>. Twoje odpowiedzi wskazuj\u0105, \u017ce masz mn\u00f3stwo cierpliwo\u015bci, energii i czasu na wychowanie oraz szkolenie szczeni\u0119cia\/koci\u0119cia!\";\n } else if (totalScores.age <= -4) {\n ageResult = \"Wiek: <span class='font-bold text-blue-600'>Starszy\/Dojrza\u0142y (8 lat+)<\/span>. Najbardziej docenisz m\u0105drego, u\u0142o\u017conego towarzysza, kt\u00f3ry ceni sobie cisz\u0119, relaks na kanapie i Twoj\u0105 sta\u0142\u0105 obecno\u015b\u0107.\";\n } else {\n ageResult = \"Wiek: <span class='font-bold text-blue-600'>Doros\u0142y (2-7 lat)<\/span>. Masz rozs\u0105dne podej\u015bcie! Doros\u0142y zwierzak to r\u00f3wnowaga mi\u0119dzy zabaw\u0105 a spokojem. To idealny wiek dla os\u00f3b szukaj\u0105cych u\u0142o\u017conego, ale wci\u0105\u017c aktywnego przyjaciela.\";\n }\n \n \/\/ Wy\u015bwietlenie wynik\u00f3w\n document.getElementById('species-result').innerHTML = speciesResult;\n document.getElementById('activity-result').innerHTML = activityResult;\n document.getElementById('age-result').innerHTML = ageResult;\n\n stepQuiz.classList.add('hidden');\n stepResults.classList.remove('hidden');\n }\n\n \/\/ --- INICJALIZACJA I OBS\u0141UGA B\u0141\u0118D\u00d3W ---\n \n \/\/ Funkcja do wy\u015bwietlania wiadomo\u015bci zamiast alert()\n function alertModal(title, message, type) {\n \/\/ Poniewa\u017c nie mo\u017cemy u\u017cywa\u0107 alert(), u\u017cyjemy prostego logowania do konsoli i subtelnej wiadomo\u015bci.\n console.warn(`[Wirtualny Asystent] ${title}: ${message}`);\n \/\/ W prawdziwej aplikacji by\u0142by tu zaimplementowany \u0142adny modal.\n \/\/ Na potrzeby Immersive, prosta wizualna informacja:\n const notification = document.createElement('div');\n notification.className = `fixed top-0 right-0 m-4 p-4 rounded-lg text-white font-semibold z-50 ${type === 'warning' ? 'bg-orange-500' : 'bg-red-500'} shadow-lg`;\n notification.textContent = `${title}: ${message.split(',')[0]}`;\n document.body.appendChild(notification);\n setTimeout(() => {\n notification.remove();\n }, 3000);\n }\n\n \/\/ Inicjalizacja: renderowanie pierwszego pytania quizu przy starcie\n window.onload = function() {\n renderQuestion();\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Wirtualny Asystent Adopcji – Schronisko Dowiedz si\u0119, jakiego zwierzaka szukasz \ud83d\ude42 Schronisko „Psiakowo” Krok 1: Twoja motywacja Zanim przejdziemy do testu, powiedz nam szczerze: co sk\u0142oni\u0142o Ci\u0119 do podj\u0119cia decyzji o adopcji zwierz\u0119cia? A) Dzia\u0142am pod wp\u0142ywem impulsu. B) To przemy\u015blana i dojrza\u0142a decyzja. C) Jestem po stracie mojego ukochanego zwierzaka. Nasza refleksja: Rozumiem, przechodz\u0119 do testu Krok 2: O Tobie i Twoim stylu \u017cycia 1 \/ Wstecz Dalej Gratulacje! Znamy Ci\u0119 lepiej. Profil Twojego wymarzonego zwierzaka: Pami\u0119taj, to tylko wskaz\u00f3wka! Ka\u017cde zwierz\u0119 jest wyj\u0105tkowe. Jeste\u015b absolutnie super osob\u0105, je\u015bli chcesz podarowa\u0107 dom! Dzi\u0119kujemy Ci za to. W naszym schronisku nie dyskryminujemy ze wzgl\u0119du na wiek, styl \u017cycia czy posiadanie dzieci. Liczy si\u0119 dla nas mi\u0142o\u015b\u0107 i gotowo\u015b\u0107 do opieki. Zadzwo\u0144 do nas! Czekamy na kontakt i ch\u0119tnie dopasujemy zwierz\u0119 idealnie do Ciebie i Twojej rodziny. 📞 Zadzwo\u0144: 693-691-963 Nasze zwierzaki ju\u017c na Ciebie czekaj\u0105!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-12792","page","type-page","status-publish","hentry"],"aioseo_notices":[],"acf":[],"_links":{"self":[{"href":"https:\/\/animalsos.pl\/index.php?rest_route=\/wp\/v2\/pages\/12792","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animalsos.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/animalsos.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/animalsos.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animalsos.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12792"}],"version-history":[{"count":21,"href":"https:\/\/animalsos.pl\/index.php?rest_route=\/wp\/v2\/pages\/12792\/revisions"}],"predecessor-version":[{"id":43519,"href":"https:\/\/animalsos.pl\/index.php?rest_route=\/wp\/v2\/pages\/12792\/revisions\/43519"}],"wp:attachment":[{"href":"https:\/\/animalsos.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}