{"id":38,"date":"2026-09-23T06:24:08","date_gmt":"2026-09-22T22:24:08","guid":{"rendered":"https:\/\/al-ahkam.net\/home\/?page_id=38"},"modified":"2026-09-23T06:24:09","modified_gmt":"2026-09-22T22:24:09","slug":"utama","status":"publish","type":"page","link":"https:\/\/al-ahkam.net\/home\/","title":{"rendered":"Utama"},"content":{"rendered":"    <div id=\"ai-chat-container\" style=\"background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.05); max-width: 700px; margin: 0 auto;\">\r\n        \r\n        <div style=\"background: #1e3a8a; color: white; padding: 15px 20px; font-weight: bold; font-size: 1.1em; display: flex; align-items: center;\">\r\n            <span style=\"margin-right: 10px;\">\ud83e\udd16<\/span> Pembantu Rujukan al-ahkam\r\n        <\/div>\r\n\r\n        <!-- Ruang Paparan Jawapan -->\r\n        <div id=\"ai-response-area\" style=\"padding: 20px; min-height: 150px; max-height: 400px; overflow-y: auto; background: #f8fafc; font-size: 0.95em; color: #334155; display: none;\">\r\n            <!-- Hasil jawapan AI akan muncul di sini -->\r\n        <\/div>\r\n\r\n        <!-- Borang Input -->\r\n        <div style=\"padding: 15px; background: #ffffff; border-top: 1px solid #e5e7eb;\">\r\n            <form id=\"ai-search-form\" style=\"display: flex; gap: 10px;\">\r\n                <input type=\"text\" id=\"ai-user-input\" placeholder=\"Tanya apa sahaja berkaitan hukum...\" required style=\"flex-grow: 1; padding: 12px 15px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 1em; outline: none;\">\r\n                <button type=\"submit\" id=\"ai-submit-btn\" style=\"background: #2563eb; color: white; border: none; padding: 0 25px; border-radius: 8px; font-weight: bold; cursor: pointer; transition: background 0.2s;\">\r\n                    Tanya\r\n                <\/button>\r\n            <\/form>\r\n            <div id=\"ai-loading\" style=\"display: none; text-align: center; margin-top: 10px; font-size: 0.85em; color: #64748b;\">\r\n                AI sedang mencari rujukan dalam pangkalan data al-ahkam... \u23f3\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Skrip AJAX Vanilla JS (Tiada kebergantungan jQuery) -->\r\n    <script type=\"text\/javascript\">\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        var form = document.getElementById('ai-search-form');\r\n        if (!form) return;\r\n\r\n        form.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            var soalan = document.getElementById('ai-user-input').value;\r\n            var btn = document.getElementById('ai-submit-btn');\r\n            var loading = document.getElementById('ai-loading');\r\n            var responseArea = document.getElementById('ai-response-area');\r\n            \r\n            \/\/ Kunci borang sementara loading\r\n            btn.disabled = true;\r\n            btn.style.opacity = '0.5';\r\n            loading.style.display = 'block';\r\n            responseArea.style.display = 'none';\r\n            responseArea.innerHTML = '';\r\n            \r\n            \/\/ Sediakan data untuk dihantar\r\n            var formData = new FormData();\r\n            formData.append('action', 'carian_ai_ajax');\r\n            formData.append('security', '09bca23f92');\r\n            formData.append('soalan', soalan);\r\n            \r\n            \/\/ Hantar request ke pelayan\r\n            fetch('https:\/\/al-ahkam.net\/home\/wp-admin\/admin-ajax.php', {\r\n                method: 'POST',\r\n                body: formData\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                if (data.success) {\r\n                    var html = '<div style=\"margin-bottom:15px; padding-bottom: 10px; border-bottom: 1px dashed #cbd5e1;\"><strong>Soalan anda:<\/strong><br>' + soalan + '<\/div>';\r\n                    html += '<div>' + data.data.jawapan + '<\/div>';\r\n                    \r\n                    \/\/ Paparkan butang pautan rujukan jika ada\r\n                    if (data.data.rujukan && data.data.rujukan.length > 0) {\r\n                        html += '<div style=\"margin-top:20px; padding-top:15px; border-top:1px solid #e2e8f0;\"><strong>Sumber Rujukan al-ahkam:<\/strong><ul style=\"margin-top:10px; padding-left:20px;\">';\r\n                        data.data.rujukan.forEach(function(url) {\r\n                            html += '<li><a href=\"' + url + '\" target=\"_blank\" style=\"color:#2563eb; text-decoration:none;\">Baca Artikel Penuh &rarr;<\/a><\/li>';\r\n                        });\r\n                        html += '<\/ul><\/div>';\r\n                    }\r\n                    \r\n                    responseArea.innerHTML = html;\r\n                    responseArea.style.display = 'block';\r\n                } else {\r\n                    responseArea.innerHTML = '<p style=\"color:red;\">Ralat: ' + data.data + '<\/p>';\r\n                    responseArea.style.display = 'block';\r\n                }\r\n            })\r\n            .catch(error => {\r\n                responseArea.innerHTML = '<p style=\"color:red;\">Ralat pelayan. Sila cuba sebentar lagi.<\/p>';\r\n                responseArea.style.display = 'block';\r\n            })\r\n            .finally(() => {\r\n                \/\/ Buka semula borang\r\n                btn.disabled = false;\r\n                btn.style.opacity = '1';\r\n                loading.style.display = 'none';\r\n                document.getElementById('ai-user-input').value = '';\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\n    \n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\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":{"_acf_changed":false,"footnotes":""},"class_list":["post-38","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/al-ahkam.net\/home\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/al-ahkam.net\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/al-ahkam.net\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/al-ahkam.net\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/al-ahkam.net\/home\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":1,"href":"https:\/\/al-ahkam.net\/home\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/al-ahkam.net\/home\/wp-json\/wp\/v2\/pages\/38\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/al-ahkam.net\/home\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}