import React, { useEffect } from 'react';
import { Button, Checkbox, Group, NumberInput, Stack, Text, Title } from '@mantine/core';
import { useForm } from '@mantine/form';
import { ISettingForm } from '@admin/components/Settings/Forms/interfaces';

type AutoRetentionValue = {
    days?: number;
    lastRunAt?: string | null;
};

const FIELD_LABELS: Record<string, { label: string; aria: string; defaultDays: number }> = {
    auto_remove_old_checks: {
        label: 'Days to keep checks',
        aria: 'Days to keep checks',
        defaultDays: 365,
    },
    auto_remove_old_logs: {
        label: 'Days to keep logs',
        aria: 'Days to keep logs',
        defaultDays: 120,
    },
};

export function AutoOldChecks({ name, value, label, description, enabled, updateSetting }: ISettingForm) {
    const parsedValue: AutoRetentionValue = typeof value === 'object' && value !== null ? value : {};
    const labels = FIELD_LABELS[name] ?? { label: 'Days to keep items', aria: 'Days to keep items', defaultDays: 365 };

    const form = useForm({
        initialValues: {
            days: parsedValue.days ?? labels.defaultDays,
            enabled,
        },
        validate: {
            days: (val) => (val && val > 0 ? null : 'Days must be greater than 0'),
        },
    });

    useEffect(() => {
        form.setValues({
            days: (typeof parsedValue.days === 'number' && parsedValue.days > 0)
                ? parsedValue.days
                : labels.defaultDays,
            enabled,
        });
    }, [parsedValue.days, enabled, labels.defaultDays]);

    const handleSubmit = (values: { days: number; enabled: boolean }) => {
        const payload: AutoRetentionValue = {
            ...parsedValue,
            days: values.days ?? labels.defaultDays,
        };
        updateSetting?.mutate({
            name,
            enabled: values.enabled,
            value: payload,
        });
    };

    const lastRunLabel = parsedValue.lastRunAt
        ? `Last run: ${new Date(parsedValue.lastRunAt).toLocaleString()}`
        : 'Last run: never';

    return (
        <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
            <Stack gap="sm">
                <Title style={{ fontSize: '24px', lineHeight: '31.2px' }}>{label}</Title>
                <Group gap="xl" align="flex-end">
                    <NumberInput
                        data-test={`settings_value_${name}_days`}
                        aria-label={labels.aria}
                        label={labels.label}
                        min={1}
                        step={1}
                        {...form.getInputProps('days')}
                    />
                    <Checkbox
                        data-test={`settings_enabled_${name}`}
                        label="Enabled"
                        aria-label={`Enable ${label}`}
                        {...form.getInputProps('enabled', { type: 'checkbox' })}
                    />
                </Group>
                <Text size="sm">{description}</Text>
                <Text size="xs" c="dimmed" data-test={`settings_value_${name}_last_run`}>
                    {lastRunLabel}
                </Text>
                <Group justify="flex-end">
                    <Button
                        type="submit"
                        data-test={`settings_update_button_${name}`}
                        aria-label={`Update ${label}`}
                    >
                        Update
                    </Button>
                </Group>
            </Stack>
        </form>
    );
}