import payload from "payload";
import { GroupField } from "payload/types";

function linkField(fieldOverrides?: Partial<GroupField>): GroupField {
  return {
    name: "link",
    type: "group",
    interfaceName: "Link",
    fields: [
      {
        type: "row",
        fields: [
          {
            name: "type",
            type: "radio",
            options: [
              {
                label: "Internal link",
                value: "reference",
              },
              {
                label: "Custom URL",
                value: "custom",
              },
            ],
            defaultValue: "reference",
            admin: {
              layout: "horizontal",
              width: "50%",
            },
          },
          {
            name: "newTab",
            label: "Open in new tab",
            type: "checkbox",
            admin: {
              width: "50%",
              style: {
                alignSelf: "flex-end",
              },
            },
          },
          {
            name: "reference",
            label: "Document to link to",
            type: "relationship",
            relationTo: ["pages"],
            required: true,
            maxDepth: 0,
            admin: {
              condition: (_, siblingData) => siblingData?.type === "reference",
              width: "50%",
            },
            hooks: {
              afterRead: [
                async ({ value, siblingData }) => {
                  if (value && siblingData.type === "reference") {
                    const id = value.value;
                    const pages = await payload.find({
                      collection: "pages",
                      where: {
                        id: { equals: id },
                      },
                      depth: 0,
                    });

                    if (pages.docs[0]?.slug)
                      if (pages.docs[0]) siblingData.url = pages.docs[0].slug;
                  }
                },
              ],
            },
          },
          {
            name: "url",
            label: "Custom URL",
            type: "text",
            required: true,
            admin: {
              condition: (_, siblingData) => siblingData?.type === "custom",
              width: "50%",
            },
          },
          {
            name: "label",
            label: "Label",
            type: "text",
            required: true,
            admin: {
              width: "50%",
            },
          },
        ],
      },
    ],
    ...fieldOverrides,
  };
}

export default linkField;