import "@testing-library/jest-dom/vitest";
import { cleanup, fireEvent, render, screen } from "@testing-library/react";
import { MemoryRouter } from "react-router-dom";
import { afterEach, describe, expect, it, vi } from "vitest";

afterEach(() => {
  cleanup();
});

import { ProjectCard } from "./ProjectCard";
import type { ProjectWithRepos } from "../../../types";

const mockProject: ProjectWithRepos = {
  id: "proj-1",
  name: "Alpha Project",
  description: "First project",
  owner_id: "user-1",
  default_ssh_key_id: null,
  created_at: "2026-06-01T00:00:00Z",
  repositories: [
    {
      id: "repo-1",
      name: "my-repo",
      remote_url: "https://example.com/repo.git",
      workspaces: [
        {
          id: "ws-1",
          name: "dev",
          branch: "main",
          status: "ready",
          instance_count: 2,
        },
      ],
    },
  ],
};

describe("ProjectCard", () => {
  it("renders project name and repository", () => {
    render(
      <MemoryRouter>
        <ProjectCard
          project={mockProject}
          expanded={true}
          deleteConfirm={false}
          workspaceLoading={null}
          showCreateForm={null}
          onToggle={vi.fn()}
          onEdit={vi.fn()}
          onDelete={vi.fn()}
          onConfirmDelete={vi.fn()}
          onCancelDelete={vi.fn()}
          onCreateWorkspace={vi.fn()}
          onWorkspaceAction={vi.fn()}
          onCancelCreate={vi.fn()}
          onCreated={vi.fn()}
        />
      </MemoryRouter>
    );

    expect(screen.getByText("Alpha Project")).toBeInTheDocument();
    expect(screen.getByText("my-repo")).toBeInTheDocument();
    expect(screen.getByText("dev")).toBeInTheDocument();
  });

  it("calls onCreateWorkspace when new workspace button is clicked", () => {
    const onCreateWorkspace = vi.fn();
    render(
      <MemoryRouter>
        <ProjectCard
          project={mockProject}
          expanded={true}
          deleteConfirm={false}
          workspaceLoading={null}
          showCreateForm={null}
          onToggle={vi.fn()}
          onEdit={vi.fn()}
          onDelete={vi.fn()}
          onConfirmDelete={vi.fn()}
          onCancelDelete={vi.fn()}
          onCreateWorkspace={onCreateWorkspace}
          onWorkspaceAction={vi.fn()}
          onCancelCreate={vi.fn()}
          onCreated={vi.fn()}
        />
      </MemoryRouter>
    );

    fireEvent.click(screen.getByRole("button", { name: /new workspace/i }));
    expect(onCreateWorkspace).toHaveBeenCalledWith("repo-1");
  });

  it("shows delete confirmation", () => {
    render(
      <MemoryRouter>
        <ProjectCard
          project={mockProject}
          expanded={true}
          deleteConfirm={true}
          workspaceLoading={null}
          showCreateForm={null}
          onToggle={vi.fn()}
          onEdit={vi.fn()}
          onDelete={vi.fn()}
          onConfirmDelete={vi.fn()}
          onCancelDelete={vi.fn()}
          onCreateWorkspace={vi.fn()}
          onWorkspaceAction={vi.fn()}
          onCancelCreate={vi.fn()}
          onCreated={vi.fn()}
        />
      </MemoryRouter>
    );

    expect(screen.getByText(/are you sure/i)).toBeInTheDocument();
  });
});