'use client'
import { Card, CardBody, Tab, Tabs } from '@nextui-org/react'

export default function StrukturOrganisasi() {
    return (
        <div className='bg-white text-black p-1 md:p-5'>
            <div className='flex justify-center items-center'>
                <div className='pt-4 hidden md:block'><img src="/al.png" alt="" className='' /></div>
                <div className='font-bold text-lg md:text-2xl text-[#DD8306] pl-3'>Struktur Organisasi</div>
                <div className='hidden md:block absolute  pb-10 pl-[370px]'><img src="/spark.png" alt="" /></div>
            </div>
            <div className='p-1 md:p-3 lg:p-5 bg-[#FFF6E9] mx-1 md:mx-3 lg:mx-10 my-4 flex flex-col md:items-center'>
                <Tabs aria-label="Options" color='warning'>
                    <Tab key="polri" title="Struktur Organisasi Polri">
                        <div className='space-y-3'>
                            <div className='text-center text-2xl font-bold'>Struktur Organisasi Polri</div>
                            <div><b>Konsep Struktur Organisasi Polri</b> <br />
                                Organisasi Polri disusun secara berjenjang dari tingkat pusat sampai ke kewilayahan. Organisasi Polri tingkat pusat disebut Markas Besar Kepolisian Negara Republik Indonesia (Mabes Polri); sedang organisasi Polri tingkat kewilayahan disebut Kepolisian Negara Republik Indonesia Daerah (Polda) di tingkat provinsi, Kepolisian Negara Republik Indonesia Resort (Polres) di tingkat kabupaten/kota, dan Kepolisian Negara Republik Indonesia Sektor (Polsek) di wilayah kecamatan.</div>
                            <div className='flex  flex-col md:items-center'>
                                <Tabs aria-label="Options" color='warning' variant='underlined'>
                                    <Tab key="mabes" title="Tingkat Mabes">
                                        <div>
                                            <p><b>Tingkat Mabes</b></p>
                                            <p>
                                                Unsur pimpinan Mabes Polri adalah Kepala Kepolisian Negara Republik Indonesia (Kapolri). Kapolri adalah Pimpinan Polri yang berada di bawah dan bertanggung jawab kepada Presiden. Kapolri berpangkat Jenderal Polisi.</p>
                                        </div>
                                        <div className='px-14 pt-10'>
                                            <img src="/mabes.png" alt="struktur" />
                                        </div>
                                    </Tab>
                                    <Tab key="polda" title="Tingkat Polda">
                                        <div>
                                            <p><b>Tingkat Polda</b></p>
                                            <p>
                                                Kepolisian Negara Republik Indonesia Daerah (Polda) merupakan satuan pelaksana utama Kewilayahan yang berada di bawah Kapolri. Polda bertugas menyelenggarakan tugas Polri pada tingkat kewilayahan. Polda dipimpin oleh Kepala Kepolisian Negara Republik Indonesia Daerah (Kapolda), yang bertanggung jawab kepada Kapolri. Kapolda dibantu oleh Wakil Kapolda (Wakapolda).

                                                Polda membawahi Kepolisian Negara Republik Indonesia Resor (Polres). Ada tiga tipe Polda, yakni Tipe A-K, Tipe A dan Tipe B. Polda Tipe A-K atau A+ saat ini hanya terdapat 1 Polda, yaitu Polda Metro Jaya. Polda Tipe A-K dan Tipe A dipimpin seorang perwira tinggi berpangkat Inspektur Jenderal Polisi (Irjen), sedangkan Tipe B dipimpin perwira tinggi berpangkat Brigadir Jenderal Polisi (Brigjen).</p>
                                        </div>
                                        <div className='px-14 pt-10'>
                                            <img src="/polda.png" alt="struktur" />
                                        </div>
                                    </Tab>
                                    <Tab key="polres" title="Tingkat Polres">
                                        <div>
                                            <p><b>Tingkat Polres</b></p>
                                            <p>
                                                Polres membawahi Kepolisian Negara Republik Indonesia Sektor. Untuk kota – kota besar, Polres dinamai Kepolisian Resor Kota Besar. Polres memiliki satuan tugas kepolisian yang lengkap, layaknya Polda, dan dipimpin oleh seorang Komisaris Besar Polisi (Kombes) (untuk Polres).
                                            </p>
                                        </div>
                                        <div className='px-14 pt-10'>
                                            <img src="/polres.png" alt="struktur" />
                                        </div>
                                    </Tab>
                                    <Tab key="polsek" title="Tingkat Polsek">
                                        <div>
                                            <p><b>Tingkat Polsek</b></p>
                                            <p>
                                                Polsek maupun Polsekta dipimpin oleh seorang Ajun Komisaris Besar Polisi (AKBP) (khusus untuk Polda Metro Jaya) atau Komisaris Polisi (Kompol) (untuk tipe urban), sedangkan di Polda lainnya, Polsek atau Polsekta dipimpin oleh perwira berpangkat Ajun Komisaris Polisi (AKP) (tipe rural). Di sejumlah daerah di Papua sebuah Polsek dapat dipimpin oleh Inspektur Polisi Dua (Irda).
                                            </p>
                                        </div>
                                        <div className='px-14 pt-10'>
                                            <img src="/polsek.png" alt="struktur" />
                                        </div>
                                    </Tab>
                                </Tabs>
                            </div>
                        </div>
                    </Tab>
                    <Tab key="humas" title="Struktur Organisasi Humas Polri">
                        <div className='leading-8 md:p-3 text-sm'>

                        </div>
                    </Tab>
                </Tabs>
            </div>
        </div>
    )
}
