Update app.py

app.py

@@ -783,11 +783,17 @@ def enhanced_likert_scale(question_data):
     st.markdown(f"<div style='text-align:right; font-weight:bold; margin-bottom:15px; direction: rtl;'>{question}</div>", 
                 unsafe_allow_html=True)
 
-    # نمایش برچسب‌ها
+    # نمایش برچسب‌ها (با برچسب وسط اگر مقیاس فرد باشد)
+    middle_label = ""
+    if scale % 2 == 1:  # اگر مقیاس فرد باشد
+        middle_value = (scale // 2) + 1
+        middle_label = "<span style='font-size: 14px; font-weight: bold; color: #6a0dad;'>متوسط</span>"
+    
     st.markdown(
         f"""
         <div style='display: flex; justify-content: space-between; max-width: 475px; margin: 0 auto 10px; direction: rtl;'>
             <span style='font-size: 14px; font-weight: bold; color: #6a0dad;'>{labels[0]}</span>
+            {middle_label}
             <span style='font-size: 14px; font-weight: bold; color: #6a0dad;'>{labels[1]}</span>
         </div>
         """,
@@ -804,7 +810,7 @@ def enhanced_likert_scale(question_data):
         key=f"{key}_radio"
     )
 
-    # بعد از تعریف st.radio، این کد را اضافه کنید:
+    # مخفی کردن رادیو باتن
     st.markdown(
         """
         <style>
@@ -820,7 +826,7 @@ def enhanced_likert_scale(question_data):
     if selected_value is not None:
         st.session_state[key] = selected_value
 
-    # ایجاد JavaScript جداگانه برای جلوگیری از مشکل بک‌اسلش
+    # ایجاد JavaScript
     js_code = """
     <script>
     function handleLikertClick(index) {
@@ -831,7 +837,8 @@ def enhanced_likert_scale(question_data):
     }
     </script>
     """
-    # ایجاد دکمه‌های سفارشی
+    
+    # ایجاد دکمه‌های سفارشی با استایل بهبود یافته
     options_html = "".join([
         f'<div class="likert-option {"selected" if st.session_state.get(key) == i+1 else ""}" '
         f'onclick="handleLikertClick({i})">'
@@ -840,7 +847,7 @@ def enhanced_likert_scale(question_data):
         for i in range(scale)
     ])
 
-    # ترکیب تمام بخش‌ها
+    # ترکیب تمام بخش‌ها با استایل بهبود یافته
     components.html(
         f"""
         {js_code}
@@ -865,6 +872,7 @@ def enhanced_likert_scale(question_data):
                 cursor: pointer;
                 margin: 0 3px;
                 transition: all 0.2s;
+                position: relative;
             }}
             .likert-option:hover {{
                 transform: scale(1.1);
@@ -878,25 +886,50 @@ def enhanced_likert_scale(question_data):
                 font-weight: bold;
                 font-size: 16px;
                 user-select: none;
+                transition: all 0.2s;
             }}
             .likert-option.selected .likert-number {{
                 color: white;
             }}
+            /* برچسب وسط برای گزینه میانی */
+            .likert-option.middle-option::after {{
+                content: "متوسط";
+                position: absolute;
+                bottom: -25px;
+                font-size: 12px;
+                color: #6a0dad;
+                white-space: nowrap;
+                font-weight: bold;
+            }}
         </style>
         <div class="likert-container">
             {options_html}
         </div>
         """,
-        height=50
+        height=70  # افزایش ارتفاع برای جا دادن برچسب وسط
     )
 
-    # نمایش وضعیت انتخاب
+    # نمایش وضعیت انتخاب با استایل بهبود یافته
     status = f"پاسخ شما: {st.session_state[key]}" if st.session_state.get(key) else "پاسخ شما: هنوز انتخاب نشده"
-    st.markdown(f"<p style='text-align:right; color:#6a0dad; direction: rtl; margin-top:10px;'>{status}</p>", 
-                unsafe_allow_html=True)
+    st.markdown(
+        f"""
+        <p style='
+            text-align: right;
+            color: #6a0dad;
+            direction: rtl;
+            margin-top: 20px;
+            padding: 10px;
+            background-color: #f8f0ff;
+            border-radius: 8px;
+            border-right: 3px solid #6a0dad;
+        '>
+            {status}
+        </p>
+        """, 
+        unsafe_allow_html=True
+    )
 
     return st.session_state.get(key)
-
     
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
@@ -968,7 +1001,7 @@ def show_explanation(exp_type):
                 st.markdown(f"<p class='explanation-item'>• {item}</p>", unsafe_allow_html=True)
         
         elif exp_type == "counterfactual":
-            st.markdown("<p class='explanation-title'>علت قیمت گذاری:</p>", unsafe_allow_html=True)
+            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)
 
@@ -1244,7 +1277,7 @@ def random_likert_questions():
                     در این بخش، با یک سری سؤال درمورد قیمتی که در صفحه اطلاعات سفر و در زیر نقشه دیدید، مواجه خواهید شد. در زیر سوالات طیفی قرار دارد: <br>
                     - سمت راست (۱): کاملاً نامنصفانه، غیرمعقول یا غیرقابل قبول<br>
                     - سمت چپ (۷): کاملاً منصفانه، معقول یا قابل قبول<br>
-                    لطفاً با دقت عدد مناسب را بین ۱ تا ۷ را با زدن دکمه + و – جعبه زیر طیف انتخاب نمایید. بدین گونه شما انتخاب خواهید کرد که چقدر قیمت به نظرتان منصفانه بوده. چقدر با توجه به شرایط منطقی بوده و چقدر قابل قبول بوده.
+                    لطفاً با دقت عدد مناسب را بین ۱ تا ۷ را انتخاب نمایید. بدین گونه شما انتخاب خواهید کرد که چقدر قیمت به نظرتان منصفانه بوده. چقدر با توجه به شرایط منطقی بوده و چقدر قابل قبول بوده.
                 </p>
             """),
             "questions": [
@@ -1302,7 +1335,7 @@ def random_likert_questions():
                      در این بخش، با یک سری سؤال درمورد توضیحاتی که در صفحه اطلاعات سفر و در زیر نقشه درمورد قیمت به شما ارائه شد، مواجه خواهید شد. در زیر سوالات طیفی قرار دارد: <br>
                     - سمت راست (۱): به هیچ وجه<br>
                     - سمت چپ (۷): خیلی زیاد<br>
-                    لطفاً با دقت عدد مناسب را بین ۱ تا ۷ را با زدن دکمه + و – جعبه زیر طیف انتخاب نمایید. بدین گونه شما انتخاب خواهید کرد که از هیچ مقدار تا خیلی زیاد به چه مقدار به شما توضیح با ویژگی‌های سوال ارائه شده است.
+                    لطفاً با دقت عدد مناسب را بین ۱ تا ۷ را انتخاب نمایید. بدین گونه شما انتخاب خواهید کرد که از هیچ مقدار تا خیلی زیاد به چه مقدار به شما توضیح با ویژگی‌های سوال ارائه شده است.
                 </p>
             """),
             "questions": [