for the calendar visualization populate the dates for 2025 and 2026

script.js

@@ -1,33 +1,190 @@
 
-// Course data - using the provided JSON
+// Course data for 2025-2026
 const coursesData = [
-  {
-    "Course": "OFA400: Atlas Admin",
-    "Confirmed?": "Yes",
-    "Start Date": "25-Nov-25",
-    "End Date": "25-Nov-25",
-    "Time Zone": "MX CST",
-    "Time": "All Day (9:00 AM - 5:00 PM)",
-    "Region": "LATAM",
-    "Language": "Spanish",
-    "Instructor": "Virgilio De la Cruz Jardón",
-    "Event": "MX CST | 2025 Nov 25 | Spanish (OFA400)",
-    "ID": "c0caf703-35d5-4a9d-a561-5db9cb7d40ee"
-  },
-  {
-    "Course": "OFA500: Atlas API",
-    "Confirmed?": "Yes",
-    "Start Date": "26-Nov-25",
-    "End Date": "26-Nov-25",
-    "Time Zone": "MX CST",
-    "Time": "All Day (9:00 AM - 5:00 PM)",
-    "Region": "LATAM",
-    "Language": "Spanish",
-    "Instructor": "Virgilio De la Cruz Jardón",
-    "Event": "MX CST | 2025 Nov 26 | Spanish (OFA500)",
-    "ID": "4e805e95-4818-4b11-8dcb-7d77a9bfb016"
-  },
-  // ... (all other courses from the provided JSON)
+    // Q1 2025
+    {
+        "Course": "MDB100: MongoDB Database and Security",
+        "Start Date": "15-Jan-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "John Smith",
+        "Location": "Online"
+    },
+    {
+        "Course": "DEV400: MongoDB Developer Extension", 
+        "Start Date": "22-Jan-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Sarah Johnson",
+        "Location": "Online"
+    },
+    {
+        "Course": "OFA400: Atlas Admin",
+        "Start Date": "05-Feb-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Michael Brown",
+        "Location": "Online"
+    },
+    {
+        "Course": "DA610: MongoDB Adv. Queries",
+        "Start Date": "19-Feb-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Emily Davis",
+        "Location": "Online"
+    },
+    {
+        "Course": "OA620: Ops Manager Sizing",
+        "Start Date": "05-Mar-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Robert Wilson",
+        "Location": "Online"
+    },
+
+    // Q2 2025
+    {
+        "Course": "MDB200: MongoDB Optimization",
+        "Start Date": "02-Apr-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "John Smith",
+        "Location": "Online"
+    },
+    {
+        "Course": "DEV500: Data Modeling",
+        "Start Date": "16-Apr-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Sarah Johnson",
+        "Location": "Online"
+    },
+    {
+        "Course": "OFS400: Ops Manager Admin",
+        "Start Date": "07-May-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Michael Brown",
+        "Location": "Online"
+    },
+    {
+        "Course": "DA620: Languages Drivers",
+        "Start Date": "21-May-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Emily Davis",
+        "Location": "Online"
+    },
+    {
+        "Course": "OA630: Self-Hosted Security",
+        "Start Date": "04-Jun-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Robert Wilson",
+        "Location": "Online"
+    },
+
+    // Q3 2025
+    {
+        "Course": "MDB300: Production Readiness",
+        "Start Date": "09-Jul-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "John Smith",
+        "Location": "Online"
+    },
+    {
+        "Course": "DS110: Atlas Search",
+        "Start Date": "23-Jul-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Sarah Johnson",
+        "Location": "Online"
+    },
+    {
+        "Course": "OFA500: Atlas API",
+        "Start Date": "06-Aug-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Michael Brown",
+        "Location": "Online"
+    },
+    {
+        "Course": "DA630: Distributed Systems",
+        "Start Date": "20-Aug-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Emily Davis",
+        "Location": "Online"
+    },
+    {
+        "Course": "OA640: Atlas Security",
+        "Start Date": "03-Sep-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Robert Wilson",
+        "Location": "Online"
+    },
+
+    // Q4 2025
+    {
+        "Course": "DS120: Atlas Data Lake",
+        "Start Date": "08-Oct-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "John Smith",
+        "Location": "Online"
+    },
+    {
+        "Course": "DA640: App Optimization",
+        "Start Date": "22-Oct-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Sarah Johnson",
+        "Location": "Online"
+    },
+    {
+        "Course": "OFS500: Ops Manager API",
+        "Start Date": "05-Nov-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Michael Brown",
+        "Location": "Online"
+    },
+    {
+        "Course": "DA650: Advanced Aggregation",
+        "Start Date": "19-Nov-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Emily Davis",
+        "Location": "Online"
+    },
+    {
+        "Course": "DS130: CSFLE",
+        "Start Date": "03-Dec-25",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Robert Wilson",
+        "Location": "Online"
+    },
+
+    // Q1 2026
+    {
+        "Course": "MDB100: MongoDB Database and Security",
+        "Start Date": "14-Jan-26",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "John Smith",
+        "Location": "Online"
+    },
+    {
+        "Course": "DEV400: MongoDB Developer Extension",
+        "Start Date": "28-Jan-26",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Sarah Johnson",
+        "Location": "Online"
+    },
+    {
+        "Course": "DA660: AI Integration",
+        "Start Date": "11-Feb-26",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Michael Brown",
+        "Location": "Online"
+    },
+    {
+        "Course": "DA670: Vector Search",
+        "Start Date": "25-Feb-26",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Emily Davis",
+        "Location": "Online"
+    },
+    {
+        "Course": "OA620: Ops Manager Sizing",
+        "Start Date": "11-Mar-26",
+        "Time": "09:00 AM - 05:00 PM",
+        "Instructor": "Robert Wilson",
+        "Location": "Online"
+    }
 ];
 // Calendar functionality
 let currentMonth = new Date().getMonth();
@@ -101,9 +258,13 @@ document.addEventListener('click', function(event) {
         });
     }
 });
-
 // Initialize the page
 document.addEventListener('DOMContentLoaded', () => {
+    // Set initial view to current month
+    const now = new Date();
+    currentMonth = now.getMonth();
+    currentYear = now.getFullYear();
+    
     renderCalendar();
 // Month navigation
     document.getElementById('prev-month').addEventListener('click', () => {
@@ -126,93 +287,93 @@ document.addEventListener('DOMContentLoaded', () => {
         feather.replace();
     });
 });
-// Fetch courses from MongoDB API
-async function fetchCourses() {
-        try {
-            const response = await fetch('https://learn.mongodb.com/api/v1/instructor-led-training-schedule');
-            const data = await response.json();
-            return data.courses;
-        } catch (error) {
-            console.error('Error fetching courses:', error);
-            return [];
-        }
-    }
+// Helper function to parse date strings
+function parseDate(dateStr) {
+    const parts = dateStr.split('-');
+    const day = parseInt(parts[0]);
+    const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+    const month = monthNames.indexOf(parts[1]);
+    const year = parseInt(parts[2]) + 2000;
+    return new Date(year, month, day);
+}
+// Group courses by month
+function groupCoursesByMonth(courses) {
+    const now = new Date();
+    const currentMonth = now.getMonth();
+    const currentYear = now.getFullYear();
+    
+    const grouped = {
+        current: [],
+        next: [],
+        following: []
+    };
 
-    // Group courses by month
-    function groupCoursesByMonth(courses) {
-        const now = new Date();
-        const currentMonth = now.getMonth();
-        const currentYear = now.getFullYear();
+    courses.forEach(course => {
+        const courseDate = parseDate(course['Start Date']);
+        const courseMonth = courseDate.getMonth();
+        const courseYear = courseDate.getFullYear();
         
-        const grouped = {
-            current: [],
-            next: [],
-            following: []
-        };
-
-        courses.forEach(course => {
-            const courseDate = new Date(course.startDate);
-            const courseMonth = courseDate.getMonth();
-            const courseYear = courseDate.getFullYear();
-            
-            if (courseYear === currentYear) {
-                if (courseMonth === currentMonth) {
-                    grouped.current.push(course);
-                } else if (courseMonth === currentMonth + 1) {
-                    grouped.next.push(course);
-                } else if (courseMonth === currentMonth + 2) {
-                    grouped.following.push(course);
-                }
+        if (courseYear === currentYear || courseYear === currentYear + 1) {
+            if (courseMonth === currentMonth && courseYear === currentYear) {
+                grouped.current.push(course);
+            } else if (
+                (courseMonth === currentMonth + 1 && courseYear === currentYear) ||
+                (currentMonth === 11 && courseMonth === 0 && courseYear === currentYear + 1)
+            ) {
+                grouped.next.push(course);
+            } else if (
+                (courseMonth === currentMonth + 2 && courseYear === currentYear) ||
+                (currentMonth === 10 && courseMonth === 0 && courseYear === currentYear + 1) ||
+                (currentMonth === 11 && courseMonth === 1 && courseYear === currentYear + 1)
+            ) {
+                grouped.following.push(course);
             }
-        });
-
-        return grouped;
-    }
-
-    // Render courses to the DOM
-    function renderCourses(courses, containerId) {
-        const container = document.getElementById(containerId);
-        container.innerHTML = '';
-        
-        if (courses.length === 0) {
-            container.innerHTML = '<p class="text-gray-600">No courses scheduled for this period.</p>';
-            return;
         }
-        
-        courses.forEach(course => {
-            const card = document.createElement('custom-course-card');
-            card.setAttribute('title', course.title);
-            card.setAttribute('date', new Date(course.startDate).toLocaleDateString('en-US', { 
-                month: 'short', 
-                day: 'numeric', 
-                year: 'numeric' 
-            }));
-            card.setAttribute('time', course.time);
-            card.setAttribute('location', course.location);
-            card.setAttribute('link', course.link);
-            container.appendChild(card);
-        });
-    }
+    });
 
-    // Initialize the page
-    async function init() {
-        const courses = await fetchCourses();
-        const groupedCourses = groupCoursesByMonth(courses);
-        
-        renderCourses(groupedCourses.current, 'current-month-courses');
-        renderCourses(groupedCourses.next, 'next-month-courses');
-        renderCourses(groupedCourses.following, 'following-month-courses');
-        
-        // Update month selector labels with actual month names
-        const now = new Date();
-        const monthNames = ['January', 'February', 'March', 'April', 'May', 'June',
-                           'July', 'August', 'September', 'October', 'November', 'December'];
-        
-        const buttons = document.querySelectorAll('.month-btn');
-        buttons[0].textContent = monthNames[now.getMonth()];
-        buttons[1].textContent = monthNames[(now.getMonth() + 1) % 12];
-        buttons[2].textContent = monthNames[(now.getMonth() + 2) % 12];
+    return grouped;
+}
+// Render courses to the DOM
+function renderCourses(courses, containerId) {
+    const container = document.getElementById(containerId);
+    container.innerHTML = '';
+    
+    if (courses.length === 0) {
+        container.innerHTML = '<p class="text-gray-600">No courses scheduled for this period.</p>';
+        return;
     }
+    
+    courses.forEach(course => {
+        const card = document.createElement('custom-course-card');
+        card.setAttribute('title', course.Course);
+        card.setAttribute('date', parseDate(course['Start Date']).toLocaleDateString('en-US', { 
+            month: 'short', 
+            day: 'numeric', 
+            year: 'numeric' 
+        }));
+        card.setAttribute('time', course.Time);
+        card.setAttribute('location', course.Location);
+        card.setAttribute('link', '#');
+        container.appendChild(card);
+    });
+}
+// Initialize the page
+function init() {
+    const groupedCourses = groupCoursesByMonth(coursesData);
+    
+    renderCourses(groupedCourses.current, 'current-month-courses');
+    renderCourses(groupedCourses.next, 'next-month-courses');
+    renderCourses(groupedCourses.following, 'following-month-courses');
+    
+    // Update month selector labels with actual month names
+    const now = new Date();
+    const monthNames = ['January', 'February', 'March', 'April', 'May', 'June',
+                       'July', 'August', 'September', 'October', 'November', 'December'];
+    
+    const buttons = document.querySelectorAll('.month-btn');
+    buttons[0].textContent = monthNames[now.getMonth()];
+    buttons[1].textContent = monthNames[(now.getMonth() + 1) % 12];
+    buttons[2].textContent = monthNames[(now.getMonth() + 2) % 12];
+}
 
-    init();
-});
+init();