From 7f711f7fbe8d51000da612f8f33ef784821555d8 Mon Sep 17 00:00:00 2001
From: Benjamin Slingo <benjamin@slingo.dev>
Date: Thu, 28 Aug 2025 20:39:23 -0400
Subject: [PATCH] Add children's story field to admin panel schedule forms

Added missing children's story field to both create and edit forms in the schedule management section. This field was already supported in JSON imports but was missing from the manual entry forms.
---
 .../public/admin/scripts/main.js                | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/astro-church-website/public/admin/scripts/main.js b/astro-church-website/public/admin/scripts/main.js
index f1a28b1..3ad00df 100644
--- a/astro-church-website/public/admin/scripts/main.js
+++ b/astro-church-website/public/admin/scripts/main.js
@@ -744,6 +744,7 @@ function renderSchedules(schedules) {
                             (schedule.ss_teacher ? '<div class="meta-item"><span>📚</span>SS Teacher: ' + escapeHtml(schedule.ss_teacher) + '</div>' : '') +
                             (schedule.ss_leader ? '<div class="meta-item"><span>👨‍🏫</span>SS Leader: ' + escapeHtml(schedule.ss_leader) + '</div>' : '') +
                             (schedule.scripture ? '<div class="meta-item"><span>📖</span>Scripture: ' + escapeHtml(schedule.scripture) + '</div>' : '') +
+                            (schedule.childrens_story ? '<div class="meta-item"><span>👶</span>Children\'s Story: ' + escapeHtml(schedule.childrens_story) + '</div>' : '') +
                             (schedule.sermon_speaker ? '<div class="meta-item"><span>🎙️</span>Speaker: ' + escapeHtml(schedule.sermon_speaker) + '</div>' : '') +
                             (schedule.special_music ? '<div class="meta-item"><span>🎼</span>Special Music: ' + escapeHtml(schedule.special_music) + '</div>' : '') +
                         '</div>' +
@@ -981,10 +982,17 @@ function showCreateScheduleModal() {
                     <label for="specialMusic">Special Music</label>
                     <input id="specialMusic" type="text" placeholder="e.g., Michelle Maitland">
                 </div>
+                <div>
+                    <label for="childrensStory">Children's Story</label>
+                    <input id="childrensStory" type="text" placeholder="e.g., Sarah Johnson">
+                </div>
+            </div>
+            <div class="form-grid cols-2">
                 <div>
                     <label for="sermonSpeaker">Sermon Speaker</label>
                     <input id="sermonSpeaker" type="text" placeholder="e.g., Pastor Joseph Piresson">
                 </div>
+                <div></div>
             </div>
         </div>
     `;
@@ -1014,6 +1022,7 @@ function createSchedule() {
         scripture: document.getElementById('scripture').value || null,
         offering: document.getElementById('offering').value || null,
         special_music: document.getElementById('specialMusic').value || null,
+        childrens_story: document.getElementById('childrensStory').value || null,
         sermon_speaker: document.getElementById('sermonSpeaker').value || null
     };
 
@@ -1112,10 +1121,17 @@ function showEditScheduleModal(schedule) {
                     <label for="editSpecialMusic">Special Music</label>
                     <input id="editSpecialMusic" type="text" value="${schedule.special_music || ''}">
                 </div>
+                <div>
+                    <label for="editChildrensStory">Children's Story</label>
+                    <input id="editChildrensStory" type="text" value="${schedule.childrens_story || ''}">
+                </div>
+            </div>
+            <div class="form-grid cols-2">
                 <div>
                     <label for="editSermonSpeaker">Sermon Speaker</label>
                     <input id="editSermonSpeaker" type="text" value="${schedule.sermon_speaker || ''}">
                 </div>
+                <div></div>
             </div>
         </div>
     `;
@@ -1145,6 +1161,7 @@ function saveScheduleEdit(scheduleId) {
         scripture: document.getElementById('editScripture').value || null,
         offering: document.getElementById('editOffering').value || null,
         special_music: document.getElementById('editSpecialMusic').value || null,
+        childrens_story: document.getElementById('editChildrensStory').value || null,
         sermon_speaker: document.getElementById('editSermonSpeaker').value || null
     };