{"id":169,"date":"2026-10-25T14:52:12","date_gmt":"2026-10-25T14:52:12","guid":{"rendered":"http:\/\/103.247.10.214\/kwosm\/company-profile\/"},"modified":"2026-10-25T14:54:55","modified_gmt":"2026-10-25T14:54:55","slug":"company-profile","status":"publish","type":"page","link":"http:\/\/103.247.10.214\/kwosm\/company-profile\/","title":{"rendered":"Company Profile"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"id\" class=\"h-full bg-slate-100\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Company Profile &#8211; Krakatau Wajatama Osaka Steel Marketing<\/title><br \/>\n    <!-- Tailwind CSS CDN --><br \/>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n    <!-- Google Fonts: Roboto & Arial-like clean fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&#038;family=Source+Code+Pro:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n    <!-- FontAwesome Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<p>    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Public Sans', 'sans-serif'],\n                        mono: ['Source Code Pro', 'monospace'],\n                    },\n                    colors: {\n                        corporate: {\n                            DEFAULT: 'rgb(0, 51, 102)',\n                            hover: 'rgb(0, 40, 82)',\n                            dark: 'rgb(0, 31, 64)',\n                            light: '#004d99',\n                            bg: '#f4f6f9'\n                        }\n                    }\n                }\n            }\n        }\n    <\/script><\/p>\n<style>\n        body {\n            background-color: #f4f6f9;\n            color: #1e293b;\n        }\n        .header-bg {\n            background-color: rgb(0, 51, 102);\n        }\n        @media print {\n            .no-print { display: none !important; }\n            body { background: white !important; color: black !important; }\n            .print-border { border: 1px solid #94a3b8 !important; box-shadow: none !important; }\n            .print-header { background-color: rgb(0, 51, 102) !important; color: white !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n        }\n        .toast-slide {\n            animation: slideUp 2s ease-in-out forwards;\n        }\n        @keyframes slideUp {\n            0% { opacity: 0; transform: translateY(20px); }\n            15% { opacity: 1; transform: translateY(0); }\n            85% { opacity: 1; transform: translateY(0); }\n            100% { opacity: 0; transform: translateY(-20px); }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body class=\"font-sans antialiased min-h-full flex flex-col justify-between\"><\/p>\n<p>    <!-- Toast Notification --><\/p>\n<div id=\"toast\" class=\"fixed bottom-6 right-6 z-50 hidden bg-slate-900 text-white px-4 py-3 rounded-md shadow-lg border-l-4 border-blue-500 flex items-center space-x-3 text-xs\">\n        <i class=\"fa-solid fa-circle-check text-emerald-400 text-base\"><\/i><br \/>\n        <span id=\"toast-msg\">Informasi berhasil disalin!<\/span>\n    <\/div>\n<p>    <!-- Corporate Header --><\/p>\n<p>    <!-- Main Content Container --><br \/>\n    <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 w-full flex-grow\"><\/p>\n<p>        <!-- Breadcrumb Header --><\/p>\n<div class=\"mb-6 pb-3 border-b border-slate-300 flex flex-col sm:flex-row sm:items-center justify-between gap-2\">\n<div>\n                <span class=\"text-xs font-semibold text-slate-500 uppercase tracking-widest\">Home \/ KWOSM<\/span><\/p>\n<h2 class=\"text-2xl font-bold text-slate-900 tracking-tight mt-0.5\">COMPANY PROFILE<\/h2>\n<\/p><\/div>\n<div class=\"text-xs text-slate-500\">\n                <span class=\"inline-block w-2 h-2 rounded-full bg-emerald-500 mr-1.5\"><\/span>Status Dokumen: <strong class=\"text-slate-800\">Resmi Terverifikasi<\/strong>\n            <\/div>\n<\/p><\/div>\n<p>        <!-- BAGIAN I: PROFILE PERUSAHAAN --><\/p>\n<section class=\"bg-white rounded-md shadow-sm border border-slate-300 overflow-hidden mb-8 print-border\">\n            <!-- Header Section --><\/p>\n<div class=\"header-bg text-white px-5 py-3 flex items-center justify-between print-header\">\n<div class=\"flex items-center space-x-2\">\n                    <span class=\"font-mono text-sm font-bold bg-blue-900 px-2 py-0.5 rounded border border-blue-700\">I<\/span><\/p>\n<h3 class=\"text-sm font-bold uppercase tracking-wider\">Profile Perusahaan<\/h3>\n<\/p><\/div>\n<p>                <span class=\"text-xs text-blue-200\">Legalitas &#038; Identitas Resmi<\/span>\n            <\/div>\n<p>            <!-- Content Grid \/ Form Style --><\/p>\n<div class=\"p-5 sm:p-6 bg-white\">\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-y-4 gap-x-6 text-sm\">\n<p>                    <!-- Nama Badan Usaha --><\/p>\n<div class=\"border-b border-slate-200 pb-3\">\n                        <span class=\"text-xs font-bold text-slate-500 uppercase block mb-1\">Nama Badan Usaha<\/span><br \/>\n                        <span class=\"font-bold text-slate-900 block\">Krakatau Wajatama Osaka Steel Marketing<\/span>\n                    <\/div>\n<p>                    <!-- Jenis Badan Usaha --><\/p>\n<div class=\"border-b border-slate-200 pb-3\">\n                        <span class=\"text-xs font-bold text-slate-500 uppercase block mb-1\">Jenis Badan Usaha<\/span><br \/>\n                        <span class=\"inline-block px-2.5 py-0.5 bg-slate-100 text-slate-800 border border-slate-300 font-semibold text-xs rounded\"><br \/>\n                            Joint Venture (JV)<br \/>\n                        <\/span>\n                    <\/div>\n<p>                    <!-- NPWP --><\/p>\n<div class=\"border-b border-slate-200 pb-3\">\n                        <span class=\"text-xs font-bold text-slate-500 uppercase block mb-1\">NPWP<\/span><\/p>\n<div class=\"flex items-center justify-between\">\n                            <span class=\"font-mono font-semibold text-slate-900\">71.220.729.9-417.000<\/span><br \/>\n                            <button onclick=\"copyText('71.220.729.9-417.000', 'NPWP')\" class=\"no-print text-slate-400 hover:text-blue-900 text-xs p-1\" title=\"Salin NPWP\"><br \/>\n                                <i class=\"fa-regular fa-copy\"><\/i><br \/>\n                            <\/button>\n                        <\/div>\n<\/p><\/div>\n<p>                    <!-- Alamat Badan Usaha (Wide Column) --><\/p>\n<div class=\"border-b border-slate-200 pb-3 md:col-span-2\">\n                        <span class=\"text-xs font-bold text-slate-500 uppercase block mb-1\">Alamat Badan Usaha<\/span><\/p>\n<p class=\"text-slate-800 text-xs sm:text-sm font-medium leading-relaxed\">\n                            GEDUNG KRAKATAU STEEL LANTAI VII, JL. JENDRAL GATOT SUBROTO KAV. 54, KELURAHAN KUNINGAN TIMUR, KECAMATAN SETIABUDI\n                        <\/p>\n<\/p><\/div>\n<p>                    <!-- Kota & Provinsi --><\/p>\n<div class=\"border-b border-slate-200 pb-3\">\n                        <span class=\"text-xs font-bold text-slate-500 uppercase block mb-1\">Kota &#038; Provinsi<\/span><br \/>\n                        <span class=\"text-slate-900 font-semibold block\">KOTA ADMINISTRASI JAKARTA SELATAN<\/span><br \/>\n                        <span class=\"text-xs text-slate-600 block\">DKI JAKARTA &bull; Kode Pos: 12950<\/span>\n                    <\/div>\n<p>                    <!-- Telepon & Fax --><\/p>\n<div class=\"border-b border-slate-200 pb-3\">\n                        <span class=\"text-xs font-bold text-slate-500 uppercase block mb-1\">Telepon &#038; Fax<\/span><\/p>\n<div class=\"space-y-1 text-xs sm:text-sm\">\n<div class=\"flex justify-between items-center\">\n                                <span class=\"text-slate-800\"><strong class=\"text-slate-500 font-normal\">Telp:<\/strong> (021) 5212 583<\/span><br \/>\n                                <button onclick=\"copyText('(021) 5212 583', 'Telepon')\" class=\"no-print text-slate-400 hover:text-blue-900\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\n                            <\/div>\n<div class=\"flex justify-between items-center\">\n                                <span class=\"text-slate-800\"><strong class=\"text-slate-500 font-normal\">Fax:<\/strong> (021) 2521 636<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Email & Website --><\/p>\n<div class=\"border-b border-slate-200 pb-3 md:col-span-2\">\n                        <span class=\"text-xs font-bold text-slate-500 uppercase block mb-1\">Kontak Digital<\/span><\/p>\n<div class=\"flex flex-wrap gap-y-2 gap-x-6 text-xs sm:text-sm\">\n<div class=\"flex items-center gap-1.5\">\n                                <span class=\"text-slate-500\">Email:<\/span><br \/>\n                                <a href=\"mailto:info@kwosm.co.id\" class=\"font-semibold text-blue-900 hover:underline\">info@kwosm.co.id<\/a><br \/>\n                                <button onclick=\"copyText('info@kwosm.co.id', 'Email')\" class=\"no-print text-slate-400 hover:text-blue-900 ml-1\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\n                            <\/div>\n<div class=\"flex items-center gap-1.5\">\n                                <span class=\"text-slate-500\">Website:<\/span><br \/>\n                                <a href=\"http:\/\/www.krakatau-kwosm.com\" target=\"_blank\" class=\"font-semibold text-blue-900 hover:underline\">www.krakatau-kwosm.com<\/a>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>        <!-- BAGIAN II: SERTIFIKAT --><\/p>\n<section class=\"bg-white rounded-md shadow-sm border border-slate-300 overflow-hidden print-border\">\n            <!-- Header Section --><\/p>\n<div class=\"header-bg text-white px-5 py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 print-header\">\n<div class=\"flex items-center space-x-2\">\n                    <span class=\"font-mono text-sm font-bold bg-blue-900 px-2 py-0.5 rounded border border-blue-700\">II<\/span><\/p>\n<h3 class=\"text-sm font-bold uppercase tracking-wider\">Sertifikat &#038; Standardisasi<\/h3>\n<\/p><\/div>\n<div class=\"text-xs text-blue-200\">\n                    Daftar Sertifikasi Produk &#038; Sistem Manajemen\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Toolbar Filters & Search --><\/p>\n<div class=\"p-4 bg-slate-50 border-b border-slate-200 no-print flex flex-col md:flex-row md:items-center justify-between gap-3\">\n<p>                <!-- Filter Tabs --><\/p>\n<div class=\"flex flex-wrap gap-1\" id=\"filter-container\">\n                    <button onclick=\"applyFilter('ALL')\" class=\"filter-tab px-3 py-1.5 text-xs font-bold rounded bg-slate-800 text-white border border-slate-800\">Semua Data<\/button><br \/>\n                    <button onclick=\"applyFilter('REG')\" class=\"filter-tab px-3 py-1.5 text-xs font-medium rounded bg-white text-slate-700 hover:bg-slate-200 border border-slate-300\">Registrasi Produk<\/button><br \/>\n                    <button onclick=\"applyFilter('ISO')\" class=\"filter-tab px-3 py-1.5 text-xs font-medium rounded bg-white text-slate-700 hover:bg-slate-200 border border-slate-300\">ISO<\/button><br \/>\n                    <button onclick=\"applyFilter('SNI')\" class=\"filter-tab px-3 py-1.5 text-xs font-medium rounded bg-white text-slate-700 hover:bg-slate-200 border border-slate-300\">SNI<\/button><br \/>\n                    <button onclick=\"applyFilter('TKDN')\" class=\"filter-tab px-3 py-1.5 text-xs font-medium rounded bg-white text-slate-700 hover:bg-slate-200 border border-slate-300\">TKDN<\/button>\n                <\/div>\n<p>                <!-- Search Field --><\/p>\n<div class=\"relative w-full md:w-64\">\n                    <input type=\"text\" id=\"search-box\" onkeyup=\"handleSearch()\" placeholder=\"Cari sertifikat atau nomor...\" class=\"w-full pl-8 pr-3 py-1.5 text-xs bg-white border border-slate-300 rounded focus:outline-none focus:border-blue-800\"><br \/>\n                    <i class=\"fa-solid fa-magnifying-glass absolute left-2.5 top-1\/2 -translate-y-1\/2 text-slate-400 text-xs\"><\/i>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- DESKTOP TABLE VIEW --><\/p>\n<div id=\"desktop-table-wrapper\" class=\"overflow-x-auto\">\n<table class=\"w-full text-left border-collapse\">\n<thead>\n<tr class=\"bg-slate-200 text-slate-800 text-xs font-bold uppercase tracking-wider border-b border-slate-300\">\n<th class=\"py-3 px-3 text-center border-r border-slate-300 w-12\">No<\/th>\n<th class=\"py-3 px-4 border-r border-slate-300\">Nama Sertifikat<\/th>\n<th class=\"py-3 px-4 border-r border-slate-300\">Nomor Dokumen<\/th>\n<th class=\"py-3 px-4 border-r border-slate-300 w-36\">Masa Berlaku<\/th>\n<th class=\"py-3 px-4\">Penerbit<\/th>\n<\/tr>\n<\/thead>\n<tbody id=\"table-body\" class=\"divide-y divide-slate-200 text-xs sm:text-sm\">\n                        <!-- Content inserted dynamically --><br \/>\n                    <\/tbody>\n<\/table><\/div>\n<p>            <!-- MOBILE CARDS VIEW --><\/p>\n<div id=\"mobile-cards-wrapper\" class=\"hidden p-4 space-y-3\">\n                <!-- Content inserted dynamically -->\n            <\/div>\n<p>            <!-- Empty Search Result --><\/p>\n<div id=\"no-results\" class=\"hidden p-8 text-center text-slate-500 text-xs\">\n                <i class=\"fa-solid fa-file-circle-xmark text-3xl text-slate-400 mb-2\"><\/i><\/p>\n<p>Tidak ada data sertifikat yang sesuai dengan kata kunci.<\/p>\n<\/p><\/div>\n<p>            <!-- Table Footer Stats --><\/p>\n<div class=\"bg-slate-100 px-5 py-2.5 border-t border-slate-300 flex items-center justify-between text-xs text-slate-600\">\n                <span>Total Ditampilkan: <strong id=\"record-count\" class=\"text-slate-900\">12<\/strong> Sertifikat<\/span><br \/>\n                <span class=\"hidden sm:inline\">Sumber: Arsip Resmi Dokumen Legal KWOSM<\/span>\n            <\/div>\n<\/section>\n<p>    <\/main><\/p>\n<p>    <!-- JavaScript Application Logic --><br \/>\n    <script>\n        \/\/ Exact dataset from user's document\n        const certificateList = [\n            {\n                id: 1,\n                name: \"Nomor Registrasi Produk Baja Profil\",\n                number: \"No. 761\/PKTN.3.3\/SD\/4\/2019\",\n                validity: \"-\",\n                issuer: \"Direktorat Jenderal Perlindungan Konsumen dan Tertib Niaga Kementerian Perdagangan Republik Indonesia\",\n                type: \"REG\"\n            },\n            {\n                id: 2,\n                name: \"Nomor Registrasi Produk Baja Tulangan\",\n                number: \"586\/PKTN.3.3\/SD\/3\/2019\",\n                validity: \"-\",\n                issuer: \"Kementerian Perdagangan Republik Indonesia\",\n                type: \"REG\"\n            },\n            {\n                id: 3,\n                name: \"Sertifikat ISO 9001-2015\",\n                number: \"QSC 01578\",\n                validity: \"14 Oktober 2021\",\n                issuer: \"Sucofindo International Certification Services\",\n                type: \"ISO\"\n            },\n            {\n                id: 4,\n                name: \"Sertifikat ISO 14001-2015\",\n                number: \"EMS 00197\",\n                validity: \"14 Oktober 2021\",\n                issuer: \"Sucofindo International Certification Services\",\n                type: \"ISO\"\n            },\n            {\n                id: 5,\n                name: \"Sertifikat Produk Penggunaan Tanda SNI Produk Baja Tulangan Ukuran S10-S32 PT. Krakatau Osaka Steel\",\n                number: \"114\/15.01.02\/16\/LSPro\/I\/2019\",\n                validity: \"26 Desember 2020\",\n                issuer: \"Kementerian Perindustrian Republik Indonesia\",\n                type: \"SNI\"\n            },\n            {\n                id: 6,\n                name: \"Sertifikat Produk Penggunaan Tanda SNI Produk Baja Tulangan Ukuran S36-S50 PT. Krakatau Osaka Steel\",\n                number: \"114\/15.01.02\/16\/LSPro\/I\/2019\",\n                validity: \"26 Desember 2020\",\n                issuer: \"Kementerian Perindustrian Republik Indonesia\",\n                type: \"SNI\"\n            },\n            {\n                id: 7,\n                name: \"Sertifikat Produk Penggunaan Tanda SNI Produk Baja Profil PT. Krakatau Wajatama\",\n                number: \"96\/WRE\/B\/I.2\/2015\",\n                validity: \"28 Februari 2023\",\n                issuer: \"Kementerian Perindustrian Republik Indonesia\",\n                type: \"SNI\"\n            },\n            {\n                id: 8,\n                name: \"Sertifikat Produk Penggunaan Tanda SNI Produk Baja Tulangan PT. Krakatau Wajatama\",\n                number: \"94\/WRE\/B\/I.2\/2015\",\n                validity: \"28 Februari 2023\",\n                issuer: \"Kementerian Perindustrian Republik Indonesia\",\n                type: \"SNI\"\n            },\n            {\n                id: 9,\n                name: \"Tanda Sah Capaian Tingkat Komponen Dalam Negeri Produk Baja Profil PT. Krakatau Osaka Steel\",\n                number: \"LPA-894\/PK-2848\/PTKDNKOM-INFRAS\/XV19\",\n                validity: \"27 November 2019\",\n                issuer: \"Kementerian Perindustrian Republik Indonesia\",\n                type: \"TKDN\"\n            },\n            {\n                id: 10,\n                name: \"Tanda Sah Capaian Tingkat Komponen Dalam Negeri Produk Baja Tulangan PT. Krakatau Osaka Steel\",\n                number: \"LPA-895\/PK-2848\/PTKDNKOM-INFRAS\/XV19\",\n                validity: \"27 November 2019\",\n                issuer: \"Kementerian Perindustrian Republik Indonesia\",\n                type: \"TKDN\"\n            },\n            {\n                id: 11,\n                name: \"Tanda Sah Capaian Tingkat Komponen Dalam Negeri Produk Baja Profil PT. Krakatau Wajatama\",\n                number: \"TKDN - 16 - 1800369 S\/D TKDN - 16 - 1800370\",\n                validity: \"25 Oktober 2021\",\n                issuer: \"Kementerian Perindustrian Republik Indonesia\",\n                type: \"TKDN\"\n            },\n            {\n                id: 12,\n                name: \"Tanda Sah Capaian Tingkat Komponen Dalam Negeri Produk Baja Tulangan PT. Krakatau Wajatama\",\n                number: \"TKDN - 16 - 1800380 S\/D TKDN - 16 - 1800381\",\n                validity: \"25 Oktober 2021\",\n                issuer: \"Kementerian Perindustrian Republik Indonesia\",\n                type: \"TKDN\"\n            }\n        ];<\/p>\n<p>        let activeFilter = 'ALL';\n        let activeQuery = '';<\/p>\n<p>        \/\/ Render Table & Cards\n        function renderData() {\n            const tableBody = document.getElementById('table-body');\n            const cardsWrapper = document.getElementById('mobile-cards-wrapper');\n            const noResults = document.getElementById('no-results');<\/p>\n<p>            tableBody.innerHTML = '';\n            cardsWrapper.innerHTML = '';<\/p>\n<p>            const filtered = certificateList.filter(item => {\n                const matchesFilter = activeFilter === 'ALL' || item.type === activeFilter;\n                const matchesSearch = item.name.toLowerCase().includes(activeQuery.toLowerCase()) ||\n                                      item.number.toLowerCase().includes(activeQuery.toLowerCase()) ||\n                                      item.issuer.toLowerCase().includes(activeQuery.toLowerCase());\n                return matchesFilter && matchesSearch;\n            });<\/p>\n<p>            document.getElementById('record-count').innerText = filtered.length;<\/p>\n<p>            if (filtered.length === 0) {\n                noResults.classList.remove('hidden');\n                return;\n            } else {\n                noResults.classList.add('hidden');\n            }<\/p>\n<p>            filtered.forEach((item, index) => {\n                \/\/ Type Badge Styling\n                let badgeClass = 'bg-slate-100 text-slate-700 border-slate-300';\n                if(item.type === 'ISO') badgeClass = 'bg-blue-50 text-blue-800 border-blue-300';\n                if(item.type === 'SNI') badgeClass = 'bg-emerald-50 text-emerald-800 border-emerald-300';\n                if(item.type === 'TKDN') badgeClass = 'bg-amber-50 text-amber-800 border-amber-300';\n                if(item.type === 'REG') badgeClass = 'bg-purple-50 text-purple-800 border-purple-300';<\/p>\n<p>                \/\/ 1. Desktop Table Row\n                const row = document.createElement('tr');\n                row.className = index % 2 === 0 ? 'bg-white hover:bg-slate-50' : 'bg-slate-50\/60 hover:bg-slate-100';\n                row.innerHTML = `<\/p>\n<td class=\"py-3 px-3 text-center border-r border-slate-200 text-slate-500 font-mono text-xs\">${index + 1}<\/td>\n<td class=\"py-3 px-4 border-r border-slate-200 font-semibold text-slate-800\">\n                        ${item.name}\n                    <\/td>\n<td class=\"py-3 px-4 border-r border-slate-200\">\n                        <span class=\"font-mono text-xs bg-slate-100 px-2 py-0.5 rounded border border-slate-300 font-medium text-slate-800 inline-block\">\n                            ${item.number}\n                        <\/span>\n                    <\/td>\n<td class=\"py-3 px-4 border-r border-slate-200 text-xs font-medium text-slate-700\">\n                        ${item.validity}\n                    <\/td>\n<td class=\"py-3 px-4 text-xs text-slate-600 leading-relaxed\">\n                        ${item.issuer}\n                    <\/td>\n<p>                `;\n                tableBody.appendChild(row);<\/p>\n<p>                \/\/ 2. Mobile Card Item\n                const card = document.createElement('div');\n                card.className = \"bg-white p-4 rounded border border-slate-300 shadow-sm space-y-2\";\n                card.innerHTML = `<\/p>\n<div class=\"flex items-center justify-between border-b border-slate-100 pb-2\">\n                        <span class=\"px-2 py-0.5 text-[10px] font-bold uppercase rounded border ${badgeClass}\">\n                            ${item.type}\n                        <\/span>\n                        <span class=\"font-mono text-xs text-slate-400\">#${index + 1}<\/span>\n                    <\/div>\n<h4 class=\"font-bold text-slate-900 text-xs sm:text-sm leading-snug\">\n                        ${item.name}\n                    <\/h4>\n<div class=\"bg-slate-50 p-2 rounded border border-slate-200 font-mono text-xs text-slate-800\">\n                        <span class=\"text-[10px] uppercase text-slate-400 font-sans block\">No. Dokumen:<\/span>\n                        ${item.number}\n                    <\/div>\n<div class=\"grid grid-cols-1 gap-1 text-xs text-slate-600 pt-1\">\n<div>\n                            <span class=\"text-slate-400\">Masa Berlaku:<\/span>\n                            <strong class=\"text-slate-800 ml-1\">${item.validity}<\/strong>\n                        <\/div>\n<div>\n                            <span class=\"text-slate-400 block\">Penerbit:<\/span>\n                            <span class=\"text-slate-700 leading-snug\">${item.issuer}<\/span>\n                        <\/div>\n<\/p><\/div>\n<p>                `;\n                cardsWrapper.appendChild(card);\n            });\n        }<\/p>\n<p>        \/\/ Apply Category Filters\n        function applyFilter(category) {\n            activeFilter = category;\n            const buttons = document.querySelectorAll('.filter-tab');<\/p>\n<p>            buttons.forEach(btn => {\n                if (btn.getAttribute('onclick').includes(category)) {\n                    btn.className = \"filter-tab px-3 py-1.5 text-xs font-bold rounded bg-slate-800 text-white border border-slate-800\";\n                } else {\n                    btn.className = \"filter-tab px-3 py-1.5 text-xs font-medium rounded bg-white text-slate-700 hover:bg-slate-200 border border-slate-300\";\n                }\n            });<\/p>\n<p>            renderData();\n        }<\/p>\n<p>        \/\/ Search Keyword Handling\n        function handleSearch() {\n            activeQuery = document.getElementById('search-box').value;\n            renderData();\n        }<\/p>\n<p>        \/\/ Copy Text Function\n        function copyText(text, fieldName) {\n            const temp = document.createElement('textarea');\n            temp.value = text;\n            document.body.appendChild(temp);\n            temp.select();\n            document.execCommand('copy');\n            document.body.removeChild(temp);<\/p>\n<p>            const toast = document.getElementById('toast');\n            const toastMsg = document.getElementById('toast-msg');\n            toastMsg.innerText = `${fieldName} berhasil disalin ke clipboard.`;<\/p>\n<p>            toast.classList.remove('hidden');\n            toast.classList.add('toast-slide');<\/p>\n<p>            setTimeout(() => {\n                toast.classList.add('hidden');\n                toast.classList.remove('toast-slide');\n            }, 2000);\n        }<\/p>\n<p>        \/\/ Responsive View Layout Switching\n        function checkViewport() {\n            const desktopTable = document.getElementById('desktop-table-wrapper');\n            const mobileCards = document.getElementById('mobile-cards-wrapper');<\/p>\n<p>            if (window.innerWidth < 768) {\n                desktopTable.classList.add('hidden');\n                mobileCards.classList.remove('hidden');\n            } else {\n                desktopTable.classList.remove('hidden');\n                mobileCards.classList.add('hidden');\n            }\n        }\n\n        \/\/ Initialize App\n        window.onload = function() {\n            renderData();\n            checkViewport();\n            window.addEventListener('resize', checkViewport);\n        };\n    <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Company Profile &#8211; Krakatau Wajatama Osaka Steel Marketing Informasi berhasil disalin! Home \/ KWOSM COMPANY PROFILE Status Dokumen: Resmi Terverifikasi I Profile Perusahaan Legalitas &#038; Identitas Resmi Nama Badan Usaha Krakatau Wajatama Osaka Steel Marketing Jenis Badan Usaha Joint Venture (JV) NPWP 71.220.729.9-417.000 Alamat Badan Usaha GEDUNG KRAKATAU STEEL LANTAI VII, JL. JENDRAL GATOT SUBROTO [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-169","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/comments?post=169"}],"version-history":[{"count":1,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/169\/revisions"}],"predecessor-version":[{"id":170,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/169\/revisions\/170"}],"wp:attachment":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/media?parent=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}