'use client'
import Link from 'next/link'
import {useQuery} from "@tanstack/react-query";
import {
    Table,
    TableBody,
    TableCaption,
    TableCell,
    TableHead,
    TableHeader,
    TableRow,
} from "@/components/ui/table"
import {useGetProjects} from "@/queries/project";
import { IProject } from "@/types/project"
import {numberWithCommas} from "@/utils/helper";

const Page = ()=>{
    const {data:projects, isLoading, isError} = useGetProjects('rejected')

    if(isLoading){
        return <div>Loading...</div>
    }

    if(isError){
        return <div>Error</div>
    }



    return (
        <>

            <Table>
                <TableCaption>پروژه های ثبت شده اخیر</TableCaption>
                <TableHeader>
                    <TableRow>
                        <TableHead className="w-[100px] text-center">شناسه</TableHead>
                        <TableHead className={"text-center"} >استان</TableHead>
                        <TableHead className={"text-center"} >شهر</TableHead>
                        <TableHead className={"text-center"} >آدرس</TableHead>
                        <TableHead className={"text-center"}>نام و نام خانوادگی</TableHead>
                        <TableHead className="text-center">مبلغ</TableHead>
                        <TableHead className="text-center">مشاهده</TableHead>
                    </TableRow>
                </TableHeader>
                <TableBody>
                    {projects.map((project:IProject)=>(
                        <TableRow className={'*:text-center'} key={project.id}>
                            <TableCell>{project.id}</TableCell>
                            <TableCell>{project.city.ostan.name}</TableCell>
                            <TableCell>{project.city.name}</TableCell>
                            <TableCell>{project.address}</TableCell>
                            <TableCell>{project.cuser.name_family}</TableCell>
                            <TableCell>{numberWithCommas(project.factor_price)}</TableCell>
                            <TableCell>
                                <Link href={`/projects/${project.id}`}>
                                    مشاهده
                                </Link>
                            </TableCell>
                        </TableRow>
                    ))}
                </TableBody>
            </Table>
        </>
    )
}

export default Page;