Update app.py

app.py

@@ -65,22 +65,17 @@ st.markdown("""
         width: 100% !important;
     }
     
-    .rahyar-btn-secondary {
-        background-color: white !important;
-        color: #6a0dad !important;
-        border: 2px solid #6a0dad !important;
-    }
-    
-    .explanation-title {
-        color: #6a0dad;
-        font-weight: bold;
-        margin-top: 20px;
+    .likert-btn {
+        margin: 5px;
+        padding: 10px 15px;
+        border-radius: 8px;
+        border: 1px solid #ddd;
+        background-color: white;
     }
     
-    .explanation-item {
-        margin: 10px 0;
-        padding-right: 15px;
-        border-right: 3px solid #6a0dad;
+    .likert-btn-selected {
+        border: 2px solid #6a0dad !important;
+        background-color: #f0e6ff !important;
     }
     
     .survey-section {
@@ -99,20 +94,6 @@ st.markdown("""
         display: inline-block;
         margin-left: 10px;
     }
-    .rahyar-header {
-        background-color: #6a0dad;
-        padding: 15px;
-        border-radius: 10px;
-        color: white;
-        margin-bottom: 20px;
-        text-align: center;
-    }
-    
-    .rahyar-logo {
-        display: block;
-        margin: 0 auto;
-        text-align: center;
-    }    
 </style>
 """, unsafe_allow_html=True)
 
@@ -164,10 +145,9 @@ def show_explanation(exp_type):
     }
     
     if exp_type != "control":
-        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)
+        st.markdown("<p style='color: #6a0dad; font-weight: bold; margin-top: 20px;'>علت قیمت گذاری:</p>", unsafe_allow_html=True)
+        for item in explanations.get(exp_type, []):
+            st.markdown(f"<p style='margin: 10px 0; padding-right: 15px; border-right: 3px solid #6a0dad;'>• {item}</p>", unsafe_allow_html=True)
 
 # ========== توابع مدیریت داده‌ها ==========
 def get_credentials():
@@ -209,9 +189,8 @@ def save_to_sheet(data):
             data.get("gender"),
             data.get("education"),
             data.get("ride_frequency"),
-            data.get("fairness"),
-            data.get("transparency"),
-            data.get("satisfaction")
+            *data.get("transparency_answers", []),
+            *data.get("fairness_answers", [])
         ]
         
         worksheet.append_row(row_data)
@@ -222,6 +201,25 @@ def save_to_sheet(data):
         return False
 
 # ========== بخش‌های فرم ==========
+def welcome_page():
+    """صفحه خوشامدگویی"""
+    st.markdown("""
+    <div style="text-align: center; margin-bottom: 30px;">
+        <h2>تحلیل انصاف قیمتی در پلتفرم‌های اشتراک سفر</h2>
+        <p>این تحقیق به بررسی تأثیر توضیحات قیمت بر ادراک انصاف می‌پردازد</p>
+    </div>
+    
+    <div style="background-color: #f0f2f6; border-radius: 10px; padding: 20px;">
+        <h3>درباره تحقیق:</h3>
+        <p>این پرسشنامه بخشی از یک پژوهش علمی است که به بررسی ادراک انصاف در قیمت‌گذاری پویا می‌پردازد.</p>
+        <p>پس از مشاهده سناریو، لطفاً به سوالات پاسخ دهید.</p>
+    </div>
+    """, unsafe_allow_html=True)
+    
+    if st.button("شروع پرسشنامه", key="start_btn", type="primary"):
+        st.session_state.current_page = "demographic"
+        st.rerun()
+
 def demographic_form():
     """فرم اطلاعات دموگرافیک"""
     with st.form("demographic"):
@@ -232,119 +230,195 @@ def demographic_form():
         ride_frequency = st.selectbox("دفعات استفاده از سرویس‌های اشتراک سفر در ماه", 
                                     ["کمتر از 5 بار", "5-10 بار", "بیش از 10 بار"])
         
-        if st.form_submit_button("ذخیره اطلاعات"):
-            return {
+        if st.form_submit_button("ادامه"):
+            st.session_state.demographic_data = {
                 "age": age,
                 "gender": gender,
                 "education": education,
                 "ride_frequency": ride_frequency
             }
-    return None
+            st.session_state.current_page = "scenario_explanation"
+            st.rerun()
 
-def fairness_questionnaire():
-    """پرسشنامه ادراک انصاف"""
-    st.header("📊 پرسشنامه ادراک انصاف قیمتی")
-    
-    st.markdown("**لطفاً با توجه به قیمت و توضیحات ارائه شده به سوالات زیر پاسخ دهید:**")
+def scenario_explanation():
+    """توضیح سناریو"""
+    st.markdown("""
+    <div style="display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 20px;">
+        <img src="https://via.placeholder.com/100/6a0dad/FFFFFF?text=راهیار" width="80">
+        <div>
+            <h2 style="color: #6a0dad; margin: 0;">راهیار 🚖</h2>
+            <p style="color: #6a0dad; margin: 0;">سفرهای درون شهری سریع و مطمئن</p>
+        </div>
+    </div>
+    """, unsafe_allow_html=True)
     
-    fairness = st.slider("به نظر شما این قیمت چقدر منصفانه است؟ (1 کاملاً ناعادلانه - 7 کاملاً عادلانه)", 1, 7)
-    transparency = st.slider("چقدر توضیحات ارائه شده در مورد قیمت را شفاف می‌دانید؟ (1 کاملاً نامشخص - 7 کاملاً شفاف)", 1, 7)
-    satisfaction = st.slider("چقدر از این قیمت‌گذاری راضی هستید؟ (1 کاملاً ناراضی - 7 کاملاً راضی)", 1, 7)
+    st.markdown("### سناریوی تحقیق")
     
-    return {
-        "fairness": fairness,
-        "transparency": transparency,
-        "satisfaction": satisfaction
-    }
-
-# ========== رابط کاربری اصلی ==========
-def main():
-    # مدیریت وضعیت
-    if 'scenario_type' not in st.session_state:
-        st.session_state.scenario_type = random.choice(["control", "input", "counterfactual"])
-    if 'price' not in st.session_state:
-        st.session_state.price = 200000  # قیمت ثابت 200 هزار تومان
-    if 'demographic_data' not in st.session_state:
-        st.session_state.demographic_data = None
-    if 'survey_completed' not in st.session_state:
-        st.session_state.survey_completed = False
-
-    # نمایش لوگو و هدر
-    col1, col2 = st.columns([1, 3])
-    with col1:
-        st.image("rahyar.png", width=150)  # عرض لوگو را تنظیم کنید
-    with col2:
+    if st.session_state.scenario_type == "control":
         st.markdown("""
-        <div class="rahyar-header">
-            <h2>راهیار 🚖</h2>
-            <p>سفرهای درون شهری سریع و مطمئن</p>
+        <div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px;">
+            <p>شما قصد دارید سفری را از مبدأ میدان ونک به مقصد میدان تجریش درخواست کنید.</p>
+            <p>قیمت پیشنهادی این سفر 200,000 تومان است.</p>
         </div>
         """, unsafe_allow_html=True)
+    else:
+        st.markdown("""
+        <div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px;">
+            <p>شما قصد دارید سفری را از مبدأ میدان ونک به مقصد میدان تجریش درخواست کنید.</p>
+            <p>قیمت پیشنهادی این سفر 200,000 تومان است.</p>
+            <p>پلتفرم توضیحاتی درباره علت این قیمت ارائه می‌دهد.</p>
+        </div>
+        """, unsafe_allow_html=True)
+    
+    if st.button("ادامه", key="continue_btn", type="primary"):
+        st.session_state.current_page = "map_view"
+        st.rerun()
 
-    # اگر اطلاعات دموگرافیک تکمیل نشده
-    if not st.session_state.demographic_data:
-        data = demographic_form()
-        if data:
-            st.session_state.demographic_data = data
-            st.rerun()
-        return
+def map_view():
+    """نمایش نقشه و قیمت"""
+    st.markdown("""
+    <div style="display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 20px;">
+        <img src="https://via.placeholder.com/100/6a0dad/FFFFFF?text=راهیار" width="80">
+        <div>
+            <h2 style="color: #6a0dad; margin: 0;">راهیار 🚖</h2>
+            <p style="color: #6a0dad; margin: 0;">سفرهای درون شهری سریع و مطمئن</p>
+        </div>
+    </div>
+    """, unsafe_allow_html=True)
+    
+    st.markdown("### مسیر سفر شما")
+    folium_static(create_ride_map(), width=800, height=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 class="rahyar-price">{st.session_state.price:,} تومان</span>
+        </div>
+    </div>
+    """, unsafe_allow_html=True)
+    
+    show_explanation(st.session_state.scenario_type)
+    
+    if st.button("درخواست راهیار", key="request_btn", type="primary"):
+        st.session_state.current_page = "transparency_questions"
+        st.rerun()
 
-    # اگر پرسشنامه تکمیل نشده
-    if not st.session_state.survey_completed:
-        # نمایش سناریو
-        st.markdown("### مسیر سفر شما")
-        folium_static(create_ride_map(), width=800, height=400)
-        
-        # نمایش قیمت و دکمه‌ها
-        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)
-        
-        with col2:
-            st.markdown("<br>", unsafe_allow_html=True)
-            if st.button("درخواست رهیار", key="request_btn", type="primary"):
+def create_likert_question(question, key):
+    """سوال لیکرت با دکمه‌ها"""
+    st.markdown(f"<p style='margin-bottom: 10px;'>{question}</p>", unsafe_allow_html=True)
+    
+    cols = st.columns(5)
+    options = {
+        1: "کاملاً مخالفم",
+        2: "مخالفم",
+        3: "نظری ندارم",
+        4: "موافقم",
+        5: "کاملاً موافقم"
+    }
+    
+    selected = st.session_state.get(key, None)
+    
+    for value, label in options.items():
+        with cols[value-1]:
+            if st.button(
+                label,
+                key=f"{key}_{value}",
+                on_click=lambda v=value: st.session_state.update({key: v}),
+                type="primary" if selected == value else "secondary"
+            ):
                 pass
-            
-            if st.session_state.scenario_type != "control":
-                if st.button("مشاهده توضیحات", key="explanation_btn", 
-                           help="توضیحات قیمت گذاری این سفر"):
-                    pass
-        
-        # پرسشنامه
-        with st.container():
-            st.markdown("<div class='survey-section'>", unsafe_allow_html=True)
-            survey_data = fairness_questionnaire()
-            st.markdown("</div>", unsafe_allow_html=True)
-            
-            if st.button("ارسال پاسخ‌ها", type="primary"):
-                all_data = {
-                    "scenario_type": st.session_state.scenario_type,
-                    "price": st.session_state.price,
-                    **st.session_state.demographic_data,
-                    **survey_data
-                }
-                
-                if save_to_sheet(all_data):
-                    st.session_state.survey_completed = True
-                    st.rerun()
-    else:
-        # صفحه تشکر
-        st.success("✅ پاسخ‌های شما با موفقیت ثبت شد. با تشکر از مشارکت شما در این تحقیق!")
-        st.balloons()
-        
-        if st.button("بازگشت به ابتدا"):
-            st.session_state.clear()
+    
+    if selected:
+        st.markdown(f"<p style='color: #6a0dad;'>پاسخ شما: {options[selected]}</p>", unsafe_allow_html=True)
+    
+    return selected
+
+def transparency_questions():
+    """سوالات شفافیت"""
+    st.header("📊 پرسشنامه شفافیت قیمت")
+    st.markdown("**لطفاً میزان موافقت خود با جملات زیر را مشخص کنید:**")
+    
+    questions = [
+        "پلتفرم به صورت صادقانه دلایل تغییر قیمت (مثل افزایش تقاضا یا شرایط جوی) را توضیح داد.",
+        "پلتفرم به طور کامل عوامل مؤثر بر قیمت (مثل ترافیک، تعداد رانندگان) را شرح داد.",
+        "دلایل ارائه‌شده برای تغییر قیمت منطقی و قابل قبول بود.",
+        "توضیحات درباره قیمت بلافاصله و در زمان مناسب نمایش داده شد.",
+        "توضیحات پلتفرم متناسب با شرایط سفر من (مثل مسیر یا ساعت درخواست) بود."
+    ]
+    
+    answers = []
+    for i, question in enumerate(questions):
+        answer = create_likert_question(question, f"transparency_q{i}")
+        answers.append(answer)
+    
+    if None not in answers:
+        st.session_state.transparency_answers = answers
+        if st.button("ادامه به سوالات بعدی", type="primary"):
+            st.session_state.current_page = "fairness_questions"
             st.rerun()
 
+def fairness_questions():
+    """سوالات انصاف"""
+    st.header("📊 پرسشنامه ادراک انصاف")
+    st.markdown("**لطفاً میزان موافقت خود با جملات زیر را مشخص کنید:**")
+    
+    questions = [
+        "قیمتی که به شما ارائه شد، منصفانه است.",
+        "قیمتی که به شما ارائه شد، معقول است.",
+        "قیمتی که به شما ارائه شد، قابل قبول است.",
+        "فرآیند و رویه قیمت‌گذاری پلتفرم قابل قبول است.",
+        "فرآیند و رویه قیمت‌گذاری پلتفرم منصفانه است.",
+        "فرآیند و رویه قیمت‌گذاری پلتفرم معقول است."
+    ]
+    
+    answers = []
+    for i, question in enumerate(questions):
+        answer = create_likert_question(question, f"fairness_q{i}")
+        answers.append(answer)
+    
+    if None not in answers:
+        st.session_state.fairness_answers = answers
+        if st.button("ارسال پاسخ‌ها", type="primary"):
+            all_data = {
+                "scenario_type": st.session_state.scenario_type,
+                "price": st.session_state.price,
+                **st.session_state.demographic_data,
+                "transparency_answers": st.session_state.transparency_answers,
+                "fairness_answers": st.session_state.fairness_answers
+            }
+            
+            if save_to_sheet(all_data):
+                st.session_state.current_page = "thank_you"
+                st.rerun()
+
+def thank_you_page():
+    """صفحه تشکر"""
+    st.success("✅ پاسخ‌های شما با موفقیت ثبت شد. با تشکر از مشارکت شما در این تحقیق!")
+    st.balloons()
+    
+    if st.button("بازگشت به ابتدا"):
+        st.session_state.clear()
+        st.rerun()
+
+# ========== مدیریت وضعیت و صفحه‌بندی ==========
+if 'current_page' not in st.session_state:
+    st.session_state.current_page = "welcome"
+    st.session_state.scenario_type = random.choice(["control", "input", "counterfactual"])
+    st.session_state.price = 200000  # قیمت ثابت 200 هزار تومان
+
+# نمایش صفحه فعلی
+pages = {
+    "welcome": welcome_page,
+    "demographic": demographic_form,
+    "scenario_explanation": scenario_explanation,
+    "map_view": map_view,
+    "transparency_questions": transparency_questions,
+    "fairness_questions": fairness_questions,
+    "thank_you": thank_you_page
+}
+
+pages[st.session_state.current_page]()
+
 if __name__ == "__main__":
     main()