یادداشت

<FieldError message={errors.notes?.message} />
      </div>
      <div className="sm:col-span-2">
        <button type="submit" className="btn btn-primary" disabled={pending}>
          {pending ? "در حال ذخیره…" : customerId ? "ذخیره تغییرات" : "ثبت مشتری"}
        </button>
      </div>
    </form>
  );
}

type GuarantorFormValues = z.input<typeof guarantorSchema>;

export function GuarantorForm({ customerId, onDone }: { customerId: string; onDone?: () => void }) {
  const router = useRouter();
  const [pending, start] = useTransition();
  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm<GuarantorFormValues>({ resolver: zodResolver(guarantorSchema), defaultValues: { customerId } });

return (
    <form
      className="grid grid-cols-1 gap-4 sm:grid-cols-2"
      onSubmit={handleSubmit((values) =>
        start(async () => {
          const res = await addGuarantor({ ...values, customerId });
          if (!res.ok) {
            toast.error(res.error);
            return;
          }
          toast.success("ضامن ثبت شد");
          onDone?.();
          router.refresh();
        }),
      )}
    >
      <div>
        <label className="label">نام و نام خانوادگی *</label>
        <input className="input" {...register("fullName")} />
        <FieldError message={errors.fullName?.message} />
      </div>
      <div>
        <label className="label">کد ملی</label>
        <input className="input" dir="ltr" inputMode="numeric" maxLength={10} {...register("nationalCode")} />
        <FieldError message={errors.nationalCode?.message} />
      </div>
      <div>
        <label className="label">موبایل</label>
        <input className="input" dir="ltr" inputMode="numeric" maxLength={11} {...register("mobile")} />
        <FieldError message={errors.mobile?.message} />
      </div>
      <div>
        <label className="label">نسبت با مشتری</label>
        <input className="input" placeholder="مثلاً: برادر، همکار" {...register("relation")} />
      </div>
      <div className="sm:col-span-2">
        <label className="label">آدرس محل کار/سکونت</label>
        <input className="input" {...register("address")} />
      </div>
      <div className="sm:col-span-2">
        <button type="submit" className="btn btn-primary" disabled={pending}>
          {pending ? "در حال ذخیره…" : "افزودن ضامن"}
        </button>
      </div>
    </form>
  );
}

export function DeleteGuarantorButton({ id, customerId }: { id: string; customerId: string }) {
  const router = useRouter();
  const [pending, start] = useTransition();
  return (
    <button
      type="button"
      className="btn btn-danger btn-sm"
      disabled={pending}
      onClick={() => {
        if (!confirm("ضامن حذف شود؟")) return;
        start(async () => {
          const res = await deleteGuarantor(id, customerId);
          if (!res.ok) {
            toast.error(res.error);
            return;
          }
          toast.success("ضامن حذف شد");
          router.refresh();
        });
      }}
    >
      <Trash2 className="size-3.5" />
    </button>
  );
}

// Customer activation/blacklist controls live in components/forms/detail-actions.tsx
// (CustomerStateButtons) so that lifecycle changes always capture an audited reason.

export function DocumentUpload({ ownerType, ownerId, label }: { ownerType: string; ownerId: string; label?: string }) {
  const router = useRouter();
  const inputRef = useRef<HTMLInputElement>(null);
  const [pending, start] = useTransition();
  return (
    <div>
      <input
        ref={inputRef}
        type="file"
        accept="image/jpeg,image/png,application/pdf"
        className="hidden"
        onChange={(e) => {
          const file = e.target.files?.[0];
          if (!file) return;
          if (file.size > 5 * 1024 * 1024) {
            toast.error("حجم فایل نباید بیش از ۵ مگابایت باشد");
            return;
          }
          start(async () => {
            const fd = new FormData();
            fd.set("file", file);
            fd.set("ownerType", ownerType);
            fd.set("ownerId", ownerId);
            const res = await fetch("/api/upload", { method: "POST", body: fd });
            const body = (await res.json().catch(() => ({}))) as { error?: string };
            if (!res.ok) {
              toast.error(body.error ?? "بارگذاری ناموفق بود");
              return;
            }
            toast.success("سند بارگذاری شد");
            router.refresh();
            if (inputRef.current) inputRef.current.value = "";
          });
        }}
      />
      <button type="button" className="btn btn-outline btn-sm" disabled={pending} onClick={() => inputRef.current?.click()}>
        <UploadCloud className="size-4" />
        {pending ? "در حال بارگذاری…" : label ?? "بارگذاری سند"}
      </button>
    </div>
  );
}