import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@admin/components/ui/dialog';
import { TaskDetails } from './TaskDetails';

type Mode = 'add' | 'edit';

const TaskDetailsModal = ({
    isTaskDetailsModalOpen,
    setIsTaskDetailsModalOpen,
}: {
    isTaskDetailsModalOpen: boolean;
    setIsTaskDetailsModalOpen: (open: boolean) => void;
}) => {
    return (
        <Dialog open={isTaskDetailsModalOpen} onOpenChange={setIsTaskDetailsModalOpen}>
            <DialogContent className="sm:max-w-7xl">
                <DialogHeader>
                    <DialogTitle className="text-xl font-semibold">Task Details</DialogTitle>
                </DialogHeader>
                <div className="space-y-6 rounded-lg border p-4">
                    <TaskDetails task={sampleTask} onClose={() => console.log('Close clicked')} mode="modal" />
                </div>
            </DialogContent>
        </Dialog>
    );
};

export default TaskDetailsModal;
export const sampleTask = {
    title: 'Meeting with Shaun Park at 4:50pm',
    description:
        'A scheduled discussion to review ongoing updates, align priorities, and address any pending action items. The objective is to ensure clarity on deliverables and maintain smooth collaboration moving forward.',
    objectives: [
        'Review current project status and progress updates',
        'Discuss upcoming milestones and delivery expectations',
        'Clarify responsibilities for pending action items',
        'Address any blockers or concerns from either side',
        'Confirm next steps and follow-up schedule',
    ],
    createdBy: 'Jahangir Alam Khan',
    status: 'Completed' as const,
    createdDate: 'Wed Mar 25 2025',
    dueDate: 'Wed Apr 25 2025',
    priority: 'Low' as const,
    assignedTo: 'Self',
};