import { SkipSegment } from '../types';
import { state } from '../state';

const MIN_SEGMENT_DURATION = 20;
const MAX_SEGMENT_DURATION = 240;
const MAX_INTRO_START = 180;
const MIN_OUTRO_START_RATIO = 0.5;

export const resolveActiveSegments = (): void => {
  const bounds = state.video.duration;
  if (bounds <= 0) {
    state.activeSegments = [];
    return;
  }

  state.activeSegments = state.parsedSegments.filter(s => {
    const len = s.end - s.start;
    if (len < MIN_SEGMENT_DURATION || len > MAX_SEGMENT_DURATION) return false;
    if (s.start < 0 || s.end <= s.start || s.end > bounds + 1) return false;

    if (s.type === 'op') {
      return s.start <= MAX_INTRO_START && s.start <= bounds * 0.5;
    }
    if (s.type === 'ed') {
      return s.start >= bounds * MIN_OUTRO_START_RATIO;
    }
    return false;
  });
};

export const renderSegments = (): void => {
  const track = state.container.querySelector('[data-segments]') as HTMLElement | null;
  if (!track) return;
  track.innerHTML = '';

  const bounds = state.video.duration;
  if (bounds <= 0) return;

  state.activeSegments.forEach(s => {
    const bar = document.createElement('div');
    bar.className = 'absolute top-0 h-full bg-white/80';
    bar.style.left = `${(s.start / bounds) * 100}%`;
    bar.style.width = `${((s.end - s.start) / bounds) * 100}%`;
    track.appendChild(bar);
  });
};