{"id":3505,"date":"2024-05-24T20:46:32","date_gmt":"2024-05-24T19:46:32","guid":{"rendered":"https:\/\/aider.sk\/?page_id=3505"},"modified":"2024-08-07T12:29:56","modified_gmt":"2024-08-07T10:29:56","slug":"testpage","status":"publish","type":"page","link":"https:\/\/aider.sk\/en\/testpage\/","title":{"rendered":"testpage"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3505\" class=\"elementor elementor-3505\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b021344 elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-glass-effect-no exad-sticky-section-no\" data-id=\"b021344\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f0d9f4 exad-glass-effect-no exad-sticky-section-no\" data-id=\"1f0d9f4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eef988c elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-glass-effect-no exad-sticky-section-no\" data-id=\"eef988c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b8bc3c4 exad-glass-effect-no exad-sticky-section-no\" data-id=\"b8bc3c4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c574ab6 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-shortcode\" data-id=\"c574ab6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4033\" class=\"elementor elementor-4033\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c98024b elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-glass-effect-no exad-sticky-section-no\" data-id=\"c98024b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5cb8cfd exad-glass-effect-no exad-sticky-section-no\" data-id=\"5cb8cfd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ebbeba6 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"ebbeba6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"sk\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <title>Sprievodca \u0160kodou<\/title>\r\n    <style>\r\n        * {\r\n            box-shadow: 0 0 0 0.0px red;\r\n        }\r\n        \r\n\r\n\r\n        \r\n        \/* Hide the loader by default *\/\r\n        .hidden {\r\n            display: none;\r\n        }\r\n        \/* Additional custom styling *\/\r\n        #form-container {\r\n            background-color: #d9a566; \/* Lighter grey background for the form *\/\r\n            border: 1px solid #00ffff; \/* Light grey border *\/\r\n            border-radius: 10px; \/* Rounded corners *\/\r\n            \r\n            margin: 0 auto;\r\n            max-width: 900px; \/* Wider form *\/\r\n            text-align: left; \/* Align text to the left *\/\r\n            position: relative; \/* Make it a reference for absolute positioning *\/\r\n            box-sizing: border-box;\r\n           \r\n        }\r\n        .question-container {\r\n            background-color: #3abddf; \/* Lighter grey background for the question *\/\r\n            border: 1px solid #cbd5e0; \/* Light grey border *\/\r\n            padding: 10px 20px; \/* Reduced padding for the question *\/\r\n            margin-bottom: 20px;\r\n            border-radius: 8px; \/* Rounded corners *\/\r\n        }\r\n        .question {\r\n            font-size: 2rem; \/* Bigger text for questions *\/\r\n            opacity: 0; \/* Initially hidden *\/\r\n            transition: opacity 0.5s ease; \/* Fade in transition *\/\r\n            color: #374151; \/* Same color as options *\/\r\n        }\r\n        .fade-in {\r\n            opacity: 1; \/* Visible with fade in effect *\/\r\n        }\r\n        #backButton {\r\n            background-color: #d1d5db; \/* Grey background for the back button *\/\r\n            color: #374151; \/* Same color as options *\/\r\n            display: none; \/* Hidden by default *\/\r\n        }\r\n        .line-divider {\r\n            border-bottom: 1px solid #374151; \/* White border bottom *\/\r\n            margin: 0 auto;\r\n            width: calc(100% - 2cm); \/* 1cm space on left and right *\/\r\n            margin-bottom: 20px;\r\n        }\r\n    \r\n        .footer {\r\n            width: 100%;\r\n            position: relative; \/* Position it at the bottom *\/\r\n            border-top: 1px solid #5e5e5e; \/* Grey border top *\/\r\n            background-color: #053b4a; \/* Footer background color *\/\r\n            padding-top: 10px; \/* Padding for footer *\/\r\n            border-radius: 0 0 10px 10px; \/* Rounded bottom corners *\/\r\n            text-align: center;\r\n            height: 60px; \/* Consistent height for footer *\/\r\n            display: flex;\r\n            justify-content: center; \/* Center the back button horizontally *\/\r\n            align-items: center; \/* Center the back button vertically *\/\r\n            margin-top: 20px; \/* Added top margin to the footer *\/\r\n        }\r\n\r\n        .option-button-embed {\r\n            opacity: 0; \/* Initially hidden *\/\r\n            transition: opacity 0.5s ease !important; \/* Fade in transition *\/\r\n            display: block; \/* Ensure the button is a block element *\/\r\n            width: 100%; \/* Full width *\/\r\n            text-align: left; \/* Align text to the left *\/\r\n            margin-bottom: 10px; \/* Space between buttons *\/\r\n        }\r\n        .option-button-embed.fade-in {\r\n            opacity: 1; \/* Visible with fade in effect *\/\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1 class=\"bg-gray-100\">\r\n    <div id=\"form-container\" class=\"\">\r\n        <div class=\"question-container\">\r\n            <div class=\"question mb-4 mx-4 my-2 text-lg sm:text-xl md:text-2xl\" id=\"question\"><\/div>\r\n\r\n        <\/div>\r\n        \r\n\r\n        <div id=\"options\" class=\"mx-10\"><\/div>\r\n        <div id=\"loader\" class=\"loader hidden\"><\/div> \r\n        <div class=\"result\" id=\"result\">\r\n        <\/div>\r\n        <div class=\"footer\">\r\n            <button onclick=\"goBack()\" id=\"backButton\" class=\"py-2 px-4 rounded-lg text-lg font-medium\">Sp\u00e4\u0165<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const questions = {\r\n            \"start\": [\"Hav\u00e1ria vozidla\", \"\u010celn\u00e9 sklo\", \"Som vinn\u00edkom poistnej udalosti\"],\r\n            \"Hav\u00e1ria vozidla\": {\r\n                question: \"V akom stave je moment\u00e1lne va\u0161a poistn\u00e1 udalos\u0165?\",\r\n                options: [\r\n                \"E\u0161te som poistn\u00fa udalos\u0165 nenahl\u00e1sil(a)\",\r\n                \"Technik pois\u0165ovne alebo servis mi povedali, \u017ee to bude tot\u00e1lna \u0161koda\",\r\n                \"U\u017e mi do\u0161lo ozn\u00e1menie z pois\u0165ovne, \u017ee to je tot\u00e1lna \u0161koda\",\r\n                \"U\u017e mi vy\u010d\u00edslili v\u00fd\u0161ku poistn\u00e9ho plnenia za tot\u00e1lnu \u0161kodu\",\r\n                \"Pois\u0165ov\u0148a posudzuje, \u010di to je tot\u00e1lna \u0161koda alebo nie je\",\r\n                \"Tot\u00e1lna \u0161koda to nebude, pois\u0165ov\u0148a povolila opravu vozidla\",\r\n                \"Pois\u0165ov\u0148a zamietla poistn\u00e9 plnenie alebo m\u00e1m in\u00fd probl\u00e9m\",\r\n                \"Presko\u010di\u0165 vyp\u013a\u0148anie sprievodcu a ihne\u010f konzultova\u0165 m\u00f4j probl\u00e9m s odborn\u00edkom\"\r\n            ]\r\n            },\r\n            \"Technik pois\u0165ovne alebo servis mi povedali, \u017ee to bude tot\u00e1lna \u0161koda\":{\r\n                question:\"Vyhovuje v\u00e1m toto rozhodnutie servisu alebo technika pois\u0165ovne?\",\r\n                options:[\r\n                \"\u00c1no vyhovuje. Nechcem aby bolo vozidlo opraven\u00e9\",\r\n                \"Nie nevyhovuje. Chcem ma\u0165 vozidlo opraven\u00e9\",\r\n                \"Presko\u010di\u0165 vyp\u013a\u0148anie sprievodcu a ihne\u010f konzultova\u0165 m\u00f4j probl\u00e9m s odborn\u00edkom\"\r\n            ]\r\n            },\r\n           \"U\u017e mi do\u0161lo ozn\u00e1menie z pois\u0165ovne, \u017ee to je tot\u00e1lna \u0161koda\":{\r\n                question:\"Vyhovuje v\u00e1m toto rozhodnutie servisu alebo technika pois\u0165ovne?\",\r\n                options:[\r\n                \"\u00c1no vyhovuje.  Vozidlo nechcem opravova\u0165\",\r\n                \"Nie nevyhovuje.  Chcem ma\u0165 vozidlo opraven\u00e9\",\r\n                \"Presko\u010di\u0165 vyp\u013a\u0148anie sprievodcu a ihne\u010f konzultova\u0165 m\u00f4j probl\u00e9m s odborn\u00edkom\"\r\n            ]\r\n            },\r\n            \"U\u017e mi vy\u010d\u00edslili v\u00fd\u0161ku poistn\u00e9ho plnenia za tot\u00e1lnu \u0161kodu\":{\r\n                question:\"S\u00fahlas\u00edte s hodnotou vozidla, ktor\u00fa vy\u010d\u00edslila pois\u0165ov\u0148a a s postupom pois\u0165ovne?\",\r\n                options:[\r\n                \r\n                \"Nes\u00fahlas\u00edm. Moje vozidlo malo vy\u0161\u0161iu hodnotu, ako stanovila pois\u0165ov\u0148a\",\r\n                \"Nezauj\u00edma ma, ak\u00fa hodnotu stanovila pois\u0165ov\u0148a, chcem v\u0161ak ma\u0165 opraven\u00e9 vozidlo\",\r\n                \"M\u00e1m in\u00fd probl\u00e9m alebo h\u013ead\u00e1m \u010fal\u0161ie mo\u017enosti\",\r\n                \"Presko\u010di\u0165 vyp\u013a\u0148anie sprievodcu a ihne\u010f konzultova\u0165 m\u00f4j probl\u00e9m s odborn\u00edkom\"\r\n            ]\r\n            },\r\n            \"Pois\u0165ov\u0148a posudzuje, \u010di to je tot\u00e1lna \u0161koda alebo nie je\":{\r\n                question:\"Chcete, aby vozidlo bolo ozna\u010den\u00e9 za tot\u00e1lnu \u0161kodu alebo aby pois\u0165ov\u0148a povolila opravu?\",\r\n                options:[\r\n                \"Chcem, aby pois\u0165ov\u0148a vyhodnotila vozidlo ako tot\u00e1lnu \u0161kodu\",\r\n                \"Chcem, aby pois\u0165ov\u0148a schv\u00e1lila opravu a aby sa moje vozidlo opravovalo\",\r\n                \"Presko\u010di\u0165 vyp\u013a\u0148anie sprievodcu a ihne\u010f konzultova\u0165 m\u00f4j probl\u00e9m s odborn\u00edkom\"\r\n            ]\r\n            },\r\n            \"Tot\u00e1lna \u0161koda to nebude, pois\u0165ov\u0148a povolila opravu vozidla\":{\r\n                question:\"S\u00fahlas\u00edte s rozhodnut\u00edm pois\u0165ovne, \u017ee povolila opravu?\",\r\n                options:[\r\n                \"Nie nes\u00fahlas\u00edm.Takto po\u0161koden\u00e9mu vozidlu a n\u00e1sledne opraven\u00e9mu u\u017e nebudem d\u00f4verova\u0165\",\r\n                \"\u00c1no s\u00fahlas\u00edm. M\u00e1m v\u0161ak in\u00fd probl\u00e9m alebo h\u013ead\u00e1m \u010fal\u0161ie mo\u017enosti\",\r\n                \"Presko\u010di\u0165 vyp\u013a\u0148anie sprievodcu a ihne\u010f konzultova\u0165 m\u00f4j probl\u00e9m s odborn\u00edkom\"\r\n            ]\r\n            },\r\n            \"\u010celn\u00e9 sklo\":{\r\n                question:\"M\u00e1te u\u017e opraven\u00e9\/vymenen\u00e9 \u010deln\u00e9 sklo?\",\r\n                options:[\r\n                \"\u00c1no, ale pois\u0165ov\u0148a mi zamietla preplati\u0165 opravu\",\r\n                \"Nie, e\u0161te som \u010deln\u00e9 sklo nedal(a) opravi\u0165\/vymeni\u0165\",\r\n                \"Presko\u010di\u0165 vyp\u013a\u0148anie sprievodcu a ihne\u010f konzultova\u0165 m\u00f4j probl\u00e9m s odborn\u00edkom\"\r\n            ]\r\n            },\r\n          \r\n            \r\n            \"U\u017e som nahl\u00e1sil\": {\r\n                question: \"Akou formou v\u00e1m vyplatili poistn\u00e9 plnenie?\",\r\n                options: [\"Formou rozpo\u010dtu\", \"Formou tot\u00e1lnej \u0161kody\", \"E\u0161te nevyplatili\", \"Konzult\u00e1cia poistnej udalosti\"]\r\n            },\r\n            \r\n \r\n            \"Som vinn\u00edkom poistnej udalosti\": {\r\n                question: \"S\u00fahlas\u00edte s t\u00fdm, \u017ee ste boli ozna\u010den\u00fd ako vinn\u00edk\/vinn\u00ed\u010dka poistnej udalosti (dopravnej nehody)?\",\r\n                options: [\"\u00c1no s\u00fahlas\u00edm\", \"Nie nes\u00fahlas\u00edm, nec\u00edtim sa tak\",\"Presko\u010di\u0165 vyp\u013a\u0148anie sprievodcu a ihne\u010f konzultova\u0165 m\u00f4j probl\u00e9m s odborn\u00edkom\"]\r\n            },\r\n            \"\u00c1no s\u00fahlas\u00edm\": {\r\n                question: \"Ako v\u00e1m vieme by\u0165 n\u00e1pomocn\u00ed?\",\r\n                options: [\"Som v takejto situ\u00e1cii prv\u00fdkr\u00e1t, neviem \u010do m\u00e1m robi\u0165, aby som nie\u010do nepokazil(a)\", \r\n                \"Pois\u0165ov\u0148a odo m\u0148a po\u017eaduje \u010das\u0165 \u00fahrady, ktor\u00fa zaplatila po\u0161kodenej osobe (tzv. regres)\",\r\n                \"Presko\u010di\u0165 vyp\u013a\u0148anie sprievodcu a ihne\u010f konzultova\u0165 m\u00f4j probl\u00e9m s odborn\u00edkom\"]\r\n            },\r\n            \"Nie nes\u00fahlas\u00edm, nec\u00edtim sa tak\": {\r\n                question: \"Rie\u0161ila pol\u00edcia dopravn\u00fa nehodu?\",\r\n                options: [\"\u00c1no, pol\u00edcia rie\u0161ila dopravn\u00fa nehodu a aj som zaplatil(a) pokutu na mieste nehody\", \r\n                \"\u00c1no, pol\u00edcia rie\u0161ila dopravn\u00fa nehodu, av\u0161ak sa e\u0161te nerozhodlo, kto je vinn\u00edkom\",\r\n                \"Nie, pol\u00edcia nerie\u0161ila dopravn\u00fa nehodu, len sme medzi sebou sp\u00edsali z\u00e1znam o \u0161kodovej udalosti (spr\u00e1vu o nehode)\",\r\n            \"Presko\u010di\u0165 vyp\u013a\u0148anie sprievodcu a ihne\u010f konzultova\u0165 m\u00f4j probl\u00e9m s odborn\u00edkom\"]\r\n            },\r\n           \r\n\r\n      \r\n        };\r\n\r\n        const results = {\r\n           \r\n  \"E\u0161te som poistn\u00fa udalos\u0165 nenahl\u00e1sil(a)\": \"\/result-sprievodca-v2\/?sprievodca=konzultacia\",\r\n  \"\u00c1no vyhovuje. Nechcem aby bolo vozidlo opraven\u00e9\": \"\/result-sprievodca-v2\/?sprievodca=I-2-1\",\r\n  \"Nie nevyhovuje. Chcem ma\u0165 vozidlo opraven\u00e9\": \"\/result-sprievodca-v2\/?sprievodca=I-2-2\",\r\n  \"Presko\u010di\u0165 vyp\u013a\u0148anie sprievodcu a ihne\u010f konzultova\u0165 m\u00f4j probl\u00e9m s odborn\u00edkom\": \"\/result-sprievodca-v2\/?sprievodca=konzultacia\",\r\n  \"Pois\u0165ov\u0148a zamietla poistn\u00e9 plnenie alebo m\u00e1m in\u00fd probl\u00e9m\": \"\/result-sprievodca-v2\/?sprievodca=konzultacia\",\r\n  \"\u00c1no vyhovuje.  Vozidlo nechcem opravova\u0165\": \"\/result-sprievodca-v2\/?sprievodca=I-3-1\",\r\n  \"Nie nevyhovuje.  Chcem ma\u0165 vozidlo opraven\u00e9\": \"\/result-sprievodca-v2\/?sprievodca=I-3-1\",\r\n  \"Nes\u00fahlas\u00edm. Moje vozidlo malo vy\u0161\u0161iu hodnotu, ako stanovila pois\u0165ov\u0148a\": \"\/result-sprievodca-v2\/?sprievodca=I-4-1\",\r\n  \"Nezauj\u00edma ma, ak\u00fa hodnotu stanovila pois\u0165ov\u0148a, chcem v\u0161ak ma\u0165 opraven\u00e9 vozidlo\": \"\/result-sprievodca-v2\/?sprievodca=I-4-2\",\r\n  \"M\u00e1m in\u00fd probl\u00e9m alebo h\u013ead\u00e1m \u010fal\u0161ie mo\u017enosti\": \"\/result-v2-konzultacia\",\r\n  \"Chcem, aby pois\u0165ov\u0148a vyhodnotila vozidlo ako tot\u00e1lnu \u0161kodu\": \"\/result-sprievodca-v2\/?sprievodca=konzultacia\",\r\n  \"Chcem, aby pois\u0165ov\u0148a schv\u00e1lila opravu a aby sa moje vozidlo opravovalo\": \"\/result-sprievodca-v2\/?sprievodca=I-5-2\",\r\n  \"Nie nes\u00fahlas\u00edm.Takto po\u0161koden\u00e9mu vozidlu a n\u00e1sledne opraven\u00e9mu u\u017e nebudem d\u00f4verova\u0165\": \"\/result-sprievodca-v2\/?sprievodca=konzultacia\",\r\n  \"\u00c1no s\u00fahlas\u00edm. M\u00e1m v\u0161ak in\u00fd probl\u00e9m alebo h\u013ead\u00e1m \u010fal\u0161ie mo\u017enosti\": \"\/result-sprievodca-v2\/?sprievodca=konzultacia\",\r\n  \"Ihne\u010f konzultova\u0165 m\u00f4j probl\u00e9m s odborn\u00edkom\": \"\/result-sprievodca-v2\/?sprievodca=konzultacia\",\r\n  \"\u00c1no, ale pois\u0165ov\u0148a mi zamietla preplati\u0165 opravu\": \"\/result-sprievodca-v2\/?sprievodca=II-1\",\r\n  \"Nie, e\u0161te som \u010deln\u00e9 sklo nedal(a) opravi\u0165\/vymeni\u0165\": \"\/result-sprievodca-v2\/?sprievodca=II-2\",\r\n  \"Som v takejto situ\u00e1cii prv\u00fdkr\u00e1t, neviem \u010do m\u00e1m robi\u0165, aby som nie\u010do nepokazil(a)\": \"\/result-sprievodca-v2\/?sprievodca=konzultacia\",\r\n  \"Pois\u0165ov\u0148a odo m\u0148a po\u017eaduje \u010das\u0165 \u00fahrady, ktor\u00fa zaplatila po\u0161kodenej osobe (tzv. regres)\": \"\/result-sprievodca-v2\/?sprievodca=konzultacia\",\r\n  \"\u00c1no, pol\u00edcia rie\u0161ila dopravn\u00fa nehodu a aj som zaplatil(a) pokutu na mieste nehody\": \"\/result-sprievodca-v2\/?sprievodca=konzultacia\",\r\n  \"\u00c1no, pol\u00edcia rie\u0161ila dopravn\u00fa nehodu, av\u0161ak sa e\u0161te nerozhodlo, kto je vinn\u00edkom\": \"\/result-sprievodca-v2\/?sprievodca=konzultacia\",\r\n  \"Nie, pol\u00edcia nerie\u0161ila dopravn\u00fa nehodu, len sme medzi sebou sp\u00edsali z\u00e1znam o \u0161kodovej udalosti (spr\u00e1vu o nehode)\": \"\/result-sprievodca-v2\/?sprievodca=konzultacia\"\r\n\r\n        };\r\n\r\n        let history = [];\r\n        let currentStep = \"start\";\r\n\r\n        function renderStep(step) {\r\n            const questionElement = document.getElementById(\"question\");\r\n            const optionsElement = document.getElementById(\"options\");\r\n            const resultElement = document.getElementById(\"result\");\r\n            const backButton = document.getElementById(\"backButton\");\r\n\r\n            optionsElement.innerHTML = '';\r\n            resultElement.innerHTML = '';\r\n\r\n            if (step === \"start\") {\r\n                questionElement.innerText = \"Vyberte jednu z mo\u017enost\u00ed\";\r\n                questions[step].forEach(option => {\r\n                    const button = document.createElement(\"button\");\r\n                    button.innerText = option;\r\n                    button.classList.add(\"py-2\", \"px-4\", \"rounded-lg\", \"text-lg\", \"border\",\"border-blue-500\",\"hover:border-blue-500\",\"font-medium\", \r\n                    \"text-white\",\"bg-transparent\",\"hover:bg-sky-700\", \"hover:bg-sky-700\", \"transition\", \"duration-200\",\"hover:text-white\",\"hover:ease-in-out\",\r\n                     \"ease-in-out\", \"mr-4\", \"mb-4\", \"option-button-embed\");\r\n                    button.onclick = () => nextStep(option);\r\n                    optionsElement.appendChild(button);\r\n                    \/\/ Trigger fade-in effect\r\n                    setTimeout(() => button.classList.add(\"fade-in\"), 0);\r\n                });\r\n            } else if (results[step]) {\r\n                redirectToResult(results[step]);\r\n            } else {\r\n                questionElement.innerHTML = questions[step].question;\r\n                questions[step].options.forEach(option => {\r\n                    const button = document.createElement(\"button\");\r\n                    button.innerText = option;\r\n                    button.classList.add(\"py-2\", \"px-4\", \"rounded-lg\", \"text-lg\", \"border\",\"border-blue-500\",\"hover:border-blue-500\",\r\n                    \"font-medium\", \"text-white\",\"bg-transparent\", \"hover:bg-sky-700\",\"hover:text-white\", \r\n                    \"transition\", \"duration-200\", \"ease-in-out\" ,\"hover:ease-in-out\", \"mr-4\", \"mb-4\", \"option-button-embed\");\r\n                    button.onclick = () => nextStep(option);\r\n                    optionsElement.appendChild(button);\r\n                    \/\/ Trigger fade-in effect\r\n                    setTimeout(() => button.classList.add(\"fade-in\"), 0);\r\n                });\r\n            }\r\n\r\n            \/\/ Fade in effect for questions\r\n            questionElement.classList.add(\"fade-in\");\r\n\r\n            \/\/ Show the back button only if there's history\r\n            backButton.style.display = history.length ? 'block' : 'none';\r\n        }\r\n        function redirectToResult(resultUrl) {\r\n            const host = window.location.host;\r\n            const protocol = window.location.protocol;\r\n            const fullUrl = `${protocol}\/\/${host}${resultUrl}`;\r\n        \r\n            \/\/ Show text message for redirection\r\n            const optionsContainer = document.getElementById(\"options\");\r\n            optionsContainer.innerHTML = `<p class=\"text-lg text-center text-white\">Prebieha presmerovanie...<\/p>\r\n            <div class=\"text-center\">\r\n    <div role=\"status\">\r\n        <svg aria-hidden=\"true\" class=\"inline w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-blue-400\" viewBox=\"0 0 100 101\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\" fill=\"currentColor\"\/>\r\n            <path d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\" fill=\"currentFill\"\/>\r\n        <\/svg>\r\n        <span class=\"sr-only\">Loading...<\/span>\r\n    <\/div>\r\n<\/div>\r\n            \r\n            `\r\n\r\n        \r\n            \/\/ Open the URL in a new tab\r\n            window.open(fullUrl, '_blank');\r\n        \r\n            \/\/ Wait for 5 seconds and then restart the form\r\n            setTimeout(() => {\r\n                restartForm();\r\n            }, 5000);\r\n        }\r\n        \r\n        \r\n        \r\n        function restartForm() {\r\n            \/\/ Clear history and reset to start\r\n            history = [];\r\n            currentStep = \"start\";\r\n            renderStep(currentStep);\r\n        }\r\n        \r\n        function nextStep(option) {\r\n            history.push(currentStep);\r\n            currentStep = option;\r\n            renderStep(currentStep);\r\n        }\r\n\r\n        function goBack() {\r\n            if (history.length) {\r\n                currentStep = history.pop();\r\n                renderStep(currentStep);\r\n            }\r\n        }\r\n\r\n        renderStep(currentStep);\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3505","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aider.sk\/en\/wp-json\/wp\/v2\/pages\/3505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aider.sk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aider.sk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aider.sk\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/aider.sk\/en\/wp-json\/wp\/v2\/comments?post=3505"}],"version-history":[{"count":0,"href":"https:\/\/aider.sk\/en\/wp-json\/wp\/v2\/pages\/3505\/revisions"}],"wp:attachment":[{"href":"https:\/\/aider.sk\/en\/wp-json\/wp\/v2\/media?parent=3505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}