Add Feature:s "Gather Food" and "Show Food reserves" - Follow Up Deployment

index.html

@@ -189,6 +189,9 @@
                             <div>
                                 <span class="font-semibold">Troops:</span> <span id="player-troops">0/50</span>
                             </div>
+                            <div>
+                                <span class="font-semibold">Food:</span> <span id="player-food">50</span>
+                            </div>
                             <div class="pt-2">
                                 <div class="w-full bg-gray-700 rounded-full h-2.5">
                                     <div id="health-bar" class="bg-red-600 h-2.5 rounded-full" style="width: 100%"></div>
@@ -224,6 +227,9 @@
                             <button class="action-btn w-full px-4 py-2 bg-purple-700 hover:bg-purple-800 rounded disabled:opacity-50 disabled:cursor-not-allowed" disabled>
                                 <i class="fas fa-store mr-2"></i> Trade
                             </button>
+                            <button class="action-btn w-full px-4 py-2 bg-green-700 hover:bg-green-800 rounded disabled:opacity-50 disabled:cursor-not-allowed" disabled>
+                                <i class="fas fa-leaf mr-2"></i> Gather Food
+                            </button>
                             <button class="action-btn w-full px-4 py-2 bg-gray-700 hover:bg-gray-600 rounded disabled:opacity-50 disabled:cursor-not-allowed" disabled>
                                 <i class="fas fa-route mr-2"></i> Travel
                             </button>
@@ -659,7 +665,10 @@
                     trade();
                     break;
                     
-                case 4: // Travel
+                case 4: // Gather Food
+                    gatherFood();
+                    break;
+                case 5: // Travel
                     travelTo(settlement);
                     break;
             }
@@ -890,6 +899,20 @@
             updatePlayerInfo();
         }
 
+        // Gather food from surrounding area
+        function gatherFood() {
+            if (gameState.selectedSettlement.type !== 'village') {
+                addGameLog("You can only gather food in villages!");
+                return;
+            }
+
+            const foodGathered = Math.floor(Math.random() * 30) + 10;
+            gameState.player.inventory.food += foodGathered;
+            
+            addGameLog(`You gathered ${foodGathered} food from the surrounding countryside.`);
+            updatePlayerInfo();
+        }
+
         // Trade goods
         function trade() {
             const settlement = gameState.selectedSettlement;
@@ -1047,6 +1070,7 @@
             playerGoldEl.textContent = gameState.player.gold;
             playerRenownEl.textContent = gameState.player.renown;
             playerTroopsEl.textContent = `${gameState.player.currentTroops}/${gameState.player.maxTroops}`;
+            document.getElementById('player-food').textContent = gameState.player.inventory.food;
             healthTextEl.textContent = `${gameState.player.health}`;
             healthBarEl.style.width = `${gameState.player.health}%`;
         }