import Table from '@/components/Table'
import { type FC } from 'react'
import type { RowDataType, ActionType } from '@/components/types/TableTypes'

interface PointsLogData extends RowDataType {
    id: number
    number: number
    title: string
    points: number
    date: string
    description: string
}

const PointsLogTable: FC = () => {
    const handleRowActions = (item: PointsLogData): ActionType[] => {
        return [
            {
                label: 'ویرایش',
                onClick: () => {
                    console.log('ویرایش لاگ امتیاز:', item.id)
                },
            },
            {
                label: 'حذف',
                onClick: () => {
                    console.log('حذف لاگ امتیاز:', item.id)
                },
            },
        ]
    }

    const columns = [
        {
            key: 'number',
            title: 'شماره',
        },
        {
            key: 'title',
            title: 'عنوان',
        },
        {
            key: 'points',
            title: 'امتیاز',
        },
        {
            key: 'date',
            title: 'تاریخ',
        },
        {
            key: 'description',
            title: 'توضیحات',
        },
    ]

    const data: PointsLogData[] = [
        {
            id: 1,
            number: 1,
            title: 'خرید با امتیاز',
            points: 200,
            date: '۱۳۶۹/۰۵/۱۱',
            description: 'معادل ۲۰۰,۰۰۰ تومان',
        },
        {
            id: 2,
            number: 1,
            title: 'افزایش امتیاز',
            points: 200,
            date: '۱۳۶۹/۰۵/۱۱',
            description: 'دعوت دوستان',
        },
        {
            id: 3,
            number: 1,
            title: 'افزایش امتیاز',
            points: 200,
            date: '۱۳۶۹/۰۵/۱۱',
            description: 'خرید اول',
        },
    ]

    return (
        <Table
            columns={columns}
            data={data}
            selectable={true}
            rowActions={handleRowActions}
            className="mt-0"
        />
    )
}

export default PointsLogTable

