"use client";

import { z } from "zod";
import { useMutation, useQueryClient } from "@tanstack/react-query";
import { toast } from "sonner";
import { Button } from "@/components/ds";
import { loyaltyApi } from "@/modules/loyalty/services/loyalty-api";
import { createLoyaltyListPage } from "@/modules/loyalty/components/LoyaltyListCrudPage";
import { LoyaltyStatusChip } from "@/modules/loyalty/design-system";
import type { Campaign } from "@/modules/loyalty/types";
import { useTenantId } from "@/hooks/useTenantId";

const createSchema = z.object({
  program_id: z.string().uuid(),
  code: z.string().min(1),
  name: z.string().min(1),
  description: z.string().optional(),
  status: z.enum(["draft", "scheduled", "active", "paused", "expired"]).default("draft"),
  starts_on: z.string().optional(),
  ends_on: z.string().optional(),
});
const editSchema = createSchema.partial().omit({ program_id: true, code: true });

function LifecycleButtons({ id }: { id: string }) {
  const { tenantId } = useTenantId();
  const qc = useQueryClient();
  const m = useMutation({
    mutationFn: (action: string) => {
      const map: Record<string, () => Promise<Campaign>> = {
        schedule: () => loyaltyApi.campaigns.schedule(tenantId!, id),
        activate: () => loyaltyApi.campaigns.activate(tenantId!, id),
        pause: () => loyaltyApi.campaigns.pause(tenantId!, id),
        resume: () => loyaltyApi.campaigns.resume(tenantId!, id),
        expire: () => loyaltyApi.campaigns.expire(tenantId!, id),
      };
      return map[action]();
    },
    onSuccess: () => {
      toast.success("وضعیت کمپین به‌روز شد");
      qc.invalidateQueries({ queryKey: ["loyalty", tenantId, "campaigns"] });
    },
    onError: (e: Error) => toast.error(e.message),
  });
  return (
    <div className="flex gap-1">
      {["schedule", "activate", "pause", "resume", "expire"].map((a) => (
        <Button key={a} size="sm" variant="ghost" onClick={() => m.mutate(a)}>
          {a}
        </Button>
      ))}
    </div>
  );
}

export default createLoyaltyListPage<Campaign>({
  title: "کمپین‌ها",
  description: "کمپین‌های امتیاز و تعامل — با lifecycle واقعی.",
  breadcrumb: "کمپین‌ها",
  resourceKey: "campaigns",
  createSchema,
  editSchema,
  createDefaults: {
    program_id: "",
    code: "",
    name: "",
    description: "",
    status: "draft",
    starts_on: "",
    ends_on: "",
  },
  fields: [
    { name: "program_id", label: "برنامه", createOnly: true, required: true },
    { name: "code", label: "کد", createOnly: true, required: true },
    { name: "name", label: "نام", required: true },
    { name: "description", label: "توضیحات", type: "textarea" },
    { name: "starts_on", label: "شروع (YYYY-MM-DD)" },
    { name: "ends_on", label: "پایان (YYYY-MM-DD)" },
  ],
  columns: [
    { key: "code", header: "کد" },
    { key: "name", header: "نام" },
    {
      key: "status",
      header: "وضعیت",
      render: (r) => <LoyaltyStatusChip status={r.status} domain="campaign" />,
    },
    { key: "rule_version", header: "نسخه قانون" },
  ],
  list: (tid) => loyaltyApi.campaigns.list(tid, { page: 1, page_size: 500 }),
  create: (tid, d) => {
    const body = { ...d };
    if (!body.starts_on) delete body.starts_on;
    if (!body.ends_on) delete body.ends_on;
    return loyaltyApi.campaigns.create(tid, body);
  },
  update: (tid, id, d) => loyaltyApi.campaigns.update(tid, id, d),
  remove: (tid, id) => loyaltyApi.campaigns.delete(tid, id),
  filterDeleted: true,
  exportColumns: ["code", "name", "status", "starts_on", "ends_on"],
  extraActions: (row) => <LifecycleButtons id={row.id} />,
});