"use client";

import { useEffect, useState } from "react";

import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Textarea } from "@/components/ui/textarea";
import type { ForgejoIssue } from "@/lib/api-forgejo";
import { editForgejoIssue } from "@/lib/api-forgejo";

type EditForgejoIssueDialogProps = {
  issue: ForgejoIssue | null;
  repositoryName: string;
  open: boolean;
  onOpenChange: (open: boolean) => void;
  onSuccess: (updated: { title: string; body: string | null; state: string }) => void;
};

export function EditForgejoIssueDialog({
  issue,
  repositoryName,
  open,
  onOpenChange,
  onSuccess,
}: EditForgejoIssueDialogProps) {
  const [title, setTitle] = useState("");
  const [body, setBody] = useState("");
  const [isSubmitting, setIsSubmitting] = useState(false);
  const [error, setError] = useState<string | null>(null);

  useEffect(() => {
    if (open && issue) {
      setTitle(issue.title);
      setBody(issue.body ?? issue.body_preview ?? "");
      setError(null);
    }
  }, [open, issue]);

  if (!issue) return null;

  const isDirty =
    title.trim() !== issue.title || body !== (issue.body ?? issue.body_preview ?? "");

  const handleSubmit = async () => {
    if (!title.trim()) return;
    setIsSubmitting(true);
    setError(null);
    try {
      const patch: { title?: string; body?: string } = {};
      if (title.trim() !== issue.title) patch.title = title.trim();
      if (body !== (issue.body ?? issue.body_preview ?? "")) patch.body = body;

      const result = await editForgejoIssue(issue.id, patch);
      onSuccess({ title: result.title, body: result.body, state: result.state });
      onOpenChange(false);
    } catch (err) {
      setError(err instanceof Error ? err.message : "Failed to edit issue");
    } finally {
      setIsSubmitting(false);
    }
  };

  return (
    <Dialog
      open={open}
      onOpenChange={(next) => {
        if (!isSubmitting) {
          setError(null);
          onOpenChange(next);
        }
      }}
    >
      <DialogContent className="max-w-2xl">
        <DialogHeader>
          <DialogTitle>Edit issue</DialogTitle>
          <DialogDescription>
            Editing{" "}
            <span className="font-mono font-semibold text-strong">
              {repositoryName}#{issue.forgejo_issue_number}
            </span>
            . Changes will be saved to the connected Git provider.
          </DialogDescription>
        </DialogHeader>

        <div className="space-y-4">
          <div className="space-y-1.5">
            <label htmlFor="issue-title" className="text-sm font-medium text-strong">Title</label>
            <Input
              id="issue-title"
              value={title}
              onChange={(e) => setTitle(e.target.value)}
              disabled={isSubmitting}
              placeholder="Issue title"
            />
          </div>

          <div className="space-y-1.5">
            <label htmlFor="issue-body" className="text-sm font-medium text-strong">Body</label>
            <Textarea
              id="issue-body"
              value={body}
              onChange={(e) => setBody(e.target.value)}
              rows={10}
              disabled={isSubmitting}
              className="resize-none font-mono text-sm"
              placeholder="Issue body (Markdown supported)"
            />
          </div>
        </div>

        {error ? (
          <div className="rounded-lg border border-[color:rgba(248,113,113,0.35)] bg-[color:rgba(248,113,113,0.08)] p-3 text-xs text-[color:var(--danger)]">
            {error}
          </div>
        ) : null}

        <DialogFooter>
          <Button
            variant="outline"
            onClick={() => onOpenChange(false)}
            disabled={isSubmitting}
          >
            Cancel
          </Button>
          <Button
            onClick={handleSubmit}
            disabled={isSubmitting || !title.trim() || !isDirty}
          >
            {isSubmitting ? "Saving…" : "Save Changes"}
          </Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  );
}