Update index.html

Signed-off-by: Azure <[email protected]>

Author: Azure9733

index.html

@@ -23,6 +23,7 @@
                         <i class="fas fa-list"></i>
                         Legend
                     </button>
+                   
                     <button id="centerMap" class="nav-button">
                         <i class="fas fa-crosshairs"></i>
                         Center
@@ -35,6 +36,7 @@
                         <i class="fas fa-location-arrow"></i>
                         Tracking
                     </button>
+                    
                 </div>
             </div>
         </nav>
@@ -91,7 +93,12 @@ <h3>Map Legend</h3>
                 <div class="legend-item">
                     <input type="checkbox" id="sports-toggle" checked>
                     <span class="legend-color sports"></span>
-                    <span>Sports Facilities</span>
+                    <span>Sports</span>
+                </div>
+                <div class="legend-item">
+                    <input type="checkbox" id="shops-toggle" checked>
+                    <span class="legend-color shops"></span>
+                    <span>Shops</span>
                 </div>
                 <div class="legend-item">
                     <input type="checkbox" id="parking-toggle" checked>
@@ -142,21 +149,19 @@ <h3>Map Legend</h3>
         </div>
 
         <!-- Location Info Sidebar -->
-        <div class="location-sidebar" id="locationPopup">
-            <div class="sidebar-header">
-                <h3 id="popupTitle">Location Name</h3>
-                <button class="close-button" id="closePopup">
-                    <i class="fas fa-times"></i>
-                </button>
-            </div>
-            <div class="sidebar-content">
-                <p id="popupDescription">Location description goes here.</p>
-            </div>
-            <div class="sidebar-footer">
-                <span class="sidebar-timestamp" id="popupTimestamp"></span>
-            </div>
-        </div>
+        
     </div>
     <script src="script.js"></script>
+    <script>
+        searchPanel.style.display = 'none';
+        document.getElementById('toggleSearch').addEventListener('click', () => {
+        const searchPanel = document.getElementById('searchPanel');
+        if (searchPanel.style.display === 'none' || searchPanel.style.display === '') {
+            searchPanel.style.display = 'block'; // Show the search panel
+        } else {
+            searchPanel.style.display = 'none'; // Hide the search panel
+        }
+    });
+    </script>
 </body>
 </html>