Update app.py

app.py

@@ -1001,7 +1001,7 @@ def create_ride_map():
 
     m = folium.Map(location=[(origin[0] + destination[0]) / 2, (origin[1] + destination[1]) / 2], zoom_start=13)
 
-    purple_hex = "#6a0dad"
+    purple = "#6a0dad"
 
     # مبدأ: آیکون دایره (با icon='circle')
     folium.Marker(
@@ -1010,24 +1010,33 @@ def create_ride_map():
         icon=folium.Icon(color="purple", icon="circle", prefix="fa")
     ).add_to(m)
 
-    # لیبل برای مبدأ با رنگ بنفش خاص
+     # مبدأ - دایره + لیبل
     folium.Marker(
-        location=[origin[0] + 0.001, origin[1]],  # کمی بالاتر برای دیده شدن
+        location=origin,
+        tooltip="مبدا",
         icon=folium.DivIcon(
             html=f"""
-            <div style="
-                color: {purple_hex};
-                font-weight: bold;
-                font-size: 13px;
-                font-family: sans-serif;
-                background-color: white;
-                border: 2px solid {purple_hex};
-                border-radius: 6px;
-                padding: 2px 8px;
-                box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-                text-align: center;
-            ">
-                مبدا
+            <div style="display: flex; align-items: center; direction: rtl;">
+                <div style="
+                    width: 12px;
+                    height: 12px;
+                    background-color: {purple};
+                    border-radius: 50%;
+                    margin-left: 6px;
+                "></div>
+                <div style="
+                    background-color: white;
+                    border: 2px solid {purple};
+                    border-radius: 6px;
+                    padding: 2px 8px;
+                    color: {purple};
+                    font-weight: bold;
+                    font-size: 13px;
+                    font-family: sans-serif;
+                    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+                ">
+                    مبدا
+                </div>
             </div>
             """
         )
@@ -1040,33 +1049,43 @@ def create_ride_map():
         icon=folium.Icon(color="purple", icon="flag", prefix="fa")
     ).add_to(m)
 
-    # لیبل برای مقصد
+    # مقصد - آیکون پرچم + لیبل
     folium.Marker(
-        location=[destination[0] + 0.001, destination[1]],
+        location=destination,
+        tooltip="مقصد",
         icon=folium.DivIcon(
             html=f"""
-            <div style="
-                color: {purple_hex};
-                font-weight: bold;
-                font-size: 13px;
-                font-family: sans-serif;
-                background-color: white;
-                border: 2px solid {purple_hex};
-                border-radius: 6px;
-                padding: 2px 8px;
-                box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-                text-align: center;
-            ">
-                مقصد
+            <div style="display: flex; align-items: center; direction: rtl;">
+                <div style="
+                    width: 0;
+                    height: 0;
+                    border-left: 8px solid {purple};
+                    border-top: 6px solid transparent;
+                    border-bottom: 6px solid transparent;
+                    margin-left: 6px;
+                "></div>
+                <div style="
+                    background-color: white;
+                    border: 2px solid {purple};
+                    border-radius: 6px;
+                    padding: 2px 8px;
+                    color: {purple};
+                    font-weight: bold;
+                    font-size: 13px;
+                    font-family: sans-serif;
+                    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+                ">
+                    مقصد
+                </div>
             </div>
             """
         )
     ).add_to(m)
 
-    # خط مسیر
+    # خط بین مسیر
     folium.PolyLine(
         [origin, destination],
-        color=purple_hex,
+        color=purple,
         weight=4,
         opacity=0.8,
         dash_array="5,5"