function tampilkanPerusahaan(data){
    const tempat = document.getElementById("daftarPerusahaan");
    const jumlah = document.getElementById("jumlahPerusahaan");

    tempat.replaceChildren();
    jumlah.textContent = data.length + " perusahaan ditemukan.";

    if(data.length === 0){
        jumlah.textContent = "Perusahaan tidak ditemukan.";
        return;
    }

    data.forEach(p => {
        const card = document.createElement("article");
        card.className = "company";

        // Kategori
        const kategori = document.createElement("span");
        kategori.className = "category";
        kategori.textContent = "KONTRAKTOR PERTAMBANGAN";

        // Logo perusahaan yang bisa diklik
        const logoBox = document.createElement("div");
        logoBox.className = "company-logo-box";

        const logoLink = document.createElement("a");
        logoLink.href = p.website;
        logoLink.target = "_blank";
        logoLink.rel = "noopener noreferrer";
        logoLink.className = "company-logo-link";

        const logo = document.createElement("img");
        logo.src = p.logo || "";
        logo.alt = "Logo " + p.nama;
        logo.loading = "lazy";

        const fallback = document.createElement("span");
        fallback.className = "company-logo-fallback";
        fallback.textContent = p.nama
            .split(" ")
            .filter(Boolean)
            .slice(0, 2)
            .map(x => x[0])
            .join("");

        logo.onerror = function(){
            logo.remove();
            logoLink.appendChild(fallback);
        };

        logoLink.appendChild(logo);
        logoBox.appendChild(logoLink);

        // Nama perusahaan yang bisa diklik
        const nama = document.createElement("h3");
        const namaLink = document.createElement("a");

        namaLink.href = p.website;
        namaLink.target = "_blank";
        namaLink.rel = "noopener noreferrer";
        namaLink.className = "company-name-link";
        namaLink.textContent = p.nama;

        nama.appendChild(namaLink);

        // Komoditas
        const komoditas = document.createElement("p");
        komoditas.textContent = "Komoditas: " + p.komoditas;

        // Wilayah
        const lokasi = document.createElement("p");
        lokasi.textContent = "Wilayah: " + p.lokasi;

        // Susunan kartu
        card.append(
            logoBox,
            kategori,
            nama,
            komoditas,
            lokasi
        );

        tempat.appendChild(card);
    });
}