Update app.py

app.py

@@ -123,29 +123,73 @@ st.markdown("""
         margin: 0 auto;
         width: 80%;
         max-width: 300px;
-        height: 50px;  /* ارتفاع ثابت */
+        height: 50px;
         box-shadow: 0 4px 8px rgba(0,0,0,0.1);
-        text-align: center;  /* برای مرکز کردن متن */
+        text-align: center;
     }
+    
     .rahyar-button:hover {
         background-color: #7b1fa2 !important;
         transform: translateY(-2px);
         box-shadow: 0 6px 12px rgba(0,0,0,0.15);
     }
+    
     .rahyar-button:active {
         transform: scale(0.98) translateY(0);
         box-shadow: 0 2px 4px rgba(0,0,0,0.1);
     }
-        /* تنظیمات مخصوص دسکتاپ */
+    
+    .app-container {
+        background-color: #f3e5ff;
+        border-radius: 20px;
+        padding: 20px;
+        margin: 20px auto;
+        max-width: 500px;
+        box-shadow: 0 4px 15px rgba(106, 13, 173, 0.2);
+    }
+    
+    .reject-button {
+        background-color: white !important;
+        color: #6a0dad !important;
+        border: 2px solid #6a0dad !important;
+        padding: 14px 28px !important;
+        border-radius: 12px !important;
+        font-weight: bold !important;
+        font-size: 16px !important;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin: 10px auto;
+        width: 80%;
+        max-width: 300px;
+        height: 50px;
+        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+        text-align: center;
+    }
+    
+    .reject-button:hover {
+        background-color: #f8f0ff !important;
+        transform: translateY(-2px);
+        box-shadow: 0 6px 12px rgba(0,0,0,0.15);
+    }
+    
+    .reject-button:active {
+        transform: scale(0.98) translateY(0);
+        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    }
+    
+    /* تنظیمات مخصوص دسکتاپ */
     @media only screen and (min-width: 769px) {
         .folium-map {
-            height: 400px !important;  /* ارتفاع ثابت برای دسکتاپ */
+            height: 400px !important;
         }
     :root {
-        color-scheme: only light !important;  # غیرفعال کردن تم تاریک
+        color-scheme: only light !important;
     }
     body {
-        background-color: white !important;  # پس‌زمینه سفید اجباری
+        background-color: white !important;
     }
     .stApp {
         background-color: white !important;
@@ -248,7 +292,8 @@ def save_to_sheet(data):
             *data.get("transparency_answers", []),
             *data.get("fairness_answers", []),
             st.session_state.get("explanation_data", {}).get("explanation_received", ""),
-            st.session_state.get("explanation_data", {}).get("explanation_type", "")
+            st.session_state.get("explanation_data", {}).get("explanation_type", ""),
+            data.get("price_accepted", 0)  # اضافه کردن وضعیت پذیرش قیمت
         ]
         
         worksheet.append_row(row_data)
@@ -297,7 +342,7 @@ def user_contact():
         key="user_contact_input"
     )
 
-    if st.button("ادامه", key="continue_btn", type="primary"):  # تغییر کلید
+    if st.button("ادامه", key="continue_btn", type="primary"):
         st.session_state.user_contact = contact_info
         st.session_state.current_page = "demographic"
         st.rerun()
@@ -360,7 +405,7 @@ def scenario_explanation():
         st.rerun()
 
 def map_view():
-    """نمایش نقشه و قیمت"""
+    """نمایش نقشه و قیمت در قالب اپلیکیشن"""
     col1, col2 = st.columns([1, 4])
     with col1:
         try:
@@ -373,62 +418,51 @@ def map_view():
         <p style="color: #6a0dad; margin: 0;">همراه سفرهای درون‌شهری شما، راهی مطمئن، راهی روشن، رهیار</p>
         """, 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>
+    # کانتینر اصلی اپلیکیشن
+    with st.container():
+        st.markdown('<div class="app-container">', 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>
-    </div>
-    """, unsafe_allow_html=True)
-    
-    show_explanation(st.session_state.scenario_type)
-
+        """, unsafe_allow_html=True)
+        
+        show_explanation(st.session_state.scenario_type)
+        
+        # دکمه‌های جدید
+        st.markdown("""
+        <div style="text-align: center; margin: 30px 0;">
+            <button class="rahyar-button" onclick="acceptPrice()">
+                <span style="display: inline-block; vertical-align: middle;">درخواست راهیار</span>
+            </button>
+            <button class="reject-button" onclick="rejectPrice()">
+                <span style="display: inline-block; vertical-align: middle;">رد قیمت</span>
+            </button>
+        </div>
+        """, unsafe_allow_html=True)
+        
+        st.markdown('</div>', unsafe_allow_html=True)
     
+    # اسکریپت برای مدیریت کلیک دکمه‌ها
     st.markdown("""
-    <div style="text-align: center; margin: 30px 0;">
-    <button class="rahyar-button">
-        <span style="display: inline-block; vertical-align: middle;">درخواست راهیار</span>
-    </button>
-    </div>
-    """, unsafe_allow_html=True)
-    
-    if st.button("ادامه", key="request_btn", type="primary"):
-        st.session_state.current_page = "transparency_questions"
-        st.rerun()
-
-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: "کاملاً موافقم"
+    <script>
+    function acceptPrice() {
+        window.streamlitSessionState.set({"price_accepted": 1});
+        window.streamlitSessionState.set({"current_page": "transparency_questions"});
     }
-    
-    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 selected:
-        st.markdown(f"<p style='color: #6a0dad;'>پاسخ شما: {options[selected]}</p>", unsafe_allow_html=True)
-    
-    return selected
+    function rejectPrice() {
+        window.streamlitSessionState.set({"price_accepted": 0});
+        window.streamlitSessionState.set({"current_page": "transparency_questions"});
+    }
+    </script>
+    """, unsafe_allow_html=True)
 
 def transparency_questions():
     """سوالات شفافیت"""
@@ -478,8 +512,6 @@ def fairness_questions():
         if st.button("ادامه به سوالات بعدی", type="primary"):
             st.session_state.current_page = "explanation_questions"
             st.rerun()
-    
-    
 
 def explanation_questions():
     """سوالات درباره توضیحات قیمت"""
@@ -540,7 +572,8 @@ def explanation_questions():
                 "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"
+                "explanation_type": explanation_type if explanation_received == "بله" else "N/A",
+                "price_accepted": st.session_state.get("price_accepted", 0)  # وضعیت پذیرش قیمت
             }
             
             # ذخیره در Google Sheets
@@ -570,6 +603,7 @@ def main():
         st.session_state.transparency_answers = []
         st.session_state.fairness_answers = []
         st.session_state.explanation_data = None
+        st.session_state.price_accepted = 0  # مقدار پیش‌فرض عدم پذیرش قیمت
 
     # نمایش صفحه فعلی
     pages = {