import React, { useState } from "react"
import { TabView, TabPanel } from "primereact/tabview"
// import Identifikasi from "./componentProgresifitas/Identifikasi"
import Pembayaran from "./componentProgresifitas/Pembayaran"
import Identifikasi from "./componentProgresifitas/Identifikasi"
import PayComp from "./componentProgresifitas/PayComp"
import Sof from "./componentProgresifitas/Sof"
import JenisStatusWp from "./componentProgresifitas/JenisStatusWp"
import Pengampu from "./componentProgresifitas/Pengampu"
import SPTTahunan from "./componentProgresifitas/SPTTahunan"
import KLU from "./componentProgresifitas/KLU"
import ZonaPengawasan from "./componentProgresifitas/ZonaPengawasan"
import { useDispatch, useSelector } from "react-redux"
import { isObjEmpty } from "./util"

export default function TabProgresifitas({ dataSend }) {
  const dispatch = useDispatch()
  const storeKpdl = useSelector((state) => state.kpdl)

  return (
    <div className="card">
      <TabView scrollable>
        <TabPanel id="tab_1" header="Identifikasi">
          <Identifikasi dataSend={dataSend} />
        </TabPanel>

        <TabPanel id="tab_2" header="Pembayaran">
          <Pembayaran dataSend={dataSend} />
        </TabPanel>

        <TabPanel id="tab_3" header="Payment Compliance">
          <PayComp dataSend={dataSend} />
        </TabPanel>

        <TabPanel id="tab_4" header="Strength Of Figure">
          <div>
            <Sof dataSend={dataSend} />
          </div>
        </TabPanel>
        <TabPanel id="tab_7" header="SPT Tahunan">
          <SPTTahunan dataSend={dataSend} />
        </TabPanel>

        <TabPanel id="tab_5" header="Jenis/Status WP">
          <JenisStatusWp dataSend={dataSend} />
        </TabPanel>
        {storeKpdl && !isObjEmpty(storeKpdl) && storeKpdl.selectedOpsi && storeKpdl.selectedOpsi?.name !== "pengampu" ? (
          <TabPanel id="tab_5" header="Pengampu">
            <Pengampu dataSend={dataSend} />
          </TabPanel>
        ) : null}
        {storeKpdl && !isObjEmpty(storeKpdl) && storeKpdl.selectedOpsi && storeKpdl.selectedOpsi?.name !== "zona" ? (
          <TabPanel id="tab_6" header="Zona Pengawasan">
            <ZonaPengawasan dataSend={dataSend} />
          </TabPanel>
        ) : null}
        <TabPanel id="tab_8" header="KLU (Golongan Pokok)">
          <KLU dataSend={dataSend} />
        </TabPanel>
      </TabView>
    </div>
  )
}