Update app.py

app.py

@@ -9,7 +9,7 @@ import json
 import random
 
 # تنظیمات اولیه
-st.set_page_config(layout="wide", page_title="تحلیل انصاف قیمتی", page_icon="📊")
+st.set_page_config(layout="wide", page_title="راهیار - تحلیل انصاف قیمتی", page_icon="🚖")
 
 # ========== تنظیمات دیتا ==========
 SHEET_ID = "1mmdWAyOCYq4yXMgP53Duq712AnlqZWLkfIo76JqM7wM"
@@ -29,26 +29,50 @@ st.markdown("""
         direction: rtl !important;
     }
     
-    .ride-header {
-        background-color: #3d5a80;
+    .rahyar-header {
+        background-color: #6a0dad;
         padding: 15px;
         border-radius: 10px;
         color: white;
         margin-bottom: 20px;
+        text-align: center;
     }
     
-    .price-box {
-        border: 2px solid #3d5a80;
+    .price-container {
+        background-color: #f8f9fa;
         border-radius: 10px;
         padding: 15px;
         margin: 15px 0;
-        text-align: center;
-        font-size: 24px;
+        border-right: 5px solid #6a0dad;
+    }
+    
+    .rahyar-price {
+        color: #6a0dad;
+        font-size: 28px;
         font-weight: bold;
+        text-align: center;
+        margin: 10px 0;
+    }
+    
+    .rahyar-btn {
+        background-color: #6a0dad !important;
+        color: white !important;
+        border: none !important;
+        padding: 10px 20px !important;
+        border-radius: 8px !important;
+        font-weight: bold !important;
+        margin: 5px 0 !important;
+        width: 100% !important;
+    }
+    
+    .rahyar-btn-secondary {
+        background-color: white !important;
+        color: #6a0dad !important;
+        border: 2px solid #6a0dad !important;
     }
     
     .explanation-title {
-        color: #3d5a80;
+        color: #6a0dad;
         font-weight: bold;
         margin-top: 20px;
     }
@@ -56,7 +80,7 @@ st.markdown("""
     .explanation-item {
         margin: 10px 0;
         padding-right: 15px;
-        border-right: 3px solid #3d5a80;
+        border-right: 3px solid #6a0dad;
     }
     
     .survey-section {
@@ -65,17 +89,27 @@ st.markdown("""
         padding: 20px;
         margin-top: 30px;
     }
+    
+    .rahyar-badge {
+        background-color: #e6e6fa;
+        color: #6a0dad;
+        padding: 5px 10px;
+        border-radius: 15px;
+        font-size: 14px;
+        display: inline-block;
+        margin-left: 10px;
+    }
 </style>
 """, unsafe_allow_html=True)
 
 # ========== توابع اصلی ==========
 def create_ride_map():
     """ایجاد نقشه سفر با Folium"""
-    # مختصات تهران (میدان ونک تا میدان ولیعصر)
+    # مختصات تهران (میدان ونک تا میدان تجریش)
     start_point = [35.7698, 51.4116]  # میدان ونک
-    end_point = [35.7368, 51.4036]    # میدان ولیعصر
+    end_point = [35.8044, 51.4258]    # میدان تجریش
     
-    m = folium.Map(location=[35.75, 51.41], zoom_start=14)
+    m = folium.Map(location=[35.7871, 51.4187], zoom_start=13)
     
     # اضافه کردن مبدأ و مقصد
     folium.Marker(
@@ -86,15 +120,15 @@ def create_ride_map():
     
     folium.Marker(
         end_point,
-        popup="<b>مقصد:</b> میدان ولیعصر",
+        popup="<b>مقصد:</b> میدان تجریش",
         icon=folium.Icon(color="red", icon="flag", prefix="fa")
     ).add_to(m)
     
     # خط مسیر
     folium.PolyLine(
         [start_point, end_point],
-        color="blue",
-        weight=2.5,
+        color="#6a0dad",
+        weight=3,
         opacity=1
     ).add_to(m)
     
@@ -103,7 +137,6 @@ def create_ride_map():
 def show_explanation(exp_type):
     """نمایش توضیحات قیمت"""
     explanations = {
-        "control": [],
         "input": [
             "سطح تقاضا در منطقه: زیاد",
             "تعداد رانندگان فعال: کم",
@@ -117,9 +150,10 @@ def show_explanation(exp_type):
     }
     
     if exp_type != "control":
-        st.markdown("<p class='explanation-title'>علت قیمت گذاری:</p>", unsafe_allow_html=True)
-        for item in explanations.get(exp_type, []):
-            st.markdown(f"<p class='explanation-item'>{item}</p>", unsafe_allow_html=True)
+        with st.expander("🔍 مشاهده توضیحات قیمت", expanded=False):
+            st.markdown("<p class='explanation-title'>علت قیمت گذاری:</p>", unsafe_allow_html=True)
+            for item in explanations.get(exp_type, []):
+                st.markdown(f"<p class='explanation-item'>• {item}</p>", unsafe_allow_html=True)
 
 # ========== توابع مدیریت داده‌ها ==========
 def get_credentials():
@@ -223,9 +257,9 @@ def main():
 
     # نمایش هدر
     st.markdown("""
-    <div class="ride-header">
-        <h2>تحلیل انصاف قیمتی در پلتفرم‌های اشتراک سفر</h2>
-        <p>این تحقیق به بررسی تأثیر توضیحات قیمت بر ادراک انصاف می‌پردازد</p>
+    <div class="rahyar-header">
+        <h2>راهیار 🚖</h2>
+        <p>سفرهای درون شهری سریع و مطمئن</p>
     </div>
     """, unsafe_allow_html=True)
 
@@ -240,18 +274,33 @@ def main():
     # اگر پرسشنامه تکمیل نشده
     if not st.session_state.survey_completed:
         # نمایش سناریو
-        st.markdown("### 🗺️ مسیر سفر شما (ونک تا ولیعصر)")
+        st.markdown("### مسیر سفر شما")
         folium_static(create_ride_map(), width=800, height=400)
         
-        # نمایش قیمت ثابت
-        st.markdown(f"""
-        <div class="price-box">
-            قیمت پیشنهادی: {st.session_state.price:,} تومان
-        </div>
-        """, unsafe_allow_html=True)
+        # نمایش قیمت و دکمه‌ها
+        col1, col2 = st.columns([3, 2])
+        with col1:
+            st.markdown(f"""
+            <div class="price-container">
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <span>راهیار <span class="rahyar-badge">به صرفه</span></span>
+                    <span class="rahyar-price">{st.session_state.price:,} تومان</span>
+                </div>
+            </div>
+            """, unsafe_allow_html=True)
+            
+            if st.session_state.scenario_type != "control":
+                show_explanation(st.session_state.scenario_type)
         
-        # نمایش توضیحات (بر اساس نوع سناریو)
-        show_explanation(st.session_state.scenario_type)
+        with col2:
+            st.markdown("<br>", unsafe_allow_html=True)
+            if st.button("درخواست راهیار", key="request_btn", type="primary"):
+                pass
+            
+            if st.session_state.scenario_type != "control":
+                if st.button("مشاهده توضیحات", key="explanation_btn", 
+                           help="توضیحات قیمت گذاری این سفر"):
+                    pass
         
         # پرسشنامه
         with st.container():