import {Stack} from "@chakra-ui/react";
import {useState} from "react";
import PodcastTable from "./PodcastTable";
import CreateProdcast from "./CreateProdcast";
import {Col} from "../intefaces/Interfaces";

let data = {
    id: "",
    category: "",
    title: "",
    poster_image: "",
    publish_date: "",
    audio: ""
};

function Podcast(props: any) {
    const [isUpdate, setIsUpdate] = useState(false);
    const [refetchdata, setRefetchdata] = useState(false);
    const [formdata, setFormdata] = useState(data);

    const [isSelected, setIsSelected] = useState(false);
    let col: Col[] = [
        {name: "id", type: "Int!", value: "", isPrimary: true, isForeignKey: false},
        {
            name: "category",
            type: "String",
            value: "",
            isPrimary: false,
            isForeignKey: false,
        },
        {
            name: "title",
            type: "String",
            value: "",
            isPrimary: false,
            isForeignKey: false,
        },
        {
            name: "poster_image",
            type: "String",
            value: "",
            isPrimary: false,
            isForeignKey: false,
        },
        {
            name: "publish_date",
            type: "date",
            value: "",
            isPrimary: false,
            isForeignKey: false,
        },
        {
            name: "audio",
            type: "String",
            value: "",
            isPrimary: false,
            isForeignKey: false,
        },

    ];


    return <Stack>{isSelected ?
        <CreateProdcast
            tablename={"babbu_podcast"}
            col={col}
            isUpdate={isUpdate}
            formdata={formdata}
            close={() => {
                console.log("lets close")
            }}
            refetch={() => {
                setIsSelected(false)
                setRefetchdata(true);
            }}

            goBack={() => {
                setIsSelected(false)
            }}
            setIsSelected={setIsSelected}/> :
        <PodcastTable
            tablename={"babbu_podcast"}
            col={col}
            refetchdata={refetchdata}

            setIsSelected={setIsSelected}
            editRecord={(myformdata: any) => {
                setFormdata(myformdata)
                setIsUpdate(true);
            }}
            createRecord={() => {
                setFormdata(data)
                setIsUpdate(false);
            }}
            createReord
        />}</Stack>;
}

export default Podcast;