import React, { useState } from ‘react’;
import { DragDropContext, Droppable, Draggable } from ‘react-beautiful-dnd’;
import { Card, CardHeader, CardTitle, CardContent } from ‘@/components/ui/card’;
import { Button } from ‘@/components/ui/button’;
import { Input } from ‘@/components/ui/input’;
import { Calendar, Clock, Users } from ‘lucide-react’;

const ProjectPlanner = () => {
const [projects, setProjects] = useState([
{
id: ‘1’,
name: ‘Website Redesign’,
priority: 1,
deadline: ‘2025-03-01’,
resources: [‘John’, ‘Sarah’],
estimatedHours: 40
},
{
id: ‘2’,
name: ‘Mobile App Development’,
priority: 2,
deadline: ‘2025-04-15’,
resources: [‘Mike’, ‘Emma’],
estimatedHours: 80
}
]);

const [resources] = useState([
‘John’, ‘Sarah’, ‘Mike’, ‘Emma’, ‘David’, ‘Lisa’
]);

const autoAssignResources = () => {
// Sort projects by priority and deadline
const sortedProjects = […projects].sort((a, b) => {
if (a.priority !== b.priority) {
return a.priority – b.priority;
}
return new Date(a.deadline) – new Date(b.deadline);
});

// Reset all resource assignments
const updatedProjects = sortedProjects.map(project => ({
…project,
resources: []
}));

// Available resources pool
let availableResources = […resources];

// Assign resources based on priority and estimated hours
updatedProjects.forEach(project => {
const neededResources = Math.ceil(project.estimatedHours / 40); // 40 hours per resource per week
for (let i = 0; i < neededResources && availableResources.length > 0; i++) {
project.resources.push(availableResources.shift());
}
});

setProjects(updatedProjects);
};

const onDragEnd = (result) => {
if (!result.destination) return;

const sourceProject = projects.find(p => p.id === result.source.droppableId);
const destProject = projects.find(p => p.id === result.destination.droppableId);

if (!sourceProject || !destProject) return;

const updatedProjects = projects.map(project => {
if (project.id === sourceProject.id) {
return {
…project,
resources: project.resources.filter((_, index) => index !== result.source.index)
};
}
if (project.id === destProject.id) {
const newResources = […project.resources];
newResources.splice(result.destination.index, 0, sourceProject.resources[result.source.index]);
return {
…project,
resources: newResources
};
}
return project;
});

setProjects(updatedProjects);
};

return (

);
};

export default ProjectPlanner;