# 🛠️ Practical Examples: Real Update Scenarios

## 📋 Example 1: Adding a New Stop "ICA Maxi Helsingborg"

### **What You Want to Do:**
Add a new vaccination stop at ICA Maxi Helsingborg for October 20th, 2025.

### **Step 1: Get the Google Maps URL**
1. Go to [Google Maps](https://maps.google.com)
2. Search: "ICA Maxi Helsingborg"
3. Click "Share" → "Embed a map"
4. Copy the iframe src URL

### **Step 2: Add to schedule-data.js**
Find the `schedule: [` array and add this line:
```javascript
{date: "2025-10-20", heading: "Måndagskarta - ICA Maxi Helsingborg", url: "https://www.google.com/maps?hl=en&q=ICA%20Maxi%20Helsingborg%2C%20Helsingborg%2C%20Sweden&output=embed"}
```

### **Step 3: Add Address Mapping**
In `schedule-carousel-module.js`, find the `addressMap` object and add:
```javascript
'ICA Maxi Helsingborg': 'Helsingborg, Sverige'
```

### **Result:**
- Daily map will show ICA Maxi Helsingborg on October 20th
- Carousel will show "Helsingborg, Sverige" as the address
- System automatically handles the 42-day rotation

---

## 📋 Example 2: Changing "Båstad Willys" to "Båstad ICA"

### **What You Want to Do:**
Replace the Willys location in Båstad with an ICA store.

### **Step 1: Find the Current Entry**
In `schedule-data.js`, find:
```javascript
{date: "2025-09-08", heading: "Måndagskarta - Båstad Willys", url: "https://www.google.com/maps?hl=en&q=Willys%20B%C3%A5stad%2C%20Stenhusv%C3%A4gen%207E%2C%20269%2036%20B%C3%A5stad%2C%20Sweden&output=embed"}
```

### **Step 2: Update the Entry**
Change it to:
```javascript
{date: "2025-09-08", heading: "Måndagskarta - Båstad ICA", url: "https://www.google.com/maps?hl=en&q=ICA%20B%C3%A5stad%2C%20B%C3%A5stad%2C%20Sweden&output=embed"}
```

### **Step 3: Update Address Mapping**
In `schedule-carousel-module.js`, find:
```javascript
'Båstad Willys': 'Stenhusvägen 7E, 269 36 Båstad, Sverige'
```
Change to:
```javascript
'Båstad ICA': 'ICA Båstad, Båstad, Sverige'
```

### **Result:**
- All instances of "Båstad Willys" become "Båstad ICA"
- Maps point to the new ICA location
- Addresses show the new ICA address

---

## 📋 Example 3: Adding a No-Service Day

### **What You Want to Do:**
Make October 25th a no-service day (no vaccination bus).

### **Step 1: Add to schedule-data.js**
```javascript
{date: "2025-10-25", heading: "Lördagskarta - Ingen vaccination", url: "N/A"}
```

### **Step 2: No Address Mapping Needed**
No-service days don't need address mappings.

### **Result:**
- October 25th shows "Ingen vaccination"
- Daily map shows next available service
- Carousel shows "Ingen buss idag" message with next service info

---

## 📋 Example 4: Changing a No-Service Day to Service Day

### **What You Want to Do:**
Make September 2nd (currently no service) have vaccination at "Lund Centrum".

### **Step 1: Update schedule-data.js**
Find:
```javascript
{date: "2025-09-02", heading: "Tisdagskarta - Ingen vaccination", url: "N/A"}
```
Change to:
```javascript
{date: "2025-09-02", heading: "Tisdagskarta - Lund Centrum", url: "https://www.google.com/maps?hl=en&q=Lund%20Centrum%2C%20Lund%2C%20Sweden&output=embed"}
```

### **Step 2: Add Address Mapping**
In `schedule-carousel-module.js`, add:
```javascript
'Lund Centrum': 'Lund Centrum, Lund, Sverige'
```

### **Result:**
- September 2nd now shows vaccination service
- Maps point to Lund Centrum
- Carousel shows proper address

---

## 📋 Example 5: Adding Multiple New Stops

### **What You Want to Do:**
Add three new stops for the last week of October.

### **Step 1: Add All Entries to schedule-data.js**
```javascript
{date: "2025-10-27", heading: "Måndagskarta - ICA Maxi Kristianstad", url: "https://www.google.com/maps?hl=en&q=ICA%20Maxi%20Kristianstad%2C%20Kristianstad%2C%20Sweden&output=embed"},
{date: "2025-10-28", heading: "Tisdagskarta - Willys Hässleholm", url: "https://www.google.com/maps?hl=en&q=Willys%20H%C3%A4ssleholm%2C%20H%C3%A4ssleholm%2C%20Sweden&output=embed"},
{date: "2025-10-29", heading: "Onsdagskarta - City Gross Ängelholm", url: "https://www.google.com/maps?hl=en&q=City%20Gross%20%C3%84ngelholm%2C%20%C3%84ngelholm%2C%20Sweden&output=embed"}
```

### **Step 2: Add All Address Mappings**
In `schedule-carousel-module.js`, add:
```javascript
'ICA Maxi Kristianstad': 'Kristianstad, Sverige',
'Willys Hässleholm': 'Hässleholm, Sverige',
'City Gross Ängelholm': 'Ängelholm, Sverige'
```

### **Result:**
- Three new vaccination stops added
- All have proper maps and addresses
- System handles the rotation automatically

---

## 🔧 Quick Copy-Paste Templates

### **Template for New Service Day**
```javascript
{date: "YYYY-MM-DD", heading: "Daykarta - Store Name", url: "https://www.google.com/maps?hl=en&q=Store%20Name%2C%20City%2C%20Sweden&output=embed"}
```

### **Template for No-Service Day**
```javascript
{date: "YYYY-MM-DD", heading: "Daykarta - Ingen vaccination", url: "N/A"}
```

### **Template for Address Mapping**
```javascript
'Store Name': 'Full Address, City, Sverige'
```

## 🎯 Pro Tips

### **1. URL Encoding Helper**
- Spaces → `%20`
- å → `%C3%A5`
- ä → `%C3%A4`
- ö → `%C3%B6`
- , → `%2C`

### **2. Common Store Patterns**
- ICA Maxi: `ICA%20Maxi%20`
- Willys: `Willys%20`
- City Gross: `City%20Gross%20`
- Coop: `Coop%20`

### **3. Testing Your Changes**
1. Save both files
2. Refresh the webpage
3. Check today's map
4. Check the carousel
5. Navigate to different days

### **4. Backup Before Changes**
Always backup your `schedule-data.js` file before making changes!

---

**Need More Examples?** Check the `COMPLETE_UPDATE_GUIDE.md` for comprehensive instructions.