import { Link } from '@nextui-org/link'
import { Navbar, NavbarContent, NavbarItem, NavbarMenuToggle } from '@nextui-org/navbar'
import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger } from '@nextui-org/react'
import { ChevronDownIcon, ChevronRightIcon, FbIcon, IdnIcon, IgIcon, TtIcon, TwIcon, YtIcon } from '../icons'
import { ThemeSwitch } from '../theme-switch'
import { usePathname } from 'next/navigation'

export default function NavbarSatker() {
    const pathname = usePathname()
    const newPathname = pathname.split('/')[3]
    const isPolda = pathname.split('/')[2] == "polda"
    console.log(isPolda, "polda");


    return (
        <Navbar maxWidth='full' height="8rem" className='dark:bg-[#1F1A17]'>
            <div className='w-full h-full flex'>
                <div className='w-auto lg:w-2/12 flex'>
                    <Link href={'#'}>
                        <div className='h-full flex'>
                            <img src="/assets/satker/EPPID2.png" alt="logo" className='w-auto lg:w-full h-auto lg:h-full p-0 lg:p-2 flex' />
                            <div className='absolute top-5 right-[-35px]'>
                                <img src={`/assets/${isPolda ? 'polda' : 'satker'}/${newPathname}.svg`} alt="" className={isPolda ? 'w-14 mr-12 mt-1' : 'w-36 mr-1'} />
                                <div>{ }</div>
                            </div>
                        </div>
                    </Link>
                </div>
                <div className='w-auto lg:w-10/12  hidden md:flex flex-col justify-cente pt-3 space-y-3'>
                    <div className='flex items-center justify-end gap-1 md:gap-5'>
                        <div className="flex gap-1 lg:gap-3 items-center">
                            <div><FbIcon /></div>
                            <div><IgIcon /></div>
                            <div><YtIcon /></div>
                            <div><TwIcon /></div>
                            <div><TtIcon /></div>
                        </div>
                        <div ><IdnIcon /></div>
                    </div>
                    <div className='flex flex-wrap items-center justify-around'>
                        <NavbarItem>
                            <Link href={`/portal-ppid/satuan-kerja/${newPathname}`} color='foreground'>
                                Beranda
                            </Link>
                        </NavbarItem>
                        <Dropdown>
                            <NavbarItem>
                                <DropdownTrigger>
                                    <Button
                                        disableRipple
                                        className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
                                        radius="sm"
                                        variant="light"
                                        endContent={<ChevronDownIcon className="pt-1" />}
                                    >
                                        Informasi Publik
                                    </Button>
                                </DropdownTrigger>
                            </NavbarItem>
                            <DropdownMenu
                                aria-label="tentang"
                                title='Tentang'
                                className="pt-4"
                                classNames={{
                                    // base: " border-2 border-red-500 bg-white",
                                    // list: "border-2 gap-2 flex flex-row flex-wrap"
                                    // list: "gap-2 flex flex-row flex-wrap"s
                                }}
                                itemClasses={{
                                    // base: "border border-red-700 w-[350px]"
                                    base: "w-[350px]"
                                }}
                            >
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}
                                >
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/informasi-serta-merta`} color='foreground'>
                                        Informasi Serta Merta
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}
                                >
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/informasi-berkala`} color='foreground'>
                                        Informasi Berkala
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/informasi-setiap-saat`} color='foreground'>
                                        Informasi Setiap Saat
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/informasi-dikecualikan`} color='foreground'>
                                        Informasi Dikecualikan
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/penerangan-satuan`} color='foreground'>
                                        Penerangan Satuan
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/uu-dan-peraturan`} color='foreground'>
                                        UU & Peraturan
                                    </Link>
                                </DropdownItem>
                            </DropdownMenu>
                        </Dropdown>
                        <Dropdown>
                            <NavbarItem>
                                <DropdownTrigger>
                                    <Button
                                        disableRipple
                                        className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
                                        radius="sm"
                                        variant="light"
                                        endContent={<ChevronDownIcon className="pt-1" />}
                                    >
                                        Profile
                                    </Button>
                                </DropdownTrigger>
                            </NavbarItem>
                            <DropdownMenu
                                aria-label="tentang"
                                title='Tentang'
                                className="pt-4"
                                classNames={{
                                    // base: " border-2 border-red-500 bg-white",
                                    // list: "border-2 gap-2 flex flex-row flex-wrap"
                                    // list: "gap-2 flex flex-row flex-wrap"s
                                }}
                                itemClasses={{
                                    // base: "border border-red-700 w-[350px]"
                                    base: "w-[350px]"
                                }}
                            >
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}
                                >
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/profile/sejarah-ppid-polri`} color='foreground'>
                                        Sejarah PPID Polri
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}
                                >
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/profile/profile-singkat-ppid`} color='foreground'>
                                        Profile Singkat PPID
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/profile/tugas-dan-fungsi-ppid`} color='foreground'>
                                        Tugas dan Fungsi PPID
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/profile/struktur-ppid`} color='foreground'>
                                        Struktur PPID
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/profile/visi-dan-misi-ppid`} color='foreground'>
                                        Visi & Misi PPID
                                    </Link>
                                </DropdownItem>
                            </DropdownMenu>
                        </Dropdown>
                        <Dropdown>
                            <NavbarItem>
                                <DropdownTrigger>
                                    <Button
                                        disableRipple
                                        className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
                                        radius="sm"
                                        variant="light"
                                        endContent={<ChevronDownIcon className="pt-1" />}
                                    >
                                        Layanan Informasi
                                    </Button>
                                </DropdownTrigger>
                            </NavbarItem>
                            <DropdownMenu
                                aria-label="tentang"
                                title='Tentang'
                                className="pt-4"
                                classNames={{
                                    // base: " border-2 border-red-500 bg-white",
                                    // list: "border-2 gap-2 flex flex-row flex-wrap"
                                    // list: "gap-2 flex flex-row flex-wrap"s
                                }}
                                itemClasses={{
                                    // base: "border border-red-700 w-[350px]"
                                    base: "w-[350px]"
                                }}
                            >
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}
                                >
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/layanan-informasi/registrasi-permohonan`} color='foreground'>
                                        Registrasi Permohonan
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}
                                >
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/layanan-informasi/permohonan-informasi`} color='foreground'>
                                        Permohonan Informasi
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/layanan-informasi/permohonan-keberatan`} color='foreground'>
                                        Permohonan Keberatan
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/layanan-informasi/statistik-rekapitulasi`} color='foreground'>
                                        Statistik / Rekapitulasi
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/layanan-informasi/ppid-laporan-tahunan`} color='foreground'>
                                        Laporan Informasi Publik Tahunan
                                    </Link>
                                </DropdownItem>
                            </DropdownMenu>
                        </Dropdown>
                        <Dropdown>
                            <NavbarItem>
                                <DropdownTrigger>
                                    <Button
                                        disableRipple
                                        className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
                                        radius="sm"
                                        variant="light"
                                        endContent={<ChevronDownIcon className="pt-1" />}
                                    >
                                        Standar Layanan
                                    </Button>
                                </DropdownTrigger>
                            </NavbarItem>
                            <DropdownMenu
                                aria-label="tentang"
                                title='Tentang'
                                className="pt-4"
                                classNames={{
                                    // base: " border-2 border-red-500 bg-white",
                                    // list: "border-2 gap-2 flex flex-row flex-wrap"
                                    // list: "gap-2 flex flex-row flex-wrap"s
                                }}
                                itemClasses={{
                                    // base: "border border-red-700 w-[350px]"
                                    base: "w-[350px]"
                                }}
                            >
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}
                                >
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/standar-layanan/alur-pelayanan-informasi-publik`} color='foreground'>
                                        Alur Pelayanan Informasi Publik Polri
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}
                                >
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/standar-layanan/tata-cara-permohonan-informasi`} color='foreground'>
                                        Tata Cara Permohonan Informasi
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/standar-layanan/mekanisme-keberatan`} color='foreground'>
                                        Mekanisme Keberatan
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa`} color='foreground'>
                                        Mekanisme Permohonan Penyelesainan Sengketa
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/standar-layanan/waktu-pelayanan`} color='foreground'>
                                        Waktu Pelayanan
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/standar-layanan/standar-biaya-pelayanan`} color='foreground'>
                                        Standar Biaya Pelayanan
                                    </Link>
                                </DropdownItem>
                                <DropdownItem
                                    endContent={<ChevronRightIcon />}>
                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/standar-layanan/maklumat-pelayanan`} color='foreground'>
                                        Maklumat Pelayanan
                                    </Link>
                                </DropdownItem>
                            </DropdownMenu>
                        </Dropdown>
                        <NavbarItem>
                            <Link href={`/portal-ppid/satuan-kerja/${newPathname}/regulasi`} color='foreground'>
                                Regulasi
                            </Link>
                        </NavbarItem>
                        <NavbarItem>
                            <Link href='#footer-satker' color='foreground'>
                                Kontak
                            </Link>
                        </NavbarItem>
                        <div><ThemeSwitch /></div>
                    </div>
                </div>
                <NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
                    <ThemeSwitch />
                    <NavbarMenuToggle />
                </NavbarContent>
            </div>
        </Navbar>
    )
}
