import React, { useState, useMemo } from 'react'; import { Search, Calendar, Clock, Filter, Phone, Mail, MapPin } from 'lucide-react'; const TrainingCalendar = () => { const [searchTerm, setSearchTerm] = useState(''); const [selectedMonth, setSelectedMonth] = useState(''); const [selectedDuration, setSelectedDuration] = useState(''); const trainingData = [ { id: 1, name: "HACCP Refresher", duration: 1.0, category: "HACCP", dates: { Jan: [22], Feb: [17], Mar: [26], Apr: [12], May: [15], Jun: [21], Jul: [11], Aug: [25], Sep: [8, 20], Oct: [2], Nov: [17] }, produce: ["Mar", "Jul", "Oct"], bookingUrl: "#book-haccp-refresher" }, { id: 2, name: "Principles & Applications of HACCP", duration: 2.0, category: "HACCP", dates: { Jan: [[21, 22]], Feb: [[17, 18]], Mar: [[26, 27]], Apr: [[12, 13]], May: [[15, 16]], Jun: [[21, 22]], Jul: [[11, 12]], Aug: [[25, 26]], Sep: [[8, 9], [20, 21]], Oct: [[2, 3]], Nov: [[17, 18]] }, produce: ["Mar", "Jul", "Oct"], bookingUrl: "#book-haccp-principles" }, { id: 3, name: "HACCP for 22000 (ISO & FSSC)", duration: 1.0, category: "HACCP", dates: {}, bookingUrl: "#book-haccp-22000" }, { id: 4, name: "Internal Auditor", duration: 2.0, category: "Auditing", dates: { Jan: [[5, 6]], Feb: [[3, 4]], Mar: [[14, 15]], Apr: [[23, 24]], May: [[10, 11]] }, bookingUrl: "#book-internal-auditor" }, { id: 5, name: "FSSC 22000 Update (Version 6)", duration: 0.5, category: "FSSC", dates: { Jan: [28], Feb: [2] }, bookingUrl: "#book-fssc-update" }, { id: 6, name: "Food Fraud Vulnerability and Food Defence Combined Workshop", duration: 1.0, category: "Food Safety", dates: { Feb: [4], Mar: [20], May: [12] }, bookingUrl: "#book-food-fraud" }, { id: 7, name: "VITAL 4.0", duration: 1.0, category: "Standards", dates: { Jan: [19], Feb: [3] }, bookingUrl: "#book-vital" }, { id: 8, name: "Labelling Legislation", duration: 1.0, category: "Compliance", dates: { Jan: [20], Feb: [17] }, bookingUrl: "#book-labelling" }, { id: 9, name: "Food Safety Culture", duration: 0.5, category: "Food Safety", dates: { Feb: [13], Apr: [11], Jun: [12] }, bookingUrl: "#book-food-culture" }, { id: 10, name: "Recall Workshop", duration: 0.5, category: "Food Safety", dates: { Jan: [30], Apr: [30] }, bookingUrl: "#book-recall" }, { id: 11, name: "BRCGS: Environmental Monitoring", duration: 1.0, category: "BRCGS", dates: {}, bookingUrl: "#book-brc-environmental" }, { id: 12, name: "BRCGS: Risk Assessment", duration: 1.0, category: "BRCGS", dates: { Feb: [1] }, bookingUrl: "#book-brc-risk" }, { id: 13, name: "BRCGS: Root Cause Analysis", duration: 1.0, category: "BRCGS", dates: { Feb: [2] }, bookingUrl: "#book-brc-root-cause" }, { id: 14, name: "BRCGS: Verification and Validation", duration: 1.0, category: "BRCGS", dates: { Feb: [8] }, bookingUrl: "#book-brc-verification" }, { id: 15, name: "BRCGS: Lead Auditor", duration: 5.0, category: "BRCGS", dates: { Feb: [[10, 14]], Apr: [[7, 11]] }, bookingUrl: "#book-brc-lead-auditor" }, { id: 16, name: "BRCGS: V9 Site Training Course", duration: 2.0, category: "BRCGS", dates: { Feb: [[7, 8]] }, bookingUrl: "#book-brc-v9" }, { id: 17, name: "BRCGS: Storage & Distribution – Understanding Requirements", duration: 2.0, category: "BRCGS", dates: {}, bookingUrl: "#book-brc-storage-req" }, { id: 18, name: "BRCGS: Storage & Distribution V4 Auditor Training", duration: 3.0, category: "BRCGS", dates: {}, bookingUrl: "#book-brc-storage-auditor" }, { id: 19, name: "BRCGS: Storage & Distribution V4 Site Training", duration: 2.0, category: "BRCGS", dates: {}, bookingUrl: "#book-brc-storage-site" }, { id: 20, name: "Intro to Food Micro (Micro for non-microbiologists)", duration: 0.5, category: "Food Safety", dates: { Feb: [3] }, bookingUrl: "#book-food-micro" }, { id: 21, name: "Understanding potential food safety hazards from packaging", duration: 0.5, category: "Food Safety", dates: { Feb: [6, 18] }, bookingUrl: "#book-packaging-hazards" }, { id: 22, name: "Understanding your ethical practices & social responsibility", duration: 0.5, category: "Ethics", dates: {}, bookingUrl: "#book-ethics" }, { id: 23, name: "Shelf-Life Training (Coming Soon)", duration: 0.5, category: "Food Safety", dates: {}, bookingUrl: "#book-shelf-life", comingSoon: true } ]; const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; const categories = ['All', 'HACCP', 'BRCGS', 'Food Safety', 'Auditing', 'FSSC', 'Standards', 'Compliance', 'Ethics']; const durations = ['All', '0.5', '1.0', '2.0', '3.0', '5.0']; const filteredTraining = useMemo(() => { return trainingData.filter(course => { const matchesSearch = course.name.toLowerCase().includes(searchTerm.toLowerCase()); const matchesCategory = !selectedMonth || Object.keys(course.dates).some(month => selectedMonth === 'All' || month === selectedMonth ); const matchesDuration = !selectedDuration || selectedDuration === 'All' || course.duration.toString() === selectedDuration; return matchesSearch && matchesCategory && matchesDuration; }); }, [searchTerm, selectedMonth, selectedDuration]); const formatDates = (dates, month, isProduceCourse) => { if (!dates[month]) return null; return dates[month].map((date, idx) => { const isProduceMonth = isProduceCourse && isProduceCourse.includes(month); const dateStr = Array.isArray(date) ? `${date[0]}-${date[1]}` : date.toString(); return ( {dateStr} {isProduceMonth && P} ); }); }; const getDurationBadge = (duration) => { const colors = { 0.5: 'bg-yellow-100 text-yellow-800', 1.0: 'bg-blue-100 text-blue-800', 2.0: 'bg-purple-100 text-purple-800', 3.0: 'bg-indigo-100 text-indigo-800', 5.0: 'bg-red-100 text-red-800' }; return colors[duration] || 'bg-gray-100 text-gray-800'; }; return ( ); }; export default TrainingCalendar;