feat: complete day 17

day17/routes/index.js

@@ -28,8 +28,10 @@ function getTimezoneGroups() {
   const groups = {};
   for (const region in regions) {
     groups[region] = regions[region].map((tz) => ({
-      value: tz,
-      label: moment().tz(tz).zoneAbbr() + " " + moment().tz(tz).format("h:mma"),
+      name: tz,
+      label: tz.replace(/_/g, " ").replace("America/", ""),
+      time_am: moment().tz(tz).format("h:mma"),
+      time_24: moment().tz(tz).format("HH:mm"),
     }));
   }
   return groups;
@@ -44,9 +46,11 @@ function getAllTimezones() {
 }
 
 // Helper: Generate week days and slots
-function getWeekDaysAndSlots(selectedTz) {
+function getWeekDaysAndSlots(selectedTz, weekOffset = 0) {
   const weekDays = [];
-  const today = moment().tz(selectedTz);
+  const today = moment()
+    .tz(selectedTz)
+    .add(weekOffset * 7, "days");
   for (let i = 0; i < 7; i++) {
     const day = today.clone().add(i, "days");
     weekDays.push({
@@ -89,20 +93,30 @@ router.get("/timezone", function (req, res) {
 // Calendar slot selection screen
 router.get("/calendar", function (req, res) {
   const selectedTimezone = req.query.tz || "America/New_York";
-  const { weekDays, maxSlots } = getWeekDaysAndSlots(selectedTimezone);
+  const weekOffset = parseInt(req.query.week) || 0;
+  const { weekDays, maxSlots } = getWeekDaysAndSlots(
+    selectedTimezone,
+    weekOffset
+  );
   res.render("calendar", {
     selectedTimezone,
     weekDays,
     maxSlots,
-    showPrevWeek: false, // For demo, only next week link
+    showPrevWeek: weekOffset > 0,
+    prevWeek: weekOffset - 1,
+    nextWeek: weekOffset + 1,
   });
 });
 
 // Booking form screen
 router.get("/book", function (req, res) {
   const selectedTimezone = req.query.tz || "America/New_York";
+  const selectedDate = req.query.date || "";
+  const selectedTime = req.query.time || "";
   res.render("booking-form", {
     selectedTimezone,
+    selectedDate,
+    selectedTime,
   });
 });