Update app.py

app.py

@@ -15,7 +15,7 @@ st.set_page_config(layout="wide", page_title="راهیار - تحلیل انصا
 SHEET_ID = "1mmdWAyOCYq4yXMgP53Duq712AnlqZWLkfIo76JqM7wM"
 SHEET_NAME = "Condition1"
 
-# ========== استایل‌های سفارشی ==========
+# ========== استایل‌های سفارشی یکپارچه ==========
 st.markdown("""
 <style>
     @font-face {
@@ -28,7 +28,8 @@ st.markdown("""
         --text: #333333;
         --background: #ffffff;
         --border: #dddddd;
-        --input-bg: #ffffff;  /* تغییر به سفید */
+        --input-bg: #ffffff;
+        --secondary-bg: #f8f9fa;
     }
 
     * {
@@ -37,13 +38,18 @@ st.markdown("""
         direction: rtl !important;
     }
 
-    /* تنظیمات اصلی استریملیت */
+    /* تنظیمات اصلی */
     body, .stApp, [data-testid="stAppViewContainer"] {
         background-color: var(--background) !important;
         color: var(--text) !important;
     }
 
-    /* باکس‌های ورودی - اصلاح شده */
+    /* تمام متن‌ها */
+    h1, h2, h3, h4, h5, h6, p, div, span, label {
+        color: var(--text) !important;
+    }
+
+    /* باکس‌های ورودی */
     .stTextInput input, 
     .stNumberInput input, 
     .stSelectbox select,
@@ -59,7 +65,7 @@ st.markdown("""
         padding: 8px 12px !important;
     }
 
-    /* دکمه‌های اصلی - اصلاح شده */
+    /* دکمه اصلی (بنفش) */
     .stButton>button, 
     [data-testid="baseButton-primary"],
     .accept-btn,
@@ -70,10 +76,9 @@ st.markdown("""
         border-radius: 8px !important;
         padding: 10px 20px !important;
         font-weight: bold !important;
-        margin-top: 20px !important;
     }
 
-    /* دکمه‌های ثانویه - اصلاح شده */
+    /* دکمه ثانویه (سفید با حاشیه بنفش) */
     .stFormSubmitButton>button,
     [data-testid="baseButton-secondary"],
     .reject-btn {
@@ -85,25 +90,6 @@ st.markdown("""
         font-weight: bold !important;
     }
 
-    /* دکمه‌های درخواست و رد راهیار - اصلاح شده */
-    .accept-btn, .reject-btn {
-        color: white !important;
-        background-color: var(--primary) !important;
-        border: none !important;
-    }
-    
-    .reject-btn {
-        color: var(--primary) !important;
-        background-color: white !important;
-        border: 1px solid var(--primary) !important;
-    }
-
-    /* سوالات - اصلاح شده */
-    .stMarkdown h2, .stMarkdown h3, .stMarkdown p,
-    .stRadio > label, .stCheckbox > label {
-        color: var(--text) !important;
-    }
-
     /* کامپوننت‌های سفارشی */
     .rahyar-header {
         background-color: var(--primary) !important;
@@ -115,7 +101,7 @@ st.markdown("""
     }
 
     .price-container {
-        background-color: #f8f9fa !important;
+        background-color: var(--secondary-bg) !important;
         border-radius: 10px !important;
         padding: 15px !important;
         margin: 15px 0 !important;
@@ -128,7 +114,7 @@ st.markdown("""
         font-weight: bold !important;
     }
 
-    /* استایل explanation در مپ ویو */
+    /* توضیحات */
     .explanation-title {
         color: var(--primary) !important;
         font-weight: bold !important;
@@ -137,20 +123,17 @@ st.markdown("""
     }
 
     .explanation-item {
-        background-color: #f8f9fa !important;
+        background-color: var(--secondary-bg) !important;
         border-radius: 8px !important;
         padding: 12px 15px !important;
         margin: 8px 0 !important;
         border-right: 3px solid var(--primary) !important;
-        color: var(--text) !important;
     }
 
-    /* غیرفعال کردن کامل تم تاریک */
-    .st-emotion-cache-1v0mbdj, 
-    .st-emotion-cache-1pbsqtx,
-    .st-emotion-cache-1y4p8pa {
+    /* پیام موفقیت */
+    .stAlert .stSuccess {
         color: var(--text) !important;
-        background-color: var(--background) !important;
+        background-color: #f0fff0 !important;
     }
 
     /* تنظیمات مخصوص دسکتاپ */
@@ -328,34 +311,12 @@ def welcome_page():
 def user_contact():
     """راه ارتباطی ساده"""
     st.markdown("""
-    <style>
-        /* استایل برای فیلدهای ورودی */
-        .stTextInput input, 
-        .stNumberInput input,
-        .stSelectbox select {
-            color: #333333 !important;
-            background-color: white !important;
-        }
-    
-        /* استایل برای placeholder (متن راهنما) */
-        .stTextInput input::placeholder,
-        .stNumberInput input::placeholder {
-            color: #333333 !important;
-            opacity: 1 !important; /* برای اطمینان از نمایش کامل رنگ */
-        }
+    <div style="text-align: center; margin-bottom: 30px;">
+        <h3>📩 راه ارتباطی شما (اختیاری)</h3>
+        <p>در صورت تمایل به شرکت در قرعه‌کشی می‌توانید آیدی تلگرام�� شماره تماس یا ایمیل خود را وارد کنید:</p>
+    </div>
+    """, unsafe_allow_html=True)
     
-        /* استایل برای select box */
-        .stSelectbox select option {
-            color: #333333 !important;
-            background-color: white !important;
-        }
-    </style>
-
-<div style="text-align: center; margin-bottom: 30px;">
-    <h3>📩 راه ارتباطی شما (اختیاری)</h3>
-    <p>در صورت تمایل به شرکت در قرعه‌کشی می‌توانید آیدی تلگرام، شماره تماس یا ایمیل خود را وارد کنید:</p>
-</div>
-""", unsafe_allow_html=True)
     contact_info = st.text_input(
         "راه ارتباطی (اختیاری)",
         placeholder="مثال: @username یا 09123456789 یا example@email.com",
@@ -369,8 +330,9 @@ def user_contact():
         
 def demographic_form():
     """فرم اطلاعات دموگرافیک"""
-    with st.form("demographic"):
-        st.header("📝 اطلاعات دموگرافیک")
+    st.markdown("### 📝 اطلاعات دموگرافیک")
+    
+    with st.form("demographic_form"):
         age = st.number_input("سن", min_value=18, max_value=100)
         gender = st.selectbox("جنسیت", ["مرد", "زن", "سایر"])
         education = st.selectbox("تحصیلات", ["دیپلم", "لیسانس", "فوق لیسانس", "دکترا"])
@@ -391,10 +353,7 @@ def scenario_explanation():
     """توضیح سناریو"""
     col1, col2 = st.columns([1, 4])
     with col1:
-        try:
-            st.image("rahyar.png", width=80)
-        except:
-            st.image("https://via.placeholder.com/80/6a0dad/FFFFFF?text=LOGO", width=80)
+        st.image("https://via.placeholder.com/80/6a0dad/FFFFFF?text=LOGO", width=80)
     with col2:
         st.markdown("""
         <h2 style="color: #6a0dad; margin: 0;">رهیار 🚖</h2>
@@ -403,22 +362,13 @@ def scenario_explanation():
     
     st.markdown("### سناریوی تحقیق")
     
-    if st.session_state.scenario_type == "control":
-        st.markdown("""
-        <div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px;">
-            <p>فرض کنید یک اپلیکیشن حمل‌ونقل آنلاین ایرانی به اسم  رهیار طراحی شده، چیزی شبیه اسنپ یا تپسی، اما جدیدتر و با شعار "همراه سفرهای شما، راهی مطمئن، راهی روشن، رهیار"</p>
-            <p>در یک روز عادی، شما قصد دارید برای سفری از طریق این پلتفرم اقدام کنید..</p>
-            <p>با کلیک بر دکمه ادامه، اطلاعات سفر را مشاهده کنید.</p>
-        </div>
-        """, unsafe_allow_html=True)
-    else:
-        st.markdown("""
-        <div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px;">
-            <p>فرض کنید یک اپلیکیشن حمل‌ونقل آنلاین ایرانی به اسم  رهیار طراحی شده، چیزی شبیه اسنپ یا تپسی، اما جدیدتر و با شعار "همراه سفرهای شما، راهی مطمئن، راهی روشن، رهیار"</p>
-            <p>در یک روز عادی، شما قصد دارید برای سفری از طریق این پلتفرم اقدام کنید..</p>
-            <p>با کلیک بر دکمه ادامه، اطلاعات سفر را مشاهده کنید.</p>
-        </div>
-        """, unsafe_allow_html=True)
+    st.markdown("""
+    <div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px;">
+        <p>فرض کنید یک اپلیکیشن حمل‌ونقل آنلاین ایرانی به اسم رهیار طراحی شده، چیزی شبیه اسنپ یا تپسی، اما جدیدتر و با شعار "همراه سفرهای شما، راهی مطمئن، راهی روشن، رهیار"</p>
+        <p>در یک روز عادی، شما قصد دارید برای سفری از طریق این پلتفرم اقدام کنید..</p>
+        <p>با کلیک بر دکمه ادامه، اطلاعات سفر را مشاهده کنید.</p>
+    </div>
+    """, unsafe_allow_html=True)
     
     if st.button("ادامه", key="continue_btn", type="primary"):
         st.session_state.current_page = "map_view"
@@ -428,10 +378,7 @@ def map_view():
     """نمایش نقشه و قیمت"""
     col1, col2 = st.columns([1, 4])
     with col1:
-        try:
-            st.image("rahyar.png", width=80)
-        except:
-            st.image("https://via.placeholder.com/80/6a0dad/FFFFFF?text=LOGO", width=80)
+        st.image("https://via.placeholder.com/80/6a0dad/FFFFFF?text=LOGO", width=80)
     with col2:
         st.markdown("""
         <h2 style="color: #6a0dad; margin: 0;">رهیار 🚖</h2>
@@ -439,15 +386,14 @@ def map_view():
         """, unsafe_allow_html=True)
 
     st.markdown("### مسیر سفر شما")
-    map_obj = create_ride_map()
-    folium_static(map_obj, width=1000 if st.session_state.is_desktop else 800, 
+    folium_static(create_ride_map(), width=1000 if st.session_state.is_desktop else 800, 
                  height=500 if st.session_state.is_desktop else 400)
 
     # قیمت
     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>راهیار <span style="background-color: #e6e6fa; color: #6a0dad; padding: 2px 8px; border-radius: 12px; font-size: 14px;">به صرفه</span></span>
             <span class="rahyar-price">{st.session_state.price:,} تومان</span>
         </div>
     </div>
@@ -455,27 +401,23 @@ def map_view():
     
     show_explanation(st.session_state.scenario_type)
     
-    # دکمه‌های جدید با استایل‌های سفارشی
+    # دکمه‌ها
     col1, col2 = st.columns(2)
     with col1:
-        if st.button("درخواست راهیار", key="accept_btn", 
-                    help="برای تایید قیمت و درخواست سفر کلیک کنید",
-                    use_container_width=True):
+        if st.button("درخواست راهیار", key="accept_btn", use_container_width=True):
             st.session_state.price_accepted = 1
             st.session_state.current_page = "transparency_questions"
             st.rerun()
     
     with col2:
-        if st.button("رد قیمت", key="reject_btn",
-                    help="برای رد قیمت و ادامه به سوالات کلیک کنید",
-                    use_container_width=True):
+        if st.button("رد قیمت", key="reject_btn", use_container_width=True):
             st.session_state.price_accepted = 0
             st.session_state.current_page = "transparency_questions"
             st.rerun()
             
 def transparency_questions():
     """سوالات شفافیت"""
-    st.header("📊")
+    st.markdown("### 📊 سوالات شفافیت")
     st.markdown("**لطفاً میزان موافقت خود با جملات زیر را مشخص کنید:**")
     
     questions = [
@@ -488,8 +430,7 @@ def transparency_questions():
     
     answers = []
     for i, question in enumerate(questions):
-        answer = create_likert_question(question, f"transparency_q{i}")
-        answers.append(answer)
+        answers.append(create_likert_question(question, f"transparency_q{i}"))
     
     if None not in answers:
         st.session_state.transparency_answers = answers
@@ -499,7 +440,7 @@ def transparency_questions():
 
 def fairness_questions():
     """سوالات انصاف"""
-    st.header("📊")
+    st.markdown("### 📊 سوالات انصاف")
     st.markdown("**لطفاً میزان موافقت خود با جملات زیر را مشخص کنید:**")
     
     questions = [
@@ -513,8 +454,7 @@ def fairness_questions():
     
     answers = []
     for i, question in enumerate(questions):
-        answer = create_likert_question(question, f"fairness_q{i}")
-        answers.append(answer)
+        answers.append(create_likert_question(question, f"fairness_q{i}"))
 
     if None not in answers:
         st.session_state.fairness_answers = answers
@@ -524,17 +464,11 @@ def fairness_questions():
 
 def explanation_questions():
     """سوالات درباره توضیحات قیمت"""
-    st.header("📋سوالات تکمیلی")
+    st.markdown("### 📋 سوالات تکمیلی")
     
     # سوال اول
-    st.markdown("""
-    <div class="survey-section">
-        <h3>آیا برای قیمت پیشنهادی این سفر، توضیحی به شما ارائه شد؟</h3>
-    </div>
-    """, unsafe_allow_html=True)
-    
     explanation_received = st.radio(
-        "",
+        "آیا برای قیمت پیشنهادی این سفر، توضیحی به شما ارائه شد؟",
         ["بله", "خیر"],
         index=None,
         key="explanation_received"
@@ -543,14 +477,8 @@ def explanation_questions():
     # سوال دوم (فقط اگر پاسخ بله باشد)
     explanation_type = None
     if explanation_received == "بله":
-        st.markdown("""
-        <div class="survey-section">
-            <h3>اگر توضیحی دریافت کردید، این توضیح بیشتر به کدام مورد شباهت داشت؟</h3>
-        </div>
-        """, unsafe_allow_html=True)
-        
         explanation_type = st.radio(
-            "",
+            "اگر توضیحی دریافت کردید، این توضیح بیشتر به کدام مورد شباهت داشت؟",
             [
                 "بر اساس عواملی که در قیمت‌گذاری لحاظ شده‌اند",
                 "شامل سناریوهای جایگزین که می‌توانستند قیمت متفاوتی ایجاد کنند",
@@ -571,19 +499,16 @@ def explanation_questions():
                 "explanation_type": explanation_type if explanation_received == "بله" else "N/A"
             }
             
-            all_data = {
+            if save_to_sheet({
                 "scenario_type": st.session_state.scenario_type,
                 "price": st.session_state.price,
                 **st.session_state.demographic_data,
-                "user_contact": st.session_state.get("user_contact", ""),
                 "transparency_answers": st.session_state.transparency_answers,
                 "fairness_answers": st.session_state.fairness_answers,
                 "explanation_received": explanation_received,
                 "explanation_type": explanation_type if explanation_received == "بله" else "N/A",
                 "price_accepted": st.session_state.get("price_accepted", 0)
-            }
-            
-            if save_to_sheet(all_data):
+            }):
                 st.session_state.current_page = "thank_you"
                 st.rerun()
             else:
@@ -600,7 +525,7 @@ def thank_you_page():
 
 # ========== مدیریت وضعیت و صفحه‌بندی ==========
 def main():
-    # تشخیص دستگاه با استفاده از st.query_params جدید
+    # تشخیص دستگاه
     user_agent = st.query_params.get("user_agent", [""])[0]
     st.session_state.is_desktop = "mobile" not in user_agent.lower()