import React from 'react';

import { skipTaggingForLongClipsSelector } from '@/modules/feeds/Editor/redux/selectors';

import { FormRow } from '@/modules/@common/Form';
import { useAppSelector } from '@/modules/@common/store/hooks';
import CreateClipSelector from '@/modules/feeds/Editor/components/FormElements/CreateClipSelector/CreateClipSelector';
import FeedPriority from '@/modules/feeds/Editor/components/FormElements/FeedPriority/FeedPriority';
import ImmediateAvailability from '@/modules/feeds/Editor/components/FormElements/ImmediateAvailability/ImmediateAvailability';
import Keywords from '@/modules/feeds/Editor/components/FormElements/Keywords/Keywords';
import MaxDurationForTagging from '@/modules/feeds/Editor/components/FormElements/MaxDurationForTagging/MaxDurationForTagging';
import PriorityVerification from '@/modules/feeds/Editor/components/FormElements/PriorityVerification/PriorityVerification';
import SkipTaggingForLongClips from '@/modules/feeds/Editor/components/FormElements/SkipTaggingForLongClips/SkipTaggingForLongClips';
import VideoFileType from '@/modules/feeds/Editor/components/FormElements/VideoFileType/VideoFileType';

function AdvancedTab() {
  const skipTaggingForLongClips = useAppSelector(skipTaggingForLongClipsSelector);
  return (
    <>
      <FormRow label="Skip Tagging for Long Clips">
        <SkipTaggingForLongClips />
      </FormRow>
      <FormRow label="Max Duration for Tagging (sec)">
        <MaxDurationForTagging disabled={!skipTaggingForLongClips} />
      </FormRow>
      <FormRow label="Keywords" tooltip="Comma delimited">
        <Keywords />
      </FormRow>

      <FormRow label="Video File Types">
        <VideoFileType />
      </FormRow>

      <FormRow label="Create Clip">
        <CreateClipSelector />
      </FormRow>
      <FormRow label="Immediate Availability (video+thumbnail available)">
        <ImmediateAvailability />
      </FormRow>

      <FormRow label="Source Priority">
        <FeedPriority />
      </FormRow>

      <FormRow label="Priority Verification">
        <PriorityVerification />
      </FormRow>
    </>
  );
}

export default AdvancedTab;
