Update app.py

app.py

@@ -163,54 +163,6 @@ st.markdown("""
     .stApp {
         background-color: white !important;
     }
-        /* استایل دکمه درخواست راهیار */
-    .rahyar-request-btn {
-        background-color: #6a0dad !important;
-        color: white !important;
-        border: none !important;
-        padding: 14px 28px !important;
-        border-radius: 12px !important;
-        font-weight: bold !important;
-        font-size: 16px !important;
-        cursor: pointer;
-        transition: all 0.3s ease;
-        margin: 10px auto;
-        width: 100%;
-        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
-        background-image: linear-gradient(to right, #8e44ad, #6a0dad);
-        border: 2px solid #6a0dad !important;
-    }
-    
-    .rahyar-request-btn:hover {
-        background-image: linear-gradient(to right, #9b59b6, #7b1fa2) !important;
-        transform: translateY(-2px);
-        box-shadow: 0 6px 12px rgba(0,0,0,0.15);
-    }
-    
-    /* استایل دکمه رد قیمت */
-    .rahyar-reject-btn {
-        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;
-        margin: 10px auto;
-        width: 100%;
-        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
-        background-image: linear-gradient(to right, #ffffff, #f9f9f9);
-    }
-    
-    .rahyar-reject-btn:hover {
-        background-image: linear-gradient(to right, #f9f9f9, #f0f0f0) !important;
-        color: #8e44ad !important;
-        border: 2px solid #8e44ad !important;
-        transform: translateY(-2px);
-        box-shadow: 0 6px 12px rgba(0,0,0,0.15);
-    }
 </style>
 """, unsafe_allow_html=True)
 
@@ -475,43 +427,23 @@ def map_view():
     
     show_explanation(st.session_state.scenario_type)
     
+    # دکمه‌های جدید با استایل‌های سفارشی
     col1, col2 = st.columns(2)
     with col1:
-        # دکمه درخواست راهیار
-        st.markdown("""
-        <button class="rahyar-request-btn" onclick="acceptPrice()">
-            <span style="display: flex; align-items: center; justify-content: center;">
-                <span style="margin-left: 8px;">🚖</span>
-                <span>درخواست راهیار</span>
-            </span>
-        </button>
-        """, unsafe_allow_html=True)
+        if st.button("درخواست راهیار", key="accept_btn", 
+                    help="برای تایید قیمت و درخواست سفر کلیک کنید",
+                    use_container_width=True):
+            st.session_state.price_accepted = 1
+            st.session_state.current_page = "transparency_questions"
+            st.rerun()
     
     with col2:
-        # دکمه رد قیمت
-        st.markdown("""
-        <button class="rahyar-reject-btn" onclick="rejectPrice()">
-            <span style="display: flex; align-items: center; justify-content: center;">
-                <span style="margin-left: 8px;">✖</span>
-                <span>رد قیمت</span>
-            </span>
-        </button>
-        """, unsafe_allow_html=True)
-    
-    # اسکریپت برای مدیریت کلیک دکمه‌ها
-    st.markdown("""
-    <script>
-    function acceptPrice() {
-        window.streamlitSessionState.set({"price_accepted": 1});
-        window.streamlitSessionState.set({"current_page": "transparency_questions"});
-    }
-    function rejectPrice() {
-        window.streamlitSessionState.set({"price_accepted": 0});
-        window.streamlitSessionState.set({"current_page": "transparency_questions"});
-    }
-    </script>
-    """, unsafe_allow_html=True)
-
+        if st.button("رد قیمت", key="reject_btn",
+                    help="برای رد قیمت و ادامه به سوالات کلیک کنید",
+                    use_container_width=True):
+            st.session_state.price_accepted = 0
+            st.session_state.current_page = "transparency_questions"
+            st.rerun()
 
 def transparency_questions():
     """سوالات شفافیت"""