web-humas-fe/components/layout/portal-ppid/PublicInformation.tsx

'use client'
import Link from 'next/link';
import { usePathname } from 'next/navigation'
import React from 'react'

export default function PublicInformation() {
    const pathname = usePathname()
    const newPathname = pathname.split('/')[3]
    const isPolda = pathname.split('/')[2] == "polda"
    let isPolri;
    let linkHref1;
    let linkHref2;
    let linkHref3;
    let linkHref4;
    let linkHref5;
    let linkHref6;

    if (pathname.includes("/satuan-kerja")) {
        isPolri = "SATKER";
        linkHref1 = `/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/informasi-serta-merta`
        linkHref2 = `/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/informasi-berkala`
        linkHref3 = `/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/informasi-setiap-saat`
        linkHref4 = `/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/informasi-dikecualikan`
        linkHref5 = `/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/penerangan-satuan`
        linkHref6 = `/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/uu-dan-peraturan`
    } else if (pathname.includes("/polda")) {
        isPolri = "POLDA";
        linkHref1 = `/portal-ppid/polda/${newPathname}/informasi-publik/informasi-serta-merta`
        linkHref2 = `/portal-ppid/polda/${newPathname}/informasi-publik/informasi-berkala`
        linkHref3 = `/portal-ppid/polda/${newPathname}/informasi-publik/informasi-setiap-saat`
        linkHref4 = `/portal-ppid/polda/${newPathname}/informasi-publik/informasi-dikecualikan`
        linkHref5 = `/portal-ppid/polda/${newPathname}/informasi-publik/penerangan-satuan`
        linkHref6 = `/portal-ppid/polda/${newPathname}/informasi-publik/uu-dan-peraturan`
    } else {
        isPolri = "POLRI";
        linkHref1 = "/portal-ppid/informasi-publik/informasi-serta-merta"
        linkHref2 = "/portal-ppid/informasi-publik/informasi-berkala"
        linkHref3 = "/portal-ppid/informasi-publik/informasi-setiap-saat"
        linkHref4 = "/portal-ppid/informasi-publik/informasi-dikecualikan"
        linkHref5 = "/portal-ppid/informasi-publik/penerangan-satuan"
        linkHref6 = "/portal-ppid/informasi-publik/uu-dan-peraturan"
    }


    return (
        <div className='bg-[#E2E2E2] text-black p-1 md:p-4'>
            <div>{isPolri}</div>
            <div className='grid grid-col-2  md:grid-cols-3 lg:grid-cols-4 gap-4 text-white font-semibold text-md'>
                <Link href={linkHref1}>
                    <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                        <div><img src="/infopublik1.png" alt="logo" /></div>
                        <div>Informasi Serta Merta</div>
                    </div>
                </Link>
                <Link href={linkHref2}>
                    <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                        <div><img src="/infopublik2.png" alt="logo" /></div>
                        <div>Informasi Berkala</div>
                    </div>
                </Link>
                <Link href={linkHref3}>
                    <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                        <div><img src="/infopublik3.png" alt="logo" /></div>
                        <div>Informasi Setiap Saat</div>
                    </div>
                </Link>
                <Link href={linkHref4}>
                    <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                        <div><img src="/infopublik4.png" alt="logo" /></div>
                        <div>Penerangan Dikecualikan</div>
                    </div>
                </Link>
                <Link href={linkHref5}>
                    <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                        <div><img src="/infopublik5.png" alt="logo" /></div>
                        <div>Penerangan Satuan</div>
                    </div>
                </Link>
                <Link href={linkHref6}>
                    <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                        <div><img src="/infopublik6.png" alt="logo" /></div>
                        <div>UU & Peraturan</div>
                    </div>
                </Link>
                <Link href={`https://data.polri.go.id/`} target='_blank'>
                    <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                        <div><img src="/informasipublik7.png" alt="logo" /></div>
                        <div>Satu Data</div>
                    </div>
                </Link>
                <Link href={`https://pusiknas.polri.go.id/`} target='_blank'>
                    <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                        <div><img src="/infopublik8.png" alt="logo" /></div>
                        <div>PUSIKNAS</div>
                    </div>
                </Link>
            </div>
            {/* <div className='space-y-4 px-2'>
                <div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
                    <div className='min-w-max'>
                        <img src="/infopublik1.png" alt="" />
                    </div>
                    <div>
                        <p className='font-semibold pb-1'>Informasi Serta Merta</p>
                        <p className='text-sm'>Informasi Serta Merta adalah Informasi yang wajib disediakan dan diumumkan secara sertamerta yang dapat mengancam hajat hidup orang banyak dan ketertiban umum. Sesuai dengan Undang-undang Keterbukaan Informasi Publik Nomor 14 Tahun 2008 Pasal 10</p>
                    </div>
                </div>
                <div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
                    <div className='min-w-max'>
                        <img src="/infopublik2.png" alt="" />
                    </div>
                    <div>
                        <p className='font-semibold'>Informasi Berkala</p>
                        <p className='text-sm'>Informasi Berkala adalah Informasi yang wajib disediakan dan diumumkan secara berkala oleh Badan Publik. Sesuai dengan Undang-undang Keterbukaan Informasi Publik Nomor 14 Tahun 2008 Pasal 9</p>
                    </div>
                </div>
                <div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
                    <div className='min-w-max'>
                        <img src="/infopublik3.png" alt="" />
                    </div>
                    <div>
                        <p className='font-semibold'>Informasi Setiap Saat</p>
                        <p className='text-sm'>Informasi Publik yang berada dibawah penguasaannya, tidak termasuk yang dikecualikan hasil keputusan badan publik dan pertimbangannya. Seluruh kebijakan yang ada berikut dokumen pendukungnya rencana kerja. Perjanjian badan publik dengan pihak ketiga. Informasi dan kebijakan yang disampaikan pejabat publik dalam pertemuan yang terbuka untuk Umum. Prosedur kerja. Laporan mengenai pelayanan akses informasi publik sebagaimana diatur dalam undang-undang ini. Pasal 11</p>
                    </div>
                </div>
                <div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
                    <div className='min-w-max'>
                        <img src="/infopublik4.png" alt="" />
                    </div>
                    <div>
                        <p className='font-semibold'>Informasi Dikecualikan</p>
                        <p className='text-sm'>Informasi yang Dikecualikan adalah informasi yang tidak dapat diakses oleh Pemohon Informasi Publik sebagaimana dimaksud dalam Pasal 17 Undang-Undang Nomor 14 Tahun 2008 tentang Keterbukaan Informasi Publik</p>
                    </div>
                </div>
                <div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
                    <div className='min-w-max'>
                        <img src="/infopublik5.png" alt="" />
                    </div>
                    <div>
                        <p className='font-semibold'>Penerangan Satuan</p>
                        <p className='text-sm'>Penerangan Satuan adalah hasil dari kegiatan Divisi Humas Polri dalam menyampaikan informasi terkait kerja sama dan kemitraan dengan media massa berikut komponennya</p>
                    </div>
                </div>
                <div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
                    <div className='min-w-max'>
                        <img src="/infopublik6.png" alt="" />
                    </div>
                    <div>
                        <p className='font-semibold'>UU & Peraturan</p>
                        <p className='text-sm'>Undang-Undang adalah salah satu jenis Peraturan Perundang-undangan yang dibentuk oleh Dewa Perwakilan Rakyat (DPR) dengan persetujuan bersama Presiden. Sedangkan Peraturan disini merupakan Peraturan Kepolisian yang ditetapkan oleh Kapolri dan berlaku untuk seluruh wilayah kerja</p>
                    </div>
                </div>
            </div> */}
        </div>
    )
}