Formatted the New Event Email Format

main.py

@@ -184,32 +184,136 @@ def send_event_alerts(events):
     if not events:
         return
         
-    msg = f"📢 <b>{len(events)} New BIP Event Found!</b><br><br>"
-    
+    msg = """
+    <div style="font-family: Arial, sans-serif; background-color: #f4f6f9; padding: 20px;">
+        <div style="max-width: 600px; margin: 0 auto; background: #ffffff; border-radius: 8px; 
+                    box-shadow: 0 4px 6px rgba(0,0,0,0.1); overflow: hidden;">
+            
+            <!-- Centered Heading ONLY -->
+            <div style="background-color: #0056b3; color: #ffffff; padding: 15px 20px; 
+                        font-size: 18px; font-weight: bold; text-align: center;">
+                📢 Event Details
+            </div>
+
+            <!-- Content (LEFT ALIGNED) -->
+            <div style="padding: 20px;">
+    """
+
     for i, ev in enumerate(events, 1):
-        # Format start date
-        start = ev.get('start_date', '')
-        if start:
-            start = datetime.strptime(start, "%Y-%m-%d").strftime("%d-%m-%Y")
-
-        # Format end date
-        end = ev.get('end_date', '')
-        if end:
-            end = datetime.strptime(end, "%Y-%m-%d").strftime("%d-%m-%Y")
-
-        msg += (
-            f"<b>{ev.get('event_code', '-')} - "
-            f"{ev.get('event_name', 'Unknown')}</b><br><br>"
-            f"{ev.get('event_category', '-')}<br><br>"
-            f"{start} to {end}<br><br>"
-            f"{ev.get('location', '-')}<br><br>"
-            f"{ev.get('status', '-')}<br><br>"
-            f"Seats: Max {ev.get('maximum_count', '-')} | "
-            f"Applied {ev.get('applied_count', '-')}<br>"
-            f"<a href='{ev.get('web_url', '#')}'>View Event Here</a><br>"
-            f"<hr>"
-        )
-    send_email_message("📢 New BIP Event(s) Found!", msg, is_html=True, recipient=EVENT_EMAIL_RECIPIENT)
+
+        # Date formatting
+        from datetime import datetime
+
+        def format_date(date_str):
+            try:
+                dt = datetime.strptime(date_str, "%Y-%m-%d")
+                return f"<span style='font-weight:bold;'>{dt.strftime('%d-%m')}</span>-{dt.strftime('%Y')}"
+            except:
+                return date_str
+
+        start = format_date(ev.get("start_date", "")) if ev.get("start_date") else ""
+        end = format_date(ev.get("end_date", "")) if ev.get("end_date") else ""
+
+        date_str = f"{start} to {end}" if start and end else (start or end or "-")
+
+        # Highlight last 3 digits of code
+        code = ev.get("event_code", "-")
+        if len(code) >= 3:
+            highlighted_code = code[:-3] + f"<span style='font-weight:bold; color:#dc3545;'>{code[-3:]}</span>"
+        else:
+            highlighted_code = code
+
+        # Count values
+        max_count = ev.get("max_count", 0)
+        applied = ev.get("applied_count", 0)
+        balance = max_count - applied
+
+        msg += f"""
+            <table style="width: 100%; border-collapse: collapse; 
+                        margin-bottom: 25px; font-size: 15px; 
+                        color: #333333; text-align: left;">
+                
+                <tr>
+                    <td style="padding: 8px 0; font-weight: bold; width: 35%;">Code</td>
+                    <td style="padding: 8px 0; width: 5%;">:</td>
+                    <td style="padding: 8px 0; width: 60%;">{highlighted_code}</td>
+                </tr>
+
+                <tr>
+                    <td style="padding: 8px 0; font-weight: bold;">Organizer</td>
+                    <td style="padding: 8px 0;">:</td>
+                    <td style="padding: 8px 0;">{ev.get('organizer', '-')}</td>
+                </tr>
+
+                <tr>
+                    <td style="padding: 8px 0; font-weight: bold;">Date</td>
+                    <td style="padding: 8px 0;">:</td>
+                    <td style="padding: 8px 0;">{date_str}</td>
+                </tr>
+
+                <tr>
+                    <td style="padding: 8px 0; font-weight: bold;">Category</td>
+                    <td style="padding: 8px 0;">:</td>
+                    <td style="padding: 8px 0;">{ev.get('event_category', '-')}</td>
+                </tr>
+
+                <tr>
+                    <td style="padding: 8px 0; font-weight: bold;">Location</td>
+                    <td style="padding: 8px 0;">:</td>
+                    <td style="padding: 8px 0;">{ev.get('location', '-')}</td>
+                </tr>
+
+                <tr>
+                    <td style="padding: 12px 0; font-weight: bold;">Count</td>
+                    <td style="padding: 12px 0;">:</td>
+                    <td style="padding: 12px 0;">
+                        Max: <b>{max_count}</b> |
+                        Balance: <b>{balance}</b> |
+                        Applied: <b>{applied}</b>
+                    </td>
+                </tr>
+
+                <tr>
+                    <td style="padding: 8px 0; font-weight: bold;">Logger URL</td>
+                    <td style="padding: 8px 0;">:</td>
+                    <td style="padding: 8px 0;">
+                        <a href="https://bip.bitsathy.ac.in/nova/resources/student-achievement-loggers/new"
+                        style="color: #0056b3; text-decoration: none;">
+                        Link
+                        </a>
+                    </td>
+                </tr>
+
+                <tr>
+                    <td style="padding: 8px 0; font-weight: bold;">View Link</td>
+                    <td style="padding: 8px 0;">:</td>
+                    <td style="padding: 8px 0;">
+                        <a href="{ev.get('web_url', '#')}"
+                        style="color: #0056b3; text-decoration: none;">
+                        View Event Here
+                        </a>
+                    </td>
+                </tr>
+
+            </table>
+        """
+
+        if i < len(events):
+            msg += "<hr style='border: none; border-top: 1px solid #e0e0e0; margin: 20px 0;'>"
+
+    msg += """
+            </div>
+
+            <div style="background-color: #f8f9fa; padding: 15px 20px; text-align: center; 
+                        font-size: 12px; color: #777777; border-top: 1px solid #e0e0e0;">
+                Automated Notification from BIP Tracker
+            </div>
+
+        </div>
+    </div>
+    """
+    
+    send_email_message("New Event Added", msg, is_html=True, recipient=EVENT_EMAIL_RECIPIENT)
 
 
 # ==============================================================================