Update app.py

app.py

@@ -17,7 +17,7 @@ df = pd.DataFrame(data)
 
 # === Parse and clean ===
 df['Timestamp'] = pd.to_datetime(df['Timestamp'], dayfirst=True, errors='coerce')
-df['Date'] = df['Timestamp'].dt.date.astype(str)  # Convert to string
+df['Date'] = df['Timestamp'].dt.date.astype(str)
 df['Time'] = df['Timestamp'].dt.time
 
 location_split = df['Location'].str.split(',', expand=True)
@@ -28,6 +28,14 @@ df = df[(df['Latitude'] != 0) & (df['Longitude'] != 0)]
 df = df.sort_values(by=['Rep Name', 'Timestamp'])
 df['Time Diff (min)'] = df.groupby(['Rep Name', 'Date'])['Timestamp'].diff().dt.total_seconds().div(60).fillna(0)
 
+# Add Visit Order
+df['Visit Order'] = df.groupby(['Rep Name', 'Date']).cumcount() + 1
+
+# Construct image thumbnail URLs from Google Drive folder
+drive_folder_url = "https://drive.google.com/uc?id="
+df['Image ID'] = df['Image'].str.extract(r'Calls_Images/([^.]+)')
+df['Image URL'] = df['Image ID'].apply(lambda x: f"{drive_folder_url}{x}" if pd.notna(x) else "")
+
 # === Functions ===
 def get_reps(date_str):
     reps = df[df['Date'] == date_str]['Rep Name'].dropna().unique()
@@ -41,11 +49,10 @@ def show_map(date_str, rep):
     subset = subset.sort_values(by='Timestamp').copy()
     subset['Visit Order'] = range(1, len(subset) + 1)
 
-    # Center and size for better visibility
+    # Center and zoom
     center_lat = subset['Latitude'].mean()
     center_lon = subset['Longitude'].mean()
 
-    # Line + colored scatter
     fig = px.line_mapbox(
         subset,
         lat="Latitude", lon="Longitude",
@@ -56,7 +63,6 @@ def show_map(date_str, rep):
         center={"lat": center_lat, "lon": center_lon}
     )
 
-    # Colored points by visit order
     scatter = px.scatter_mapbox(
         subset,
         lat="Latitude", lon="Longitude",
@@ -65,11 +71,9 @@ def show_map(date_str, rep):
         hover_data=["Time", "Time Diff (min)"],
         color_continuous_scale="Bluered"
     )
-
     for trace in scatter.data:
         fig.add_trace(trace)
 
-    # Start/End markers
     fig.add_trace(px.scatter_mapbox(
         pd.DataFrame([subset.iloc[0]]),
         lat="Latitude", lon="Longitude",
@@ -80,7 +84,34 @@ def show_map(date_str, rep):
         text=["End"], color_discrete_sequence=["red"]).data[0])
 
     fig.update_layout(mapbox_style="open-street-map", title=f"📍 {rep}'s Route on {date_str}")
-    table = subset[['Dealership Name', 'Time', 'Time Diff (min)', 'Visit Order']]
+
+    # === Build display table
+    table = subset[[
+        'Visit Order', 'Dealership Name', 'Time', 'Time Diff (min)',
+        'Type of call', 'Sales or service', 'Image URL'
+    ]]
+    table = table.rename(columns={
+        'Dealership Name': '🧭 Dealer',
+        'Time': '🕒 Time',
+        'Time Diff (min)': '⏱️ Time Spent',
+        'Type of call': '📞 Call Type',
+        'Sales or service': '💼 Category',
+        'Image URL': '📸 Photo'
+    })
+
+    # Add time summary
+    total_time = round(table['⏱️ Time Spent'].sum(), 2)
+    summary_row = pd.DataFrame([{
+        '🧭 Dealer': f"🧮 Total Time: {total_time} min",
+        'Visit Order': '',
+        '🕒 Time': '',
+        '⏱️ Time Spent': '',
+        '📞 Call Type': '',
+        '💼 Category': '',
+        '📸 Photo': ''
+    }])
+    table = pd.concat([table, summary_row], ignore_index=True)
+
     return table, fig
 
 # === Gradio UI ===