Update app.py

app.py

@@ -63,6 +63,46 @@ def get_current_time_and_date():
 
 current_time_and_date = get_current_time_and_date()
 
+# def fetch_local_events():
+#     api_key = os.environ['SERP_API']
+#     url = f'https://serpapi.com/search.json?engine=google_events&q=Events+in+Birmingham&hl=en&gl=us&api_key={api_key}'
+#     response = requests.get(url)
+#     if response.status_code == 200:
+#         events_results = response.json().get("events_results", [])
+#         events_html = """
+#         <h2 style="font-family: 'Georgia', serif; color: #ff0000; background-color: #f8f8f8; padding: 10px; border-radius: 10px;">Local Events</h2>
+#         <style>
+#             .event-item {
+#                 font-family: 'Verdana', sans-serif;
+#                 color: #333;
+#                 margin-bottom: 15px;
+#                 padding: 10px;
+#                 font-weight: bold;
+#             }
+#             .event-item a {
+#                 color: #1E90FF;
+#                 text-decoration: none;
+#             }
+#             .event-item a:hover {
+#                 text-decoration: underline;
+#             }
+#         </style>
+#         """
+#         for index, event in enumerate(events_results):
+#             title = event.get("title", "No title")
+#             date = event.get("date", "No date")
+#             location = event.get("address", "No location")
+#             link = event.get("link", "#")
+#             events_html += f"""
+#             <div class="event-item">
+#                 <a href='{link}' target='_blank'>{index + 1}. {title}</a>
+#                 <p>Date: {date}<br>Location: {location}</p>
+#             </div>
+#             """
+#         return events_html
+#     else:
+#         return "<p>Failed to fetch local events</p>"
+
 def fetch_local_events():
     api_key = os.environ['SERP_API']
     url = f'https://serpapi.com/search.json?engine=google_events&q=Events+in+Birmingham&hl=en&gl=us&api_key={api_key}'
@@ -72,33 +112,52 @@ def fetch_local_events():
         events_html = """
         <h2 style="font-family: 'Georgia', serif; color: #ff0000; background-color: #f8f8f8; padding: 10px; border-radius: 10px;">Local Events</h2>
         <style>
-            .event-item {
+            table {
                 font-family: 'Verdana', sans-serif;
                 color: #333;
-                margin-bottom: 15px;
-                padding: 10px;
-                font-weight: bold;
+                border-collapse: collapse;
+                width: 100%;
             }
-            .event-item a {
+            th, td {
+                border: 1px solid #ddd;
+                padding: 8px;
+            }
+            th {
+                background-color: #f2f2f2;
+                color: #333;
+                text-align: left;
+            }
+            tr:hover {
+                background-color: #f5f5f5;
+            }
+            .event-link {
                 color: #1E90FF;
                 text-decoration: none;
             }
-            .event-item a:hover {
+            .event-link:hover {
                 text-decoration: underline;
             }
         </style>
+        <table>
+            <tr>
+                <th>Title</th>
+                <th>Date</th>
+                <th>Location</th>
+            </tr>
         """
-        for index, event in enumerate(events_results):
+        for event in events_results:
             title = event.get("title", "No title")
             date = event.get("date", "No date")
             location = event.get("address", "No location")
             link = event.get("link", "#")
             events_html += f"""
-            <div class="event-item">
-                <a href='{link}' target='_blank'>{index + 1}. {title}</a>
-                <p>Date: {date}<br>Location: {location}</p>
-            </div>
+            <tr>
+                <td><a class='event-link' href='{link}' target='_blank'>{title}</a></td>
+                <td>{date}</td>
+                <td>{location}</td>
+            </tr>
             """
+        events_html += "</table>"
         return events_html
     else:
         return "<p>Failed to fetch local events</p>"