'use client';

import { Task, TaskStatus } from '@/lib/types';
import { useMemo } from 'react';
import { getAllPriorities } from '@/lib/status-config';
import { SwimlanesBase, SwimlaneData } from './SwimlanesBase';

interface PrioritySwimlanesoardProps {
  tasks: Task[];
  onDeleteTask?: (taskId: string) => Promise<void>;
  onEditTask?: (task: Task) => void;
  onUpdateTitle?: (taskId: string, newTitle: string) => Promise<void>;
  onUpdateStatus?: (taskId: string, newStatus: TaskStatus) => Promise<void>;
  compactView?: boolean;
  visibleStatuses?: TaskStatus[];
}

export function PrioritySwimlanesBoard({ 
  tasks, 
  onDeleteTask, 
  onEditTask, 
  onUpdateTitle, 
  onUpdateStatus, 
  compactView = false,
  visibleStatuses
}: PrioritySwimlanesoardProps) {

  // Grouper les tâches par priorités et créer les données de swimlanes
  const swimlanesData = useMemo((): SwimlaneData[] => {
    const grouped: { [priorityKey: string]: Task[] } = {};
    
    // Initialiser avec toutes les priorités
    getAllPriorities().forEach(priority => {
      grouped[priority.key] = [];
    });
    
    tasks.forEach(task => {
      if (grouped[task.priority]) {
        grouped[task.priority].push(task);
      }
    });
    
    // Convertir en format SwimlaneData en respectant l'ordre de priorité
    return getAllPriorities()
      .sort((a, b) => b.order - a.order) // Ordre décroissant - plus importantes en haut
      .map(priority => ({
        key: priority.key,
        label: priority.label,
        icon: priority.icon,
        color: priority.color,
        tasks: grouped[priority.key] || []
      }));
  }, [tasks]);

  return (
    <SwimlanesBase
      tasks={tasks}
      title="Swimlanes par Priorité"
      swimlanes={swimlanesData}
      onDeleteTask={onDeleteTask}
      onEditTask={onEditTask}
      onUpdateTitle={onUpdateTitle}
      onUpdateStatus={onUpdateStatus}
      compactView={compactView}
      visibleStatuses={visibleStatuses}
    />
  );
}