import { CollectionGroups, Collections } from "../../constants";
import { componentField } from "../../fields/componentField/componentField";
import { imageField } from "../../fields/imageField/imageField";
import { rowField } from "../../fields/rowField/rowField";
import { tagsField } from "../../fields/tagsField/tagsField";
import { translatedFields } from "../../fields/translatedFields/translatedFields";
import { buildCollectionConfig } from "../../utils/collectionConfig";
import { createEditor } from "../../utils/editor";

const fields = {
  filename: "filename",
  mimeType: "mimeType",
  filesize: "filesize",
  updatedAt: "updatedAt",
  translations: "translations",
  translationsTitle: "title",
  translationsDescription: "description",
  translationsSubfile: "subfile",
  thumbnail: "thumbnail",
  duration: "duration",
  tags: "tags",
  platform: "platform",
  platformChannel: "channel",
  platformViews: "views",
  platformPublishedDate: "publishedDate",
  platformUrl: "url",
  platformLikes: "likes",
  platformDislikes: "dislikes",
};

export const Videos = buildCollectionConfig({
  slug: Collections.Videos,
  labels: { singular: "Video", plural: "Videos" },
  defaultSort: fields.updatedAt,
  admin: {
    group: CollectionGroups.Media,
    defaultColumns: [
      fields.filename,
      fields.mimeType,
      fields.filesize,
      fields.translations,
      fields.updatedAt,
    ],
  },
  upload: {
    mimeTypes: ["video/*"],
    disableLocalStorage: true,
  },
  fields: [
    rowField([
      { name: fields.duration, type: "number", min: 0, required: true },
      imageField({
        name: fields.thumbnail,
        relationTo: Collections.MediaThumbnails,
        required: true,
      }),
    ]),
    translatedFields({
      name: fields.translations,
      admin: { useAsTitle: fields.translationsTitle },
      required: true,
      minRows: 1,
      fields: [
        { name: fields.translationsTitle, type: "text", required: true },
        {
          name: fields.translationsDescription,
          type: "richText",
          editor: createEditor({ inlines: true, lists: true, links: true }),
        },
        {
          name: fields.translationsSubfile,
          type: "upload",
          relationTo: Collections.VideosSubtitles,
          admin: { description: "The subtitle file needs to follow the WebVTT file format (.vtt)" },
        },
      ],
    }),
    tagsField({ name: fields.tags }),
    componentField({
      name: fields.platform,
      admin: {
        description:
          "If the video comes from a platform (e.g: YouTube, NicoNico, Tumblr...),\
           add additional informations here.",
      },
      fields: [
        {
          name: fields.platformChannel,
          type: "relationship",
          relationTo: Collections.VideosChannels,
          required: true,
        },
        rowField([
          { name: fields.platformViews, type: "number", min: 0 },
          { name: fields.platformLikes, type: "number", min: 0 },
          { name: fields.platformDislikes, type: "number", min: 0 },
        ]),
        {
          name: fields.platformUrl,
          type: "text",
          required: true,
          admin: {
            description:
              "If the video comes from a platform (e.g: YouTube, NicoNico, Tumblr...), paste the URL here.",
          },
        },
        {
          name: fields.platformPublishedDate,
          required: true,
          type: "date",
          admin: {
            date: { pickerAppearance: "dayOnly", displayFormat: "yyyy-MM-dd" },
          },
        },
      ],
    }),
  ],
});