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

type Mode = 'add' | 'edit';

const EventDetailsModal = ({
    isEventDetailsModalOpen,
    setIsEventDetailsModalOpen,
}: {
    isEventDetailsModalOpen: boolean;
    setIsEventDetailsModalOpen: (open: boolean) => void;
}) => {
    return (
        <Dialog open={isEventDetailsModalOpen} onOpenChange={setIsEventDetailsModalOpen}>
            <DialogContent className="sm:max-w-7xl">
                <DialogHeader>
                    <DialogTitle className="text-xl font-semibold">Event Details</DialogTitle>
                </DialogHeader>
                <div className="space-y-6 rounded-lg border p-4">
                    <EventDetails event={sampleEvent} onClose={() => console.log('Close clicked')} mode="modal" />
                </div>
            </DialogContent>
        </Dialog>
    );
};

export default EventDetailsModal;
export const sampleEvent = {
    title: 'Quarterly Planning Meeting',
    description:
        'A comprehensive quarterly planning session to review progress, set goals for the next quarter, and align teams on key initiatives. We will discuss project milestones, resource allocation, and strategic priorities.',
    agenda: [
        'Q3 performance review and metrics analysis',
        'Project status updates from department leads',
        'Q4 goals and OKR setting',
        'Resource planning and budget allocation',
        'Strategic initiatives and priorities discussion',
    ],
    organizer: 'Sarah Johnson',
    status: 'Upcoming' as const,
    createdDate: 'Wed Mar 15 2025',
    eventDate: 'Wed Apr 10 2025',
    eventTime: '09:30 AM - 12:30 PM',
    type: 'Meeting' as const,
    location: 'Conference Room A - 5th Floor',
    attendees: ['Sarah Johnson', 'Michael Chen', 'Priya Patel', 'James Wilson', 'Emma Rodriguez'],
};