{"id":938,"date":"2026-05-25T07:13:03","date_gmt":"2026-05-25T07:13:03","guid":{"rendered":"https:\/\/hirszerviz.hu\/?page_id=938"},"modified":"2026-05-25T07:13:03","modified_gmt":"2026-05-25T07:13:03","slug":"jelentkezes","status":"publish","type":"page","link":"https:\/\/hirszerviz.hu\/ro\/jelentkezes\/","title":{"rendered":"Jelentkez\u00e9s"},"content":{"rendered":"\n<div class=\"htfsz-registration-wrapper\">\n    <div class=\"htfsz-registration-card\">\n        <div class=\"htfsz-reg-header\">\n            <span class=\"htfsz-reg-badge\">Online Tagfelv\u00e9tel<\/span>\n            <h2>Szakszervezeti Bel\u00e9p\u00e9si Nyilatkozat<\/h2>\n            <p>Csatlakozzon a Hivat\u00e1sos T\u0171zolt\u00f3k Szakszervezet\u00e9hez online, n\u00e9h\u00e1ny egyszer\u0171 l\u00e9p\u00e9sben.<\/p>\n        <\/div>\n\n        \n            <!-- Hiba\u00fczenetek megjelen\u00edt\u00e9se -->\n            \n            <!-- Wizard folyamatjelz\u0151 -->\n            <div class=\"htfsz-reg-steps-indicator\">\n                <div class=\"step-indicator active\" id=\"ind-step-1\">\n                    <div class=\"step-num\">1<\/div>\n                    <span class=\"step-label\">Szem\u00e9lyes<\/span>\n                <\/div>\n                <div class=\"step-line\" id=\"line-step-1\"><\/div>\n                <div class=\"step-indicator\" id=\"ind-step-2\">\n                    <div class=\"step-num\">2<\/div>\n                    <span class=\"step-label\">Szolg\u00e1lati<\/span>\n                <\/div>\n                <div class=\"step-line\" id=\"line-step-2\"><\/div>\n                <div class=\"step-indicator\" id=\"ind-step-3\">\n                    <div class=\"step-num\">3<\/div>\n                    <span class=\"step-label\">Nyilatkozat<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- F\u0150 FORM -->\n            <form method=\"post\" action=\"\" id=\"htfsz-registration-form\">\n                <input type=\"hidden\" id=\"htfsz_jelentkezes_nonce\" name=\"htfsz_jelentkezes_nonce\" value=\"b6849dba0b\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ro\/wp-json\/wp\/v2\/pages\/938\" \/>                <input type=\"hidden\" name=\"htfsz_submit_jelentkezes\" value=\"1\">\n\n                <!-- 1. L\u00c9P\u00c9S: SZEM\u00c9LYES ADATOK -->\n                <div class=\"htfsz-form-step active\" id=\"htfsz-step-1\">\n                    <div class=\"htfsz-form-group\">\n                        <label for=\"reg-name\">Teljes n\u00e9v <span class=\"required\">*<\/span><\/label>\n                        <input type=\"text\" id=\"reg-name\" name=\"name\" required placeholder=\"pl. Minta P\u00e9ter\" value=\"\">\n                    <\/div>\n\n                    <div class=\"htfsz-form-group\">\n                        <label for=\"reg-email\">E-mail c\u00edm <span class=\"required\">*<\/span><\/label>\n                        <input type=\"email\" id=\"reg-email\" name=\"email\" required placeholder=\"pl. minta.peter@example.com\" value=\"\">\n                    <\/div>\n\n                    <div class=\"htfsz-form-group\">\n                        <label for=\"reg-phone\">Telefonsz\u00e1m <span class=\"required\">*<\/span><\/label>\n                        <input type=\"text\" id=\"reg-phone\" name=\"phone\" required placeholder=\"pl. +36201234567\" value=\"\">\n                    <\/div>\n\n                    <div class=\"htfsz-form-group\">\n                        <label for=\"reg-address\">Lakc\u00edm (Ir\u00e1ny\u00edt\u00f3sz\u00e1m, V\u00e1ros, Utca, H\u00e1zsz\u00e1m) <span class=\"required\">*<\/span><\/label>\n                        <textarea id=\"reg-address\" name=\"address\" rows=\"3\" required placeholder=\"pl. 1024 Budapest, F\u0151 utca 12. 2. em. 4.\"><\/textarea>\n                    <\/div>\n\n                    <div class=\"htfsz-form-actions\">\n                        <div><\/div>\n                        <button type=\"button\" class=\"htfsz-reg-btn next\" onclick=\"htfszGoToStep(2)\">K\u00f6vetkez\u0151 l\u00e9p\u00e9s <span class=\"dashicons dashicons-arrow-right-alt2\"><\/span><\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- 2. L\u00c9P\u00c9S: SZOLG\u00c1LATI \u00c9S P\u00c9NZ\u00dcGYI ADATOK -->\n                <div class=\"htfsz-form-step\" id=\"htfsz-step-2\">\n                    <div class=\"htfsz-form-group\">\n                        <label for=\"reg-unit\">Szolg\u00e1lati hely \/ Szervezeti Egys\u00e9g <span class=\"required\">*<\/span><\/label>\n                        <select id=\"reg-unit\" name=\"unit_id\" required>\n                            <option value=\"\">-- V\u00e1lasszon szolg\u00e1lati helyet --<\/option>\n                                                                                                <option value=\"1\" >\n                                        Budapesti Hivat\u00e1sos T\u0171zolt\u00f3parancsnoks\u00e1g                                    <\/option>\n                                                                                    <\/select>\n                    <\/div>\n\n                    <div class=\"htfsz-input-row\">\n                        <div class=\"htfsz-form-group half\">\n                            <label for=\"reg-rank\">Rendfokozat<\/label>\n                            <select id=\"reg-rank\" name=\"rank\">\n                                <option value=\"\">-- V\u00e1lasszon --<\/option>\n                                                                    <option value=\"\u0150rmester\" >\n                                        \u0150rmester                                    <\/option>\n                                                                    <option value=\"T\u00f6rzs\u0151rmester\" >\n                                        T\u00f6rzs\u0151rmester                                    <\/option>\n                                                                    <option value=\"F\u0151t\u00f6rzs\u0151rmester\" >\n                                        F\u0151t\u00f6rzs\u0151rmester                                    <\/option>\n                                                                    <option value=\"Z\u00e1szl\u00f3s\" >\n                                        Z\u00e1szl\u00f3s                                    <\/option>\n                                                                    <option value=\"T\u00f6rzsz\u00e1szl\u00f3s\" >\n                                        T\u00f6rzsz\u00e1szl\u00f3s                                    <\/option>\n                                                                    <option value=\"F\u0151t\u00f6rzsz\u00e1szl\u00f3s\" >\n                                        F\u0151t\u00f6rzsz\u00e1szl\u00f3s                                    <\/option>\n                                                                    <option value=\"Hadnagy\" >\n                                        Hadnagy                                    <\/option>\n                                                                    <option value=\"F\u0151hadnagy\" >\n                                        F\u0151hadnagy                                    <\/option>\n                                                                    <option value=\"Sz\u00e1zados\" >\n                                        Sz\u00e1zados                                    <\/option>\n                                                                    <option value=\"\u0150rnagy\" >\n                                        \u0150rnagy                                    <\/option>\n                                                                    <option value=\"Alezredes\" >\n                                        Alezredes                                    <\/option>\n                                                                    <option value=\"Ezredes\" >\n                                        Ezredes                                    <\/option>\n                                                                    <option value=\"Dand\u00e1rt\u00e1bornok\" >\n                                        Dand\u00e1rt\u00e1bornok                                    <\/option>\n                                                                    <option value=\"Vez\u00e9r\u0151rnagy\" >\n                                        Vez\u00e9r\u0151rnagy                                    <\/option>\n                                                                    <option value=\"Alt\u00e1bornok\" >\n                                        Alt\u00e1bornok                                    <\/option>\n                                                                <option value=\"K\u00f6zalkalmazott\" >K\u00f6zalkalmazott<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"htfsz-form-group half\">\n                            <label for=\"reg-member-type\">Tags\u00e1g jellege<\/label>\n                            <select id=\"reg-member-type\" name=\"member_type\">\n                                <option value=\"regular\" >Rendes tag<\/option>\n                                <option value=\"supporter\" >P\u00e1rtol\u00f3 tag<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"htfsz-input-row\">\n                        <div class=\"htfsz-form-group half\">\n                            <label for=\"reg-job\">Beoszt\u00e1s<\/label>\n                            <input type=\"text\" id=\"reg-job\" name=\"job_title\" placeholder=\"pl. Szerparancsnok\" value=\"\">\n                        <\/div>\n                        <div class=\"htfsz-form-group half\">\n                            <label for=\"reg-workplace\">Munkahely<\/label>\n                            <input type=\"text\" id=\"reg-workplace\" name=\"workplace\" placeholder=\"pl. Gy\u0151ri HTP\" value=\"\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"htfsz-form-group\">\n                        <label for=\"reg-bank\">Banksz\u00e1mlasz\u00e1m (Tagd\u00edj csoportos levon\u00e1s\u00e1hoz)<\/label>\n                        <input type=\"text\" id=\"reg-bank\" name=\"bank_details\" placeholder=\"HU00 0000 0000 0000 0000 0000 0000\" value=\"\">\n                        <span class=\"input-desc\">Amennyiben a munk\u00e1ltat\u00f3i csoportos levon\u00e1sos fizet\u00e9si m\u00f3dot v\u00e1lasztja.<\/span>\n                    <\/div>\n\n                    <div class=\"htfsz-form-actions\">\n                        <button type=\"button\" class=\"htfsz-reg-btn back\" onclick=\"htfszGoToStep(1)\"><span class=\"dashicons dashicons-arrow-left-alt2\"><\/span> Vissza<\/button>\n                        <button type=\"button\" class=\"htfsz-reg-btn next\" onclick=\"htfszGoToStep(3)\">K\u00f6vetkez\u0151 l\u00e9p\u00e9s <span class=\"dashicons dashicons-arrow-right-alt2\"><\/span><\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- 3. L\u00c9P\u00c9S: NYILATKOZATOK \u00c9S BEK\u00dcLD\u00c9S -->\n                <div class=\"htfsz-form-step\" id=\"htfsz-step-3\">\n                    <div class=\"htfsz-declaration-box\">\n                        <p><strong>Bel\u00e9p\u00e9si Nyilatkozat:<\/strong> K\u00e9rem felv\u00e9telemet a Hivat\u00e1sos T\u0171zolt\u00f3k Szakszervezet\u00e9be. A szakszervezet Alapszab\u00e1ly\u00e1t \u00e9s egy\u00e9b bels\u0151 szab\u00e1lyzatait magamra n\u00e9zve k\u00f6telez\u0151nek fogadom el, a tagd\u00edjat megfizetem.<\/p>\n                    <\/div>\n\n                    <div class=\"htfsz-checkbox-group\">\n                        <input type=\"checkbox\" id=\"check-statute\" required>\n                        <label for=\"check-statute\">Kijelentem, hogy a bel\u00e9p\u00e9si nyilatkozatot \u00f6nk\u00e9ntesen t\u00f6lt\u00f6m ki, az Alapszab\u00e1lyt elfogadom. <span class=\"required\">*<\/span><\/label>\n                    <\/div>\n\n                    <div class=\"htfsz-checkbox-group\">\n                        <input type=\"checkbox\" id=\"check-deduct\">\n                        <label for=\"check-deduct\">Hozz\u00e1j\u00e1rulok a tagd\u00edj havi illetm\u00e9nyemb\u0151l t\u00f6rt\u00e9n\u0151 levon\u00e1s\u00e1hoz a megadott banksz\u00e1mlasz\u00e1mr\u00f3l (Levon\u00e1sos tagd\u00edj eset\u00e9n).<\/label>\n                    <\/div>\n\n                    <div class=\"htfsz-checkbox-group\">\n                        <input type=\"checkbox\" id=\"check-gdpr\" required>\n                        <label for=\"check-gdpr\">Megismertem \u00e9s elfogadom az Adatkezel\u00e9si T\u00e1j\u00e9koztat\u00f3t, hozz\u00e1j\u00e1rulok szem\u00e9lyes adataim szakszervezeti nyilv\u00e1ntart\u00e1shoz sz\u00fcks\u00e9ges kezel\u00e9s\u00e9hez. <span class=\"required\">*<\/span><\/label>\n                    <\/div>\n\n                    <div class=\"htfsz-form-actions\">\n                        <button type=\"button\" class=\"htfsz-reg-btn back\" onclick=\"htfszGoToStep(2)\"><span class=\"dashicons dashicons-arrow-left-alt2\"><\/span> Vissza<\/button>\n                        <button type=\"submit\" class=\"htfsz-reg-btn submit\" id=\"reg-submit-btn\">Nyilatkozat bek\u00fcld\u00e9se <span class=\"dashicons dashicons-saved\"><\/span><\/button>\n                    <\/div>\n                <\/div>\n\n            <\/form>\n            <\/div>\n<\/div>\n\n<style>\n\/* CSS az Online Jelentkez\u00e9si \u0170rlaphoz - 2026 Modern Vil\u00e1gos Diz\u00e1jn *\/\n.htfsz-registration-wrapper {\n    font-family: 'Outfit', 'Inter', sans-serif;\n    max-width: 600px;\n    margin: 30px auto;\n    color: #334155;\n}\n\n.htfsz-registration-card {\n    background: #ffffff;\n    border-radius: 16px;\n    padding: 40px 30px;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.05);\n    border: 1px solid #f1f5f9;\n}\n\n.htfsz-reg-header {\n    text-align: center;\n    border-bottom: 1px solid #f1f5f9;\n    padding-bottom: 25px;\n    margin-bottom: 30px;\n}\n\n.htfsz-reg-badge {\n    background: rgba(239, 68, 68, 0.1);\n    color: #ef4444;\n    font-size: 11px;\n    font-weight: 700;\n    padding: 5px 12px;\n    border-radius: 20px;\n    border: 1px solid rgba(239, 68, 68, 0.2);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    display: inline-block;\n    margin-bottom: 12px;\n}\n\n.htfsz-reg-header h2 {\n    margin: 0 0 10px 0;\n    font-size: 24px;\n    font-weight: 800;\n    color: #0f172a;\n}\n\n.htfsz-reg-header p {\n    font-size: 14px;\n    color: #64748b;\n    margin: 0;\n    line-height: 1.6;\n}\n\n\/* L\u00e9p\u00e9sjelz\u0151k *\/\n.htfsz-reg-steps-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 35px;\n    padding: 0 10px;\n}\n\n.step-indicator {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    position: relative;\n    z-index: 2;\n}\n\n.step-num {\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background: #ffffff;\n    border: 2px solid #e2e8f0;\n    color: #94a3b8;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 700;\n    font-size: 14px;\n    transition: all 0.3s ease;\n}\n\n.step-label {\n    font-size: 12px;\n    color: #94a3b8;\n    font-weight: 600;\n    transition: all 0.3s ease;\n}\n\n.step-indicator.active .step-num {\n    background: #ef4444;\n    border-color: #ef4444;\n    color: #ffffff;\n    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);\n}\n\n.step-indicator.active .step-label {\n    color: #ef4444;\n}\n\n.step-indicator.complete .step-num {\n    background: #10b981;\n    border-color: #10b981;\n    color: #ffffff;\n}\n\n.step-line {\n    flex-grow: 1;\n    height: 2px;\n    background: #e2e8f0;\n    margin: 0 10px;\n    margin-top: -20px;\n    z-index: 1;\n    transition: all 0.3s ease;\n}\n\n.step-line.active {\n    background: #ef4444;\n}\n\n.step-line.complete {\n    background: #10b981;\n}\n\n\/* Form elemek *\/\n.htfsz-form-step {\n    display: none;\n}\n\n.htfsz-form-step.active {\n    display: block;\n    animation: slideIn 0.3s ease-in-out;\n}\n\n@keyframes slideIn {\n    from { opacity: 0; transform: translateX(10px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n\n.htfsz-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 22px;\n}\n\n.htfsz-form-group label {\n    font-size: 13px;\n    font-weight: 600;\n    color: #475569;\n}\n\n.htfsz-form-group .required {\n    color: #ef4444;\n}\n\n.htfsz-registration-card input[type=\"text\"],\n.htfsz-registration-card input[type=\"email\"],\n.htfsz-registration-card select,\n.htfsz-registration-card textarea {\n    background: #f8fafc;\n    border: 1px solid #cbd5e1;\n    padding: 0 16px; \/* Csak oldals\u00f3 padding, a magass\u00e1got a height szab\u00e1lyozza *\/\n    height: 52px; \/* FIX MAGASS\u00c1G, hogy ne v\u00e1gja le a bet\u0171ket *\/\n    border-radius: 8px;\n    color: #0f172a;\n    font-size: 15px;\n    line-height: 50px; \/* Egyezik a bels\u0151 magass\u00e1ggal a t\u00f6k\u00e9letes k\u00f6z\u00e9pre igaz\u00edt\u00e1shoz *\/\n    outline: none;\n    transition: all 0.2s ease;\n    width: 100%;\n    box-sizing: border-box;\n    box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);\n}\n\n.htfsz-registration-card textarea {\n    height: auto;\n    min-height: 100px;\n    padding: 16px;\n    line-height: 1.5;\n}\n\n.htfsz-registration-card select {\n    appearance: auto; \/* Alap\u00e9rtelmezett b\u00f6ng\u00e9sz\u0151s leny\u00edl\u00f3 ny\u00edl *\/\n    height: 52px;\n    line-height: 50px;\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.htfsz-registration-card input:focus,\n.htfsz-registration-card select:focus,\n.htfsz-registration-card textarea:focus {\n    border-color: #ef4444;\n    background: #ffffff;\n    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\n}\n\n.htfsz-input-row {\n    display: flex;\n    gap: 20px;\n}\n\n.htfsz-form-group.half {\n    width: 50%;\n}\n\n@media(max-width: 500px) {\n    .htfsz-input-row {\n        flex-direction: column;\n        gap: 0;\n    }\n    .htfsz-form-group.half {\n        width: 100%;\n    }\n}\n\n.input-desc {\n    font-size: 12px;\n    color: #64748b;\n    margin-top: 2px;\n}\n\n\/* Gombok *\/\n.htfsz-form-actions {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-top: 1px solid #f1f5f9;\n    padding-top: 25px;\n    margin-top: 30px;\n}\n\n.htfsz-reg-btn {\n    border: none;\n    padding: 12px 24px;\n    font-size: 15px;\n    font-weight: 600;\n    border-radius: 8px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    transition: all 0.2s ease;\n}\n\n.htfsz-reg-btn.next {\n    background: #ef4444;\n    color: #ffffff;\n    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);\n}\n\n.htfsz-reg-btn.next:hover {\n    background: #dc2626;\n    box-shadow: 0 6px 16px rgba(239, 68, 68, 0.3);\n    transform: translateY(-1px);\n}\n\n.htfsz-reg-btn.back {\n    background: #f1f5f9;\n    color: #475569;\n    border: 1px solid #e2e8f0;\n}\n\n.htfsz-reg-btn.back:hover {\n    background: #e2e8f0;\n    color: #1e293b;\n}\n\n.htfsz-reg-btn.submit {\n    background: #10b981;\n    color: #ffffff;\n    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);\n}\n\n.htfsz-reg-btn.submit:hover {\n    background: #059669;\n    box-shadow: 0 6px 16px rgba(16, 185, 129, 0.3);\n    transform: translateY(-1px);\n}\n\n\/* Jogi nyilatkozat dobozok *\/\n.htfsz-declaration-box {\n    background: #f8fafc;\n    border-radius: 8px;\n    padding: 18px;\n    border: 1px solid #e2e8f0;\n    margin-bottom: 25px;\n    font-size: 13px;\n    line-height: 1.6;\n    color: #334155;\n}\n\n.htfsz-checkbox-group {\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n    margin-bottom: 18px;\n}\n\n.htfsz-checkbox-group input[type=\"checkbox\"] {\n    margin-top: 4px;\n    cursor: pointer;\n    width: 18px;\n    height: 18px;\n    accent-color: #ef4444;\n}\n\n.htfsz-checkbox-group label {\n    font-size: 13px;\n    line-height: 1.5;\n    color: #475569;\n    cursor: pointer;\n}\n\n.htfsz-checkbox-group label .required {\n    color: #ef4444;\n}\n\n\/* Hiba panel *\/\n.htfsz-reg-errors {\n    background: #fef2f2;\n    border: 1px solid #fecaca;\n    border-radius: 8px;\n    padding: 16px;\n    margin-bottom: 25px;\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n    color: #991b1b;\n}\n\n.htfsz-reg-errors .dashicons {\n    font-size: 20px;\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n    color: #ef4444;\n}\n\n.htfsz-reg-errors ul {\n    margin: 0;\n    padding-left: 15px;\n    font-size: 14px;\n    line-height: 1.5;\n}\n\n\/* Siker panel *\/\n.htfsz-reg-success {\n    text-align: center;\n    padding: 30px 10px;\n}\n\n.htfsz-success-icon {\n    font-size: 64px;\n    color: #10b981;\n    margin-bottom: 20px;\n    animation: popSuccess 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n}\n\n.htfsz-success-icon .dashicons {\n    font-size: 64px;\n    width: 64px;\n    height: 64px;\n}\n\n@keyframes popSuccess {\n    from { transform: scale(0.5); opacity: 0; }\n    to { transform: scale(1); opacity: 1; }\n}\n\n.htfsz-reg-success h3 {\n    font-size: 24px;\n    font-weight: 800;\n    margin: 0 0 15px 0;\n    color: #0f172a;\n}\n\n.htfsz-reg-success p {\n    font-size: 15px;\n    color: #475569;\n    line-height: 1.6;\n    margin-bottom: 12px;\n}\n<\/style>\n\n<script type=\"text\/javascript\">\nfunction htfszGoToStep(step) {\n    \/\/ Valid\u00e1ci\u00f3 az aktu\u00e1lis l\u00e9p\u00e9s mez\u0151ire\n    if (step > 1) {\n        const currentStep = step - 1;\n        const currentStepContainer = document.getElementById('htfsz-step-' + currentStep);\n        const inputs = currentStepContainer.querySelectorAll('input[required], select[required], textarea[required]');\n        \n        let valid = true;\n        inputs.forEach(input => {\n            if (!input.value.trim()) {\n                input.style.borderColor = '#ef4444';\n                valid = false;\n            } else {\n                input.style.borderColor = '#334155';\n            }\n        });\n\n        if (!valid) {\n            alert('K\u00e9rj\u00fck, t\u00f6lts\u00f6n ki minden k\u00f6telez\u0151 mez\u0151t a tov\u00e1bbl\u00e9p\u00e9s el\u0151tt!');\n            return;\n        }\n    }\n\n    \/\/ Hide all steps\n    const steps = document.querySelectorAll('.htfsz-form-step');\n    steps.forEach(s => s.classList.remove('active'));\n\n    \/\/ Show selected step\n    document.getElementById('htfsz-step-' + step).classList.add('active');\n\n    \/\/ Update indicators\n    for (let i = 1; i <= 3; i++) {\n        const ind = document.getElementById('ind-step-' + i);\n        const line = document.getElementById('line-step-' + i);\n        \n        if (i < step) {\n            ind.classList.remove('active');\n            ind.classList.add('complete');\n            if (line) {\n                line.classList.remove('active');\n                line.classList.add('complete');\n            }\n        } else if (i === step) {\n            ind.classList.add('active');\n            ind.classList.remove('complete');\n            if (line) {\n                line.classList.remove('active');\n                line.classList.remove('complete');\n            }\n        } else {\n            ind.classList.remove('active');\n            ind.classList.remove('complete');\n            if (line) {\n                line.classList.remove('active');\n                line.classList.remove('complete');\n            }\n        }\n    }\n}\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-938","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/hirszerviz.hu\/ro\/wp-json\/wp\/v2\/pages\/938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hirszerviz.hu\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hirszerviz.hu\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hirszerviz.hu\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hirszerviz.hu\/ro\/wp-json\/wp\/v2\/comments?post=938"}],"version-history":[{"count":1,"href":"https:\/\/hirszerviz.hu\/ro\/wp-json\/wp\/v2\/pages\/938\/revisions"}],"predecessor-version":[{"id":941,"href":"https:\/\/hirszerviz.hu\/ro\/wp-json\/wp\/v2\/pages\/938\/revisions\/941"}],"wp:attachment":[{"href":"https:\/\/hirszerviz.hu\/ro\/wp-json\/wp\/v2\/media?parent=938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}