import type { Meta, StoryObj } from "storybook-solidjs-vite";
import VerificationSubmissionGuide from "../components/dashboard/VerificationSubmissionGuide";

const meta = {
  title: "Dashboard/Verification Submission Guide",
  component: VerificationSubmissionGuide,
  parameters: {
    layout: "padded",
  },
  args: {
    statusLabel: "Not Submitted",
    statusColor: "#9CA3AF",
    locked: false,
    approved: false,
    docRequest: null,
    missingBasicLabels: ["Mobile Number", "City"],
    missingDocLabels: ["Aadhar / Government ID"],
    missingPortfolioLabels: ["About", "Services & pricing", "Showcase items"],
    canSubmit: false,
    submitting: false,
    onSubmit: () => {},
    onGoBasic: () => {},
    onGoDocuments: () => {},
  },
} satisfies Meta<typeof VerificationSubmissionGuide>;

export default meta;
type Story = StoryObj<typeof meta>;

export const NeedsInput: Story = {};

export const ReadyToSubmit: Story = {
  args: {
    statusLabel: "Not Submitted",
    statusColor: "#9CA3AF",
    missingBasicLabels: [],
    missingDocLabels: [],
    missingPortfolioLabels: [],
    canSubmit: true,
  },
};

export const DocumentsRequested: Story = {
  args: {
    statusLabel: "Documents Requested",
    statusColor: "#FF5E13",
    docRequest: "Upload a clearer registration certificate with complete company name visible.",
    missingBasicLabels: [],
    missingDocLabels: ["Company Registration Certificate"],
    missingPortfolioLabels: [],
    canSubmit: false,
  },
};

export const PendingReview: Story = {
  args: {
    statusLabel: "Pending Review",
    statusColor: "#F59E0B",
    locked: true,
    missingBasicLabels: [],
    missingDocLabels: [],
    missingPortfolioLabels: [],
    canSubmit: false,
  },
};
