Update templates/adventure.html

templates/adventure.html

@@ -33,6 +33,163 @@
 
 {% block scripts %}
 <script>
+// Adventure scenes data - matches your backend logic
+const adventureScenes = {
+    'start': {
+        text: "Hare Manavi! Welcome to Vrindavan, the land of Lord Krishna! We're standing in front of the magnificent Vrindavan temple. Shall we offer flowers and prayers to the deity or explore the vibrant marketplace nearby?",
+        choices: ["Offer prayers", "Explore marketplace"],
+        image: "krishna_normal.png"
+    },
+    'offer_prayers': {
+        text: "Great choice, Manavi! Let's first offer our prayers and seek Krishna's blessings. We'll offer these beautiful roses at the lotus feet of the Lord. Now, shall we spend some time singing bhajans and kirtans or simply meditate in His divine presence?",
+        choices: ["Sing bhajans and kirtans", "Meditate"],
+        image: "krishna_praying.png"
+    },
+    'sing_bhajans': {
+        text: "Wonderful, Manavi! Let's sing the praises of the Lord with our sweet voices. Here are some traditional bhajans and kirtans that we can sing together. Now that we've offered our prayers and sung His praises, shall we go to the marketplace or visit the holy ghats by the Yamuna?",
+        choices: ["Marketplace", "Ghats"],
+        image: "krishna_flute.png"
+    },
+    'marketplace': {
+        text: "Manavi, let's explore the colorful marketplace! It's filled with stalls selling vibrant rangoli powders, fragrant incense, and delicious sweets. Shall we buy some rangoli powders to decorate our homes or treat ourselves to some mouth-watering sweets?",
+        choices: ["Rangoli powders", "Sweets"],
+        image: "krishna_mischievous.png"
+    },
+    'rangoli': {
+        text: "Excellent choice, Manavi! Let's buy some rangoli powders and use them to create beautiful patterns in our homes. We can also buy some incense to fill our homes with a divine fragrance. Now, shall we visit the holy ghats by the Yamuna or return to the temple to listen to the priest's discourse?",
+        choices: ["Ghats", "Discourses"],
+        image: "krishna_smiling.png"
+    },
+    'ghats': {
+        text: "Manavi, let's visit the holy ghats by the Yamuna! It's a serene and sacred place where devotees come to take a dip in the holy waters. Shall we take a dip in the holy waters or simply sit by the banks and meditate?",
+        choices: ["Take a dip", "Sit and meditate"],
+        image: "krishna_meditating.png"
+    },
+    'meditate': {
+        text: "Great choice, Manavi! Let's sit by the banks of the Yamuna and meditate. The cool breeze and the sound of the flowing water will help us connect with the divine. Now, shall we return to the temple to listen to the priest's discourse or spend some time in the lush forests of Vrindavan?",
+        choices: ["Discourses", "Forests"],
+        image: "krishna_peaceful.png"
+    },
+    'forests': {
+        text: "Manavi, let's spend some time in the lush forests of Vrindavan! It's a place where Lord Krishna played His divine flute and enchanted the hearts of the gopis. Shall we take a leisurely stroll through the forest or simply sit under a tree and sing kirtans?",
+        choices: ["Stroll", "Sing kirtans"],
+        image: "krishna_playing.png"
+    },
+    'stroll': {
+        text: "Wonderful choice, Manavi! Let's take a leisurely stroll through the forest and enjoy the beauty of nature. We can also sit under a tree and sing kirtans, offering our praises to the Lord. Now, shall we return to the temple to listen to the priest's discourse or visit the ashrams of the saints and sages?",
+        choices: ["Discourses", "Ashrams"],
+        image: "krishna_walking.png"
+    },
+    'ashrams': {
+        text: "Manavi, let's visit the ashrams of the saints and sages! It's a place where they live in seclusion and meditate on the divine. Shall we learn some spiritual practices from the saints and sages or simply sit in their presence and soak in their divine energy?",
+        choices: ["Learn practices", "Soak in energy"],
+        image: "krishna_learning.png"
+    },
+    'learn': {
+        text: "Great choice, Manavi! Let's learn some spiritual practices from the saints and sages. They can teach us the art of meditation, the power of mantras, and the secrets of self-realization. Now, shall we return to the temple to listen to the priest's discourse or spend some time in the company of the devotees?",
+        choices: ["Discourses", "Devotees"],
+        image: "krishna_teaching.png"
+    },
+    'devotees': {
+        text: "Manavi, let's spend some time in the company of the devotees! It's a place where we can share our experiences, learn from each other, and grow together in our spiritual journey. Shall we participate in the bhajans and kirtans or simply sit and share our stories with each other?",
+        choices: ["Bhajans and kirtans", "Share stories"],
+        image: "krishna_singing.png"
+    },
+    'bhajans': {
+        text: "Wonderful choice, Manavi! Let's participate in the bhajans and kirtans and sing the praises of the Lord. We can also sit and share our stories with each other, learning from each other's experiences. Now, shall we return to the temple to listen to the priest's discourse or visit the cowshed and play with the calves?",
+        choices: ["Discourses", "Play with calves"],
+        image: "krishna_dancing.png"
+    },
+    'calves': {
+        text: "Manavi, let's visit the cowshed and play with the calves! It's a place where Lord Krishna spent His time playing with the calves and herding the cows. Shall we feed the calves or simply sit and play with them?",
+        choices: ["Feed calves", "Play with calves"],
+        image: "krishna_calf.png"
+    },
+    'feed': {
+        text: "Great choice, Manavi! Let's feed the calves and take care of them. It's a way of serving the Lord and showing our devotion to Him. Now, shall we return to the temple to listen to the priest's discourse or spend some time in solitude, contemplating on the divine?",
+        choices: ["Discourses", "Solitude"],
+        image: "krishna_feeding.png"
+    },
+    'solitude': {
+        text: "Manavi, let's spend some time in solitude, contemplating on the divine! It's a way of deepening our connection with the Lord and experiencing His presence within us. Shall we sit in a quiet place and meditate or simply take a walk in nature and enjoy its beauty?",
+        choices: ["Meditate", "Walk in nature"],
+        image: "krishna_contemplating.png"
+    },
+    'final': {
+        text: "Wonderful choice, Manavi! Let's sit in a quiet place and meditate, focusing on the divine within us. We can also take a walk in nature and enjoy its beauty, offering our praises to the Lord for His wonderful creation. Now, our adventure in Vrindavan has come to an end. Thank you for spending this time with me, Manavi. May Lord Krishna bless you with peace, happiness, and divine grace. Hare Krishna!",
+        choices: [],
+        image: "krishna_blessing.png"
+    }
+};
+
+// Scene transitions mapping
+const sceneTransitions = {
+    'start': {
+        "Offer prayers": "offer_prayers",
+        "Explore marketplace": "marketplace"
+    },
+    'offer_prayers': {
+        "Sing bhajans and kirtans": "sing_bhajans",
+        "Meditate": "meditate"
+    },
+    'sing_bhajans': {
+        "Marketplace": "marketplace",
+        "Ghats": "ghats"
+    },
+    'marketplace': {
+        "Rangoli powders": "rangoli",
+        "Sweets": "sweets"
+    },
+    'rangoli': {
+        "Ghats": "ghats",
+        "Discourses": "final"
+    },
+    'ghats': {
+        "Take a dip": "final",
+        "Sit and meditate": "meditate"
+    },
+    'meditate': {
+        "Discourses": "final",
+        "Forests": "forests"
+    },
+    'forests': {
+        "Stroll": "stroll",
+        "Sing kirtans": "final"
+    },
+    'stroll': {
+        "Discourses": "final",
+        "Ashrams": "ashrams"
+    },
+    'ashrams': {
+        "Learn practices": "learn",
+        "Soak in energy": "final"
+    },
+    'learn': {
+        "Discourses": "final",
+        "Devotees": "devotees"
+    },
+    'devotees': {
+        "Bhajans and kirtans": "bhajans",
+        "Share stories": "final"
+    },
+    'bhajans': {
+        "Discourses": "final",
+        "Play with calves": "calves"
+    },
+    'calves': {
+        "Feed calves": "feed",
+        "Play with calves": "final"
+    },
+    'feed': {
+        "Discourses": "final",
+        "Solitude": "solitude"
+    },
+    'solitude': {
+        "Meditate": "final",
+        "Walk in nature": "final"
+    }
+};
+
 document.addEventListener('DOMContentLoaded', function() {
     const sceneContent = document.getElementById('scene-content');
     const choicesContainer = document.getElementById('choices-container');
@@ -48,81 +205,43 @@ document.addEventListener('DOMContentLoaded', function() {
     });
     
     // Function to load a scene
-    async function loadScene(sceneId, choice = '') {
-        try {
-            // Show loading state
-            sceneContent.innerHTML = '<p>Krishna is thinking...</p>';
-            choicesContainer.innerHTML = '';
-            
-            // Send request to server
-            const response = await fetch('/adventure', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/x-www-form-urlencoded',
-                },
-                body: `current_scene=${sceneId}&choice=${encodeURIComponent(choice)}`
+    function loadScene(sceneId, choice = '') {
+        const scene = adventureScenes[sceneId];
+        
+        if (!scene) {
+            sceneContent.innerHTML = '<p>Oh no! The adventure path seems unclear. Let\'s start over.</p>';
+            choicesContainer.innerHTML = '<button class="choice-btn" onclick="loadScene(\'start\')">Start Over</button>';
+            return;
+        }
+        
+        // Update scene content
+        sceneContent.innerHTML = `<p>${scene.text}</p>`;
+        krishnaImg.src = `{{ url_for('static', filename='assets/') }}${scene.image}`;
+        
+        // Clear previous choices
+        choicesContainer.innerHTML = '';
+        
+        // Add new choices if available
+        if (scene.choices && scene.choices.length > 0) {
+            scene.choices.forEach(choiceText => {
+                const choiceBtn = document.createElement('button');
+                choiceBtn.className = 'choice-btn';
+                choiceBtn.textContent = choiceText;
+                choiceBtn.addEventListener('click', () => {
+                    const nextScene = sceneTransitions[sceneId][choiceText];
+                    loadScene(nextScene, choiceText);
+                });
+                choicesContainer.appendChild(choiceBtn);
             });
-            
-            const data = await response.json();
-            
-            if (data.scene) {
-                // Update scene content
-                sceneContent.innerHTML = `<p>${data.scene}</p>`;
-                currentScene = data.current_scene || sceneId;
-                
-                // Update Krishna image based on scene
-                updateKrishnaImage(currentScene);
-                
-                // If there are choices, show them
-                if (data.choices && data.choices.length > 0) {
-                    choicesContainer.innerHTML = '';
-                    data.choices.forEach(choiceText => {
-                        const choiceBtn = document.createElement('button');
-                        choiceBtn.className = 'choice-btn';
-                        choiceBtn.textContent = choiceText;
-                        choiceBtn.addEventListener('click', () => {
-                            loadScene(currentScene, choiceText);
-                        });
-                        choicesContainer.appendChild(choiceBtn);
-                    });
-                } else {
-                    // No more choices - end of adventure
-                    choicesContainer.innerHTML = `
-                        <button class="choice-btn restart-btn" onclick="location.reload()">
-                            Play Again
-                        </button>
-                    `;
-                }
-            } else {
-                throw new Error('Invalid scene data');
-            }
-        } catch (error) {
-            console.error('Error:', error);
-            sceneContent.innerHTML = `
-                <p>Oh no! Something went wrong in Vrindavan.</p>
-                <button class="choice-btn" onclick="loadScene('start')">
-                    Start Over
+        } else {
+            // End of adventure
+            choicesContainer.innerHTML = `
+                <button class="choice-btn restart-btn" onclick="location.reload()">
+                    Play Again
                 </button>
             `;
         }
     }
-    
-    // Change Krishna's image based on the scene
-    function updateKrishnaImage(sceneId) {
-        let imageName = 'krishna_normal.png';
-        
-        if (sceneId.includes('peacock') || sceneId.includes('tree')) {
-            imageName = 'krishna_playing.png';
-        } else if (sceneId.includes('butter') || sceneId.includes('yamuna')) {
-            imageName = 'krishna_mischievous.png';
-        } else if (sceneId.includes('flute')) {
-            imageName = 'krishna_flute.png';
-        } else if (!choicesContainer.querySelector('.choice-btn')) {
-            imageName = 'krishna_smiling.png';
-        }
-        
-        krishnaImg.src = `{{ url_for('static', filename='assets/') }}${imageName}`;
-    }
 });
 </script>
 {% endblock %}