{"id":11869,"date":"2025-09-09T12:48:59","date_gmt":"2025-09-09T05:48:59","guid":{"rendered":"https:\/\/bbgtksumut.kemendikdasmen.go.id\/?page_id=11869"},"modified":"2026-06-10T13:19:29","modified_gmt":"2026-06-10T06:19:29","slug":"survey-kepuasan-masyarakat","status":"publish","type":"page","link":"https:\/\/bbgtksumut.kemendikdasmen.go.id\/portal\/survey-kepuasan-masyarakat\/","title":{"rendered":"Survey Kepuasan Masyarakat"},"content":{"rendered":"\n    <style>\n        .bbgtk-skm-wrap {\n            min-height: 70vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 30px 15px;\n            background: linear-gradient(135deg, #ecfeff, #f8fafc);\n        }\n\n        .bbgtk-skm-card {\n            width: 100%;\n            max-width: 760px;\n            background: #fff;\n            border-radius: 28px;\n            padding: 34px;\n            box-shadow: 0 20px 60px rgba(15, 23, 42, .12);\n            border: 1px solid #e2e8f0;\n        }\n\n        .bbgtk-skm-head {\n            text-align: center;\n            margin-bottom: 25px;\n        }\n\n        .bbgtk-skm-badge {\n            display: inline-block;\n            background: #ccfbf1;\n            color: #0f766e;\n            padding: 7px 15px;\n            border-radius: 999px;\n            font-size: 13px;\n            font-weight: 700;\n            margin-bottom: 12px;\n        }\n\n        .bbgtk-skm-head h2 {\n            margin: 0;\n            font-size: 28px;\n            color: #0f172a;\n        }\n\n        .bbgtk-skm-head p {\n            color: #64748b;\n            margin: 10px 0 0;\n        }\n\n        .bbgtk-skm-progress {\n            height: 10px;\n            background: #e2e8f0;\n            border-radius: 999px;\n            overflow: hidden;\n            margin-bottom: 26px;\n        }\n\n        .bbgtk-skm-progress-bar {\n            height: 100%;\n            width: 0%;\n            background: linear-gradient(90deg, #0f766e, #14b8a6);\n            border-radius: 999px;\n            transition: .3s;\n        }\n\n        .bbgtk-skm-step {\n            display: none;\n            animation: skmFade .25s ease;\n        }\n\n        .bbgtk-skm-step.active {\n            display: block;\n        }\n\n        @keyframes skmFade {\n            from { opacity: 0; transform: translateY(8px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .bbgtk-skm-number {\n            color: #14b8a6;\n            font-weight: 800;\n            margin-bottom: 10px;\n        }\n\n        .bbgtk-skm-question-title {\n            font-size: 24px;\n            font-weight: 800;\n            line-height: 1.35;\n            color: #0f172a;\n            margin-bottom: 25px;\n            text-align: center;\n        }\n\n        .bbgtk-skm-rating {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 12px;\n            margin-bottom: 25px;\n        }\n\n        .bbgtk-skm-rating label {\n            border: 2px solid #e2e8f0;\n            border-radius: 20px;\n            padding: 18px 8px;\n            cursor: pointer;\n            text-align: center;\n            background: #f8fafc;\n            transition: .2s;\n        }\n\n        .bbgtk-skm-rating input {\n            display: none;\n        }\n\n        .bbgtk-skm-rating span {\n            display: block;\n            font-size: 30px;\n            font-weight: 900;\n            color: #0f766e;\n        }\n\n        .bbgtk-skm-rating small {\n            display: block;\n            margin-top: 5px;\n            font-size: 12px;\n            color: #64748b;\n        }\n\n        .bbgtk-skm-rating label:hover,\n        .bbgtk-skm-rating input:checked + span {\n            transform: translateY(-2px);\n        }\n\n        .bbgtk-skm-rating label:has(input:checked) {\n            background: #0f766e;\n            border-color: #0f766e;\n            box-shadow: 0 12px 30px rgba(15, 118, 110, .25);\n        }\n\n        .bbgtk-skm-rating label:has(input:checked) span,\n        .bbgtk-skm-rating label:has(input:checked) small {\n            color: #fff;\n        }\n\n        .bbgtk-skm-field {\n            margin-bottom: 16px;\n        }\n\n        .bbgtk-skm-field label {\n            display: block;\n            font-weight: 700;\n            margin-bottom: 7px;\n            color: #0f172a;\n        }\n\n        .bbgtk-skm-field input,\n        .bbgtk-skm-field textarea {\n            width: 100%;\n            border: 1px solid #cbd5e1;\n            border-radius: 16px;\n            padding: 13px 15px;\n            font-size: 15px;\n        }\n\n        .bbgtk-skm-nav {\n            display: flex;\n            justify-content: space-between;\n            gap: 12px;\n            margin-top: 18px;\n        }\n\n        .bbgtk-skm-btn {\n            border: 0;\n            border-radius: 15px;\n            padding: 13px 22px;\n            font-weight: 800;\n            cursor: pointer;\n        }\n\n        .bbgtk-skm-prev {\n            background: #e2e8f0;\n            color: #0f172a;\n        }\n\n        .bbgtk-skm-next,\n        .bbgtk-skm-submit {\n            background: #0f766e;\n            color: #fff;\n        }\n\n        .bbgtk-skm-alert {\n            padding: 15px;\n            border-radius: 16px;\n            margin-bottom: 18px;\n            background: #dcfce7;\n            color: #166534;\n            font-weight: 700;\n            text-align: center;\n        }\n\n        @media(max-width: 640px) {\n            .bbgtk-skm-card {\n                padding: 24px 18px;\n                border-radius: 22px;\n            }\n\n            .bbgtk-skm-rating {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .bbgtk-skm-question-title {\n                font-size: 21px;\n            }\n        }\n    <\/style>\n\n    <div class=\"bbgtk-skm-wrap\">\n        <div class=\"bbgtk-skm-card\">\n\n            <div class=\"bbgtk-skm-head\">\n                <div class=\"bbgtk-skm-badge\">Survey Kepuasan Masyarakat<\/div>\n                <h2>Layanan Digital BBGTK Sumut<\/h2>\n                <p>Bantu kami meningkatkan kualitas layanan website dan aplikasi digital.<\/p>\n            <\/div>\n\n            <div class=\"bbgtk-skm-progress\">\n                <div class=\"bbgtk-skm-progress-bar\" id=\"skmProgress\"><\/div>\n            <\/div>\n            \n            \n            <form method=\"post\" id=\"bbgtkSkmForm\" action=\"https:\/\/bbgtksumut.kemendikdasmen.go.id\/portal\/wp-admin\/admin-post.php\">\n    <input type=\"hidden\" name=\"action\" value=\"bbgtk_skm_submit\">\n                <input type=\"hidden\" id=\"bbgtk_skm_nonce\" name=\"bbgtk_skm_nonce\" value=\"b1bc98c8bb\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/portal\/wp-json\/wp\/v2\/pages\/11869\" \/>\n                <div class=\"bbgtk-skm-step active\">\n                    <div class=\"bbgtk-skm-question-title\">Sebelum mulai, isi data singkat Anda<\/div>\n\n                    <div class=\"bbgtk-skm-field\">\n                        <label>Nama<\/label>\n                        <input type=\"text\" name=\"name\" placeholder=\"Nama Anda\">\n                    <\/div>\n\n                    <div class=\"bbgtk-skm-field\">\n                        <label>Email<\/label>\n                        <input type=\"email\" name=\"email\" placeholder=\"Email Anda\">\n                    <\/div>\n                <\/div>\n\n                                    <div class=\"bbgtk-skm-step\">\n                        <div class=\"bbgtk-skm-number\">\n                            Pertanyaan 1 dari 12                        <\/div>\n\n                        <div class=\"bbgtk-skm-question-title\">\n                            Seberapa mudah Anda mengakses website\/aplikasi BBGTK Sumatera Utara?                        <\/div>\n\n                        <div class=\"bbgtk-skm-rating\">\n                            <label>\n                                <input type=\"radio\" name=\"answer[1]\" value=\"1\" required>\n                                <span>1<\/span>\n                                <small>Sangat Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[1]\" value=\"2\" required>\n                                <span>2<\/span>\n                                <small>Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[1]\" value=\"3\" required>\n                                <span>3<\/span>\n                                <small>Cukup Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[1]\" value=\"4\" required>\n                                <span>4<\/span>\n                                <small>Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[1]\" value=\"5\" required>\n                                <span>5<\/span>\n                                <small>Sangat Puas<\/small>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"bbgtk-skm-step\">\n                        <div class=\"bbgtk-skm-number\">\n                            Pertanyaan 2 dari 12                        <\/div>\n\n                        <div class=\"bbgtk-skm-question-title\">\n                            Seberapa mudah Anda menemukan informasi yang dibutuhkan pada website\/aplikasi ini?                        <\/div>\n\n                        <div class=\"bbgtk-skm-rating\">\n                            <label>\n                                <input type=\"radio\" name=\"answer[2]\" value=\"1\" required>\n                                <span>1<\/span>\n                                <small>Sangat Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[2]\" value=\"2\" required>\n                                <span>2<\/span>\n                                <small>Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[2]\" value=\"3\" required>\n                                <span>3<\/span>\n                                <small>Cukup Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[2]\" value=\"4\" required>\n                                <span>4<\/span>\n                                <small>Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[2]\" value=\"5\" required>\n                                <span>5<\/span>\n                                <small>Sangat Puas<\/small>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"bbgtk-skm-step\">\n                        <div class=\"bbgtk-skm-number\">\n                            Pertanyaan 3 dari 12                        <\/div>\n\n                        <div class=\"bbgtk-skm-question-title\">\n                            Seberapa jelas informasi yang disajikan pada website\/aplikasi BBGTK Sumatera Utara?                        <\/div>\n\n                        <div class=\"bbgtk-skm-rating\">\n                            <label>\n                                <input type=\"radio\" name=\"answer[3]\" value=\"1\" required>\n                                <span>1<\/span>\n                                <small>Sangat Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[3]\" value=\"2\" required>\n                                <span>2<\/span>\n                                <small>Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[3]\" value=\"3\" required>\n                                <span>3<\/span>\n                                <small>Cukup Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[3]\" value=\"4\" required>\n                                <span>4<\/span>\n                                <small>Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[3]\" value=\"5\" required>\n                                <span>5<\/span>\n                                <small>Sangat Puas<\/small>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"bbgtk-skm-step\">\n                        <div class=\"bbgtk-skm-number\">\n                            Pertanyaan 4 dari 12                        <\/div>\n\n                        <div class=\"bbgtk-skm-question-title\">\n                            Seberapa lengkap informasi yang tersedia pada website\/aplikasi ini?                        <\/div>\n\n                        <div class=\"bbgtk-skm-rating\">\n                            <label>\n                                <input type=\"radio\" name=\"answer[4]\" value=\"1\" required>\n                                <span>1<\/span>\n                                <small>Sangat Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[4]\" value=\"2\" required>\n                                <span>2<\/span>\n                                <small>Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[4]\" value=\"3\" required>\n                                <span>3<\/span>\n                                <small>Cukup Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[4]\" value=\"4\" required>\n                                <span>4<\/span>\n                                <small>Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[4]\" value=\"5\" required>\n                                <span>5<\/span>\n                                <small>Sangat Puas<\/small>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"bbgtk-skm-step\">\n                        <div class=\"bbgtk-skm-number\">\n                            Pertanyaan 5 dari 12                        <\/div>\n\n                        <div class=\"bbgtk-skm-question-title\">\n                            Seberapa cepat website\/aplikasi menampilkan halaman atau informasi yang Anda akses?                        <\/div>\n\n                        <div class=\"bbgtk-skm-rating\">\n                            <label>\n                                <input type=\"radio\" name=\"answer[5]\" value=\"1\" required>\n                                <span>1<\/span>\n                                <small>Sangat Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[5]\" value=\"2\" required>\n                                <span>2<\/span>\n                                <small>Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[5]\" value=\"3\" required>\n                                <span>3<\/span>\n                                <small>Cukup Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[5]\" value=\"4\" required>\n                                <span>4<\/span>\n                                <small>Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[5]\" value=\"5\" required>\n                                <span>5<\/span>\n                                <small>Sangat Puas<\/small>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"bbgtk-skm-step\">\n                        <div class=\"bbgtk-skm-number\">\n                            Pertanyaan 6 dari 12                        <\/div>\n\n                        <div class=\"bbgtk-skm-question-title\">\n                            Seberapa mudah proses pengisian formulir atau layanan digital yang tersedia?                        <\/div>\n\n                        <div class=\"bbgtk-skm-rating\">\n                            <label>\n                                <input type=\"radio\" name=\"answer[6]\" value=\"1\" required>\n                                <span>1<\/span>\n                                <small>Sangat Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[6]\" value=\"2\" required>\n                                <span>2<\/span>\n                                <small>Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[6]\" value=\"3\" required>\n                                <span>3<\/span>\n                                <small>Cukup Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[6]\" value=\"4\" required>\n                                <span>4<\/span>\n                                <small>Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[6]\" value=\"5\" required>\n                                <span>5<\/span>\n                                <small>Sangat Puas<\/small>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"bbgtk-skm-step\">\n                        <div class=\"bbgtk-skm-number\">\n                            Pertanyaan 7 dari 12                        <\/div>\n\n                        <div class=\"bbgtk-skm-question-title\">\n                            Seberapa mudah Anda memahami menu dan navigasi pada website\/aplikasi ini?                        <\/div>\n\n                        <div class=\"bbgtk-skm-rating\">\n                            <label>\n                                <input type=\"radio\" name=\"answer[7]\" value=\"1\" required>\n                                <span>1<\/span>\n                                <small>Sangat Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[7]\" value=\"2\" required>\n                                <span>2<\/span>\n                                <small>Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[7]\" value=\"3\" required>\n                                <span>3<\/span>\n                                <small>Cukup Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[7]\" value=\"4\" required>\n                                <span>4<\/span>\n                                <small>Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[7]\" value=\"5\" required>\n                                <span>5<\/span>\n                                <small>Sangat Puas<\/small>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"bbgtk-skm-step\">\n                        <div class=\"bbgtk-skm-number\">\n                            Pertanyaan 8 dari 12                        <\/div>\n\n                        <div class=\"bbgtk-skm-question-title\">\n                            Seberapa baik tampilan website\/aplikasi pada perangkat yang Anda gunakan (HP, tablet, atau komputer)?                        <\/div>\n\n                        <div class=\"bbgtk-skm-rating\">\n                            <label>\n                                <input type=\"radio\" name=\"answer[8]\" value=\"1\" required>\n                                <span>1<\/span>\n                                <small>Sangat Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[8]\" value=\"2\" required>\n                                <span>2<\/span>\n                                <small>Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[8]\" value=\"3\" required>\n                                <span>3<\/span>\n                                <small>Cukup Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[8]\" value=\"4\" required>\n                                <span>4<\/span>\n                                <small>Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[8]\" value=\"5\" required>\n                                <span>5<\/span>\n                                <small>Sangat Puas<\/small>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"bbgtk-skm-step\">\n                        <div class=\"bbgtk-skm-number\">\n                            Pertanyaan 9 dari 12                        <\/div>\n\n                        <div class=\"bbgtk-skm-question-title\">\n                            Seberapa baik website\/aplikasi membantu Anda memperoleh layanan yang dibutuhkan?                        <\/div>\n\n                        <div class=\"bbgtk-skm-rating\">\n                            <label>\n                                <input type=\"radio\" name=\"answer[9]\" value=\"1\" required>\n                                <span>1<\/span>\n                                <small>Sangat Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[9]\" value=\"2\" required>\n                                <span>2<\/span>\n                                <small>Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[9]\" value=\"3\" required>\n                                <span>3<\/span>\n                                <small>Cukup Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[9]\" value=\"4\" required>\n                                <span>4<\/span>\n                                <small>Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[9]\" value=\"5\" required>\n                                <span>5<\/span>\n                                <small>Sangat Puas<\/small>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"bbgtk-skm-step\">\n                        <div class=\"bbgtk-skm-number\">\n                            Pertanyaan 10 dari 12                        <\/div>\n\n                        <div class=\"bbgtk-skm-question-title\">\n                            Seberapa puas Anda terhadap kualitas layanan digital yang diberikan melalui website\/aplikasi BBGTK Sumatera Utara?                        <\/div>\n\n                        <div class=\"bbgtk-skm-rating\">\n                            <label>\n                                <input type=\"radio\" name=\"answer[10]\" value=\"1\" required>\n                                <span>1<\/span>\n                                <small>Sangat Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[10]\" value=\"2\" required>\n                                <span>2<\/span>\n                                <small>Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[10]\" value=\"3\" required>\n                                <span>3<\/span>\n                                <small>Cukup Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[10]\" value=\"4\" required>\n                                <span>4<\/span>\n                                <small>Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[10]\" value=\"5\" required>\n                                <span>5<\/span>\n                                <small>Sangat Puas<\/small>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"bbgtk-skm-step\">\n                        <div class=\"bbgtk-skm-number\">\n                            Pertanyaan 11 dari 12                        <\/div>\n\n                        <div class=\"bbgtk-skm-question-title\">\n                            Seberapa puas Anda terhadap kemudahan penggunaan website\/aplikasi secara keseluruhan?                        <\/div>\n\n                        <div class=\"bbgtk-skm-rating\">\n                            <label>\n                                <input type=\"radio\" name=\"answer[11]\" value=\"1\" required>\n                                <span>1<\/span>\n                                <small>Sangat Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[11]\" value=\"2\" required>\n                                <span>2<\/span>\n                                <small>Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[11]\" value=\"3\" required>\n                                <span>3<\/span>\n                                <small>Cukup Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[11]\" value=\"4\" required>\n                                <span>4<\/span>\n                                <small>Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[11]\" value=\"5\" required>\n                                <span>5<\/span>\n                                <small>Sangat Puas<\/small>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"bbgtk-skm-step\">\n                        <div class=\"bbgtk-skm-number\">\n                            Pertanyaan 12 dari 12                        <\/div>\n\n                        <div class=\"bbgtk-skm-question-title\">\n                            Seberapa besar kemungkinan Anda akan kembali menggunakan layanan digital BBGTK Sumatera Utara di masa mendatang?                        <\/div>\n\n                        <div class=\"bbgtk-skm-rating\">\n                            <label>\n                                <input type=\"radio\" name=\"answer[12]\" value=\"1\" required>\n                                <span>1<\/span>\n                                <small>Sangat Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[12]\" value=\"2\" required>\n                                <span>2<\/span>\n                                <small>Tidak Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[12]\" value=\"3\" required>\n                                <span>3<\/span>\n                                <small>Cukup Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[12]\" value=\"4\" required>\n                                <span>4<\/span>\n                                <small>Puas<\/small>\n                            <\/label>\n\n                            <label>\n                                <input type=\"radio\" name=\"answer[12]\" value=\"5\" required>\n                                <span>5<\/span>\n                                <small>Sangat Puas<\/small>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                \n                <div class=\"bbgtk-skm-step\">\n                    <div class=\"bbgtk-skm-question-title\">Terakhir, beri saran untuk kami<\/div>\n\n                    <div class=\"bbgtk-skm-field\">\n                        <label>Kritik\/Saran<\/label>\n                        <textarea name=\"message\" rows=\"5\" placeholder=\"Tulis masukan Anda untuk peningkatan layanan digital BBGTK Sumut...\"><\/textarea>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bbgtk-skm-nav\">\n                    <button type=\"button\" class=\"bbgtk-skm-btn bbgtk-skm-prev\" id=\"skmPrev\">Kembali<\/button>\n                    <button type=\"button\" class=\"bbgtk-skm-btn bbgtk-skm-next\" id=\"skmNext\">Lanjut<\/button>\n                    <button type=\"submit\" name=\"bbgtk_skm_submit\" class=\"bbgtk-skm-btn bbgtk-skm-submit\" id=\"skmSubmit\">Kirim Survey<\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <script>\n        const skmSteps = document.querySelectorAll('.bbgtk-skm-step');\n        const skmPrev = document.getElementById('skmPrev');\n        const skmNext = document.getElementById('skmNext');\n        const skmSubmit = document.getElementById('skmSubmit');\n        const skmProgress = document.getElementById('skmProgress');\n\n        let skmCurrent = 0;\n\n        function skmShowStep(index) {\n            skmSteps.forEach((step, i) => {\n                step.classList.toggle('active', i === index);\n            });\n\n            skmPrev.style.display = index === 0 ? 'none' : 'inline-block';\n            skmNext.style.display = index === skmSteps.length - 1 ? 'none' : 'inline-block';\n            skmSubmit.style.display = index === skmSteps.length - 1 ? 'inline-block' : 'none';\n\n            let percent = ((index + 1) \/ skmSteps.length) * 100;\n            skmProgress.style.width = percent + '%';\n        }\n\n        function skmValidateCurrent() {\n            const activeStep = skmSteps[skmCurrent];\n            const radios = activeStep.querySelectorAll('input[type=\"radio\"]');\n\n            if (radios.length > 0) {\n                let checked = activeStep.querySelector('input[type=\"radio\"]:checked');\n\n                if (!checked) {\n                    alert('Pilih salah satu nilai terlebih dahulu.');\n                    return false;\n                }\n            }\n\n            return true;\n        }\n\n        skmNext.addEventListener('click', function () {\n            if (!skmValidateCurrent()) return;\n\n            if (skmCurrent < skmSteps.length - 1) {\n                skmCurrent++;\n                skmShowStep(skmCurrent);\n            }\n        });\n\n        skmPrev.addEventListener('click', function () {\n            if (skmCurrent > 0) {\n                skmCurrent--;\n                skmShowStep(skmCurrent);\n            }\n        });\n\n        document.querySelectorAll('.bbgtk-skm-rating input').forEach(input => {\n            input.addEventListener('change', function () {\n                setTimeout(() => {\n                    if (skmCurrent < skmSteps.length - 1) {\n                        skmCurrent++;\n                        skmShowStep(skmCurrent);\n                    }\n                }, 250);\n            });\n        });\n\n        skmShowStep(skmCurrent);\n    <\/script>\n\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":{"footnotes":""},"class_list":["post-11869","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bbgtksumut.kemendikdasmen.go.id\/portal\/wp-json\/wp\/v2\/pages\/11869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtksumut.kemendikdasmen.go.id\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbgtksumut.kemendikdasmen.go.id\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtksumut.kemendikdasmen.go.id\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtksumut.kemendikdasmen.go.id\/portal\/wp-json\/wp\/v2\/comments?post=11869"}],"version-history":[{"count":3,"href":"https:\/\/bbgtksumut.kemendikdasmen.go.id\/portal\/wp-json\/wp\/v2\/pages\/11869\/revisions"}],"predecessor-version":[{"id":12360,"href":"https:\/\/bbgtksumut.kemendikdasmen.go.id\/portal\/wp-json\/wp\/v2\/pages\/11869\/revisions\/12360"}],"wp:attachment":[{"href":"https:\/\/bbgtksumut.kemendikdasmen.go.id\/portal\/wp-json\/wp\/v2\/media?parent=11869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}