Update app.py

app.py

@@ -3,6 +3,7 @@ import folium
 from streamlit_folium import folium_static
 import streamlit.components.v1 as components
 from datetime import datetime
+import textwrap
 import gspread
 from google.oauth2.service_account import Credentials
 import os
@@ -211,6 +212,17 @@ html, body, .stApp {
 .rahyar-subtitle {
     color: var(--primary) !important;
     margin: 0 !important;
+    font-size: 12px !important;
+}
+.warning {
+    color: black !important;
+    margin: 0 !important;
+    font-weight: bold !important;
+    font-size: 16px !important;
+}
+.little {
+    color: black !important;
+    margin: 0 !important;
     font-size: 16px !important;
 }
 
@@ -833,8 +845,8 @@ def enhanced_likert_scale(question_data):
     
     <div>
         <div class="likert-labels">
-            <span>{labels[1]}</span>
             <span>{labels[0]}</span>
+            <span>{labels[1]}</span>
         </div>
         <div class="likert-line">
     """
@@ -842,7 +854,7 @@ def enhanced_likert_scale(question_data):
     # اضافه کردن نقاط فقط برای مقادیر 1 تا scale
     current_value = st.session_state.get(key, 0)
     for i in range(1, scale+1):
-        value = scale-i+1  # مقادیر از 1 تا scale
+        value = i # مقادیر از 1 تا scale
         active_class = "active" if current_value == value else ""
         scale_html += f"<div class='likert-dot {active_class}'></div>"
     
@@ -880,6 +892,7 @@ def enhanced_likert_scale(question_data):
 
     return st.session_state.get(key)
 
+    
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
     # نقاط تقریبی برای مناطق عمومی جنوب و غرب تهران
@@ -934,7 +947,7 @@ def show_explanation(exp_type):
             "شرایط جوی: هوای بارانی  (++)"
         ],
         "counterfactual": [
-            "اگر این سفر را 1 ساعت دیرتر درخواست کنید، به دلیل سطح تقاضای کمتر، رانندگان فعال بیش‌تر، زمان بهتر روز و شرایط جوی بهتر، احتمالاً قیمت حدوداً 40٪ کمتر (120 هزار تومان) خواهد بود.",
+          "اگرعجله ندارید و درخواست خود را 1 ساعت بعد تکرار کنید، احتمالاً تقاضا کمترخواهد بود، رانندگان فعال در اطراف شما بیش‌تر خواهد بود، زمان روز و شرایط جوی بهتر خواهد بود؛ پس قیمت حدوداً 40٪ کمتر (120 هزار تومان) خواهد بود.",
         ]
     }
     
@@ -1052,15 +1065,13 @@ def welcome_page():
                  style="width: 200px; height: auto; margin-bottom: 10px;">
         </div>
         <div style="flex: 1;">
-            <h3>به پرسشنامه ما خوش آمدید 🌟</h3>
             <p>با سلام و احترام،</p>
-            <p>از شما دعوت می‌شود در یک پژوهش دانشگاهی شرکت کنید که در قالب پایان‌نامه کارشناسی‌ارشد در دانشگاه صنعتی شریف انجام می‌شود. این تحقیق به بررسی ادراک مصرف‌کنندگان از انصاف در قیمت‌گذاریِ اپلیکیشن‌های تاکسی اینترنتی (مانند اسنپ و تپسی 🚖) می‌پردازد.</p>
-            <p>شرکت در این مطالعه کاملاً داوطلبانه است؛ پاسخ دقیقی برای سوالات وجود ندارد و پاسخ‌های صادقانه شما فقط برای پیش‌برد اهداف علمی تحلیل خواهد شد.</p>
-            <p>پر کردن این پرسشنامه کمتر از 5 دقیقه وقت شما را می‌گیرد و پاسخ‌های ارزشمند شما کمک شایانی به ارتقای دانش علمی خواهد کرد. پیشاپیش از مشارکت شما صمیمانه سپاسگزاریم 🙏</p>
+            <p>این پرسشنامه بخشی از یک پژوهش دانشگاهی است که در قالب پایان‌نامه کارشناسی‌ارشد در دانشگاه صنعتی شریف انجام می‌شود. این تحقیق به <strong> بررسی ادراک مصرف‌کنندگان از انصاف در قیمت‌گذاریِ اپلیکیشن‌های تاکسی اینترنتی (مانند اسنپ و تپسی 🚖) </strong> می‌پردازد.</p>
+            <p> پر کردن این پرسشنامه کمتر از 5 دقیقه وقت شما را می‌گیرد. شرکت در این مطالعه کاملاً داوطلبانه است؛ پاسخ درست یا غلطی برای سوالات وجود ندارد و نظرات شخصی شما است که ارزشمند است و برای پیش‌برد اهداف علمی تحلیل خواهند شد. </p>
+            <p> پاسخ‌های شما کمک شایانی به ما، به عنوان یک تیم تحقیقاتی در دانشگاه صنعتی شریف، برای ارتقای دانش علمی خواهد کرد. پیشاپیش از مشارکت شما صمیمانه سپاسگزاریم 🙏</p>
             <p>برای آغاز پرسشنامه، لطفاً روی دکمه زیر کلیک کنید 👇🏻</p>
         </div>
     </div>
-    </div>
     """, unsafe_allow_html=True)
     
     if st.button("شروع پرسشنامه", key="start_btn", type="primary"):
@@ -1086,16 +1097,18 @@ def scenario_explanation():
         """, unsafe_allow_html=True)
     
     st.markdown("### سناریوی تحقیق")
-    
+    st.markdown("""
+        <p class="warning">در این بخش با یک سناریو فرضی مواجه خواهید شد. خواهشمندیم صفحه را به پایین بکشید، سناریو را به دقت مطالعه فرمایید، خودتان را در موقعیت تصور کنید و طبق آن پرسشنامه را ادامه دهید.</p>
+    """, unsafe_allow_html=True)
     st.markdown("""
     <div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px;">
-        <p>فرض کنید در روزی از روزها شما مهمان یکی از اقوام‌تان در جنوب تهران هستید. قصد دارید برای خریدی به غرب تهران بروید...</p>
-        <p> گوشی‌تان را از کیف درمی‌آورید. چشم‌تان به آیکون جدیدی می‌افتد؛ اپلیکیشنی به نام <strong>رهیار</strong> — نه اسنپ است و نه تپسی، اما خیلی شبیه آن‌هاست. رنگ بنفش جذابی دارد و شعارش توی ذهن‌تان می‌نشیند:  
-        <br>«همراه سفرهای شما، راهی مطمئن، راهی روشن، رهیار»</p>
-        <p>با کنجکاوی اپ را باز می‌کنید. ظاهر ساده و روانی دارد. فعلاً فقط گزینه‌ی «سفر معمولی» فعال است. خبری از امکانات اضافه مثل «سفر دو‌مسیـره»، «توقف در مسیر»، «اکوپلاس» یا «موتورسوار» نیست — اما خب، رهیار تازه‌کار است و قرار است توسعه پیدا کند!.</p>
+        <p>فرض کنید در روزی از روزها بعد از اتمام ساعت کاری، شما قصد دارید از محل کارتان در جنوب تهران، برای انجام خریدی به غرب تهران بروید. شما امروز همراه خود ماشین به محل کار نبردید. </p>
+        <p> گوشی‌تان را از کیف درمی‌آورید. چشم‌تان به آیکون اپلیکیشنی که اخیراً نصب کرده بودید اما تا به حال بررسی نکرده بودید، می‌افتد؛ اپلیکیشنی به نام <strong>رهیار</strong> — نه اسنپ است و نه تپسی، اما خیلی شبیه آن‌ها و رقیب جدید آن‌هاست. به تازگی در تهران خدمات ارائه می‌دهد. رنگ بنفش جذابی دارد. تصمیم می‌گیرید این بار این اپلیکیشن جدید را برای سفر خود امتحان کنید.</p>
+        <p>با کنجکاوی اپ را باز می‌کنید. ظاهر ساده و روانی دارد. قبلاً شنیده بودید که در رهیار فعلاً فقط گزینه‌ی «سفر معمولی» فعال است. اما خب، رهیار تازه‌کار است و قرار است توسعه پیدا کند!</p>
         <p>مبدأ و مقصد را انتخاب می‌کنید و با قیمت <strong>200 هزار تومان</strong> مواجه می‌شوید.</p>
         <p>با کلیک روی «ادامه»، اطلاعات سفر را مشاهده کنید 👇🏻</p>
     </div>
+
     """, unsafe_allow_html=True)
     
     if st.button("ادامه", key="continue_btn", type="primary"):
@@ -1119,9 +1132,9 @@ def map_view():
 
     st.markdown("""
     <div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px;">
-        <p>مسیر سفر شما به صورت حدودی، از جنوب به غرب تهران است.</p>
-        <p> با توجه به اطلاعاتی که بعد از نقشه دریافت می‌کنید، تصمیم بگیرید که سفر را می‌پذیرید را رد می‌کنید.</p>
-        <p>سپس با کلیک بر دکمه مربوطه به بخش بعدی بروید.</p>
+        <p class="warning">مسیر سفر شما به صورت حدودی، از جنوب به غرب تهران است.</p>
+        <p class="warning"> لطفاً صفحه را به پایین بکشید. سپس  با توجه به اطلاعاتی که بعد از نقشه دریافت می‌کنید، تصمیم بگیرید که سفر را می‌پذیرید را رد می‌کنید.</p>
+        <p class="warning">سپس با کلیک بر دکمه مربوطه به بخش بعدی بروید.</p>
     </div>
     """, unsafe_allow_html=True)
     st.markdown("### مسیر سفر شما")
@@ -1169,7 +1182,7 @@ def attention_check1():
     st.markdown("### سوال")
     
     answer = st.radio(
-        "رنگ لوگو و تم رنگی اپلیکیشن رهیار چگونه بود؟",
+        "رنگ لوگو اپلیکیشن رهیار چگونه بود؟",
         ["قرمز", "سبز", "بنفش", "آبی", "فراموش کردم"],
         index=None,
         key="att1_radio"
@@ -1214,13 +1227,21 @@ def attention_check1():
             st.rerun()
         else:
             st.warning("لطفاً یک گزینه را انتخاب کنید")
-
 def random_likert_questions():
     """نمایش سوالات لیکرت با دکمه‌های دایره‌ای"""
     question_groups = [
         {
-            "title": "سری اول سوالات",
+            "title": "سری اول سؤالات",
             "key": "distributive",
+            "guide": textwrap.dedent("""
+                <h4 class="warning">راهنمای پاسخ به سری اول:</h4>
+                <p class="little">
+                    در این بخش، با یک سری سؤال درمورد قیمتی که در صفحه اطلاعات سفر و در زیر نقشه دیدید، مواجه خواهید شد. در زیر سوالات طیفی قرار دارد: <br>
+                    - سمت چپ (۱): کاملاً نامنصفانه، غیرمعقول یا غیرقابل قبول<br>
+                    - سمت راست (۷): کاملاً منصفانه، معقول یا قابل قبول<br>
+                    لطفاً با دقت عدد مناسب را بین ۱ تا ۷ را با زدن دکمه + و – جعبه زیر طیف انتخاب نمایید. بدین گونه شما انتخاب خواهید کرد که چقدر قیمت به نظرتان منصفانه بوده. چقدر با توجه به شرایط منطقی بوده و چقدر قابل قبول بوده.
+                </p>
+            """),
             "questions": [
                 {
                     "key": "distributive_1", 
@@ -1243,24 +1264,42 @@ def random_likert_questions():
             ]
         },
         {
-            "title": "سری دوم سوالات",
+            "title": "فقط پاسخ دهید.",
             "key": "attention_check",
             "questions": [
-                {"key": "attention_check2", "question": "تا چه مقدار با دقت به سوالات پاسخ می‌دهید؟", "scale": 7, "labels": ["خیلی کم", "خیلی زیاد"]} 
+                {"key": "attention_check2", "question": "لطفاً خیلی زیاد (عدد 7) را انتخاب کنید.", "scale": 7, "labels": ["خیلی کم", "خیلی زیاد"]} 
             ]
         },
         {
-            "title": "سری سوم سوالات", 
+            "title": "سری دوم سؤالات", 
             "key": "procedural",
+            "guide": textwrap.dedent("""
+                <h4 class="warning">راهنمای پاسخ به سری دوم:</h4>
+                <p class="little">
+                    در این بخش با یک سری جمله خبری درمورد فرآیند و رویه قیمت‌گذاری رهیار مواجه خواهید شد. در زیر جملات یک طیف قرار دارد:<br>
+                    - سمت چپ (۱): کاملاً مخالفم<br>
+                    - سمت راست (۷): کاملاً موافقم<br>
+                    لطفاً نظر خود را با انتخاب عدد مناسب بیان کنید.
+                </p>
+            """),
             "questions": [
-                {"key": "procedural_1", "question": "فرآیند و رویه قیمت‌گذاری پلتفرم قابل قبول است", "scale": 7, "labels": ["کاملاً مخالفم", "کاملاً موافقم"]}, 
-                {"key": "procedural_2", "question": "فرآیند و رویه قیمت‌گذاری پلتفرم منصفانه است", "scale": 7, "labels": ["کاملاً مخالفم", "کاملاً موافقم"]},
-                {"key": "procedural_3", "question": "فرآیند و رویه قیمت‌گذاری پلتفرم معقول است", "scale": 7, "labels": ["کاملاً مخالفم", "کاملاً موافقم"]}
+                {"key": "procedural_1", "question": "فرآیند و رویه قیمت‌گذاری رهیار قابل قبول است", "scale": 7, "labels": ["کاملاً مخالفم", "کاملاً موافقم"]}, 
+                {"key": "procedural_2", "question": "فرآیند و رویه قیمت‌گذاری رهیار منصفانه است", "scale": 7, "labels": ["کاملاً مخالفم", "کاملاً موافقم"]},
+                {"key": "procedural_3", "question": "فرآیند و رویه قیمت‌گذاری رهیار معقول است", "scale": 7, "labels": ["کاملاً مخالفم", "کاملاً موافقم"]}
             ]
         },
         {
-            "title": "سری چهارم سوالات",
+            "title": "سری سوم سؤالات",
             "key": "informational",
+            "guide": textwrap.dedent("""
+                <h4 class="warning">راهنمای پاسخ به سری سوم:</h4>
+                <p class="little">
+                     در این بخش، با یک سری سؤال درمورد توضیحاتی که در صفحه اطلاعات سفر و در زیر نقشه درمورد قیمت به شما ارائه شد، مواجه خواهید شد. در زیر سوالات طیفی قرار دارد: <br>
+                    - سمت چپ (۱): هیچ<br>
+                    - سمت راست (۷): خیلی زیاد<br>
+                    لطفاً با دقت عدد مناسب را بین ۱ تا ۷ را با زدن دکمه + و – جعبه زیر طیف انتخاب نمایید. بدین گونه شما انتخاب خواهید کرد که از هیچ مقدار تا خیلی زیاد به چه مقدار به شما توضیح با ویژگی‌های سوال ارائه شده است.
+                </p>
+            """),
             "questions": [
                 {"key": "informational_1", "question": "تا چه حد رهیار دلایل تعیین قیمت را به صورت صادقانه توضیح داد؟", "scale": 7, "labels": ["هیچ", "خیلی زیاد"]},
                 {"key": "informational_2", "question": "تا چه حد رهیار عوامل مؤثر بر تعیین قیمت را به طور کامل شرح داد؟", "scale": 7, "labels": ["هیچ", "خیلی زیاد"]},
@@ -1270,41 +1309,33 @@ def random_likert_questions():
             ]
         }
     ]
-
-    # مقداردهی اولیه
+# مقداردهی اولیه
     if 'current_likert_group' not in st.session_state:
         st.session_state.current_likert_group = 0
     
     current_group = question_groups[st.session_state.current_likert_group]
     
+    
     st.markdown(f"## {current_group['title']}")
-    st.markdown("""    
-    <div class="guide-text" style="
-        display: flex; 
-        flex-direction: column; 
-        align-items: center; 
-        background-color: #f0f2f6; 
-        border-radius: 10px; 
-        padding: 15px; 
-        gap: 10px;
-        font-size: 5px !important;
-    ">
-        <div style="flex: 1; font-size: inherit !important;">
-            <h3 style="font-size: 12px !important;">راهنمای پاسخ:</h3>
-            <p style="font-size: inherit !important;">
-                برای پاسخ به سوالات، با هفت نقطه بین دو سر طیف مواجه خواهید شد.<br>
-                - سمت چپ: کمترین مقدار<br>
-                - سمت راست: بیشترین مقدار
-            </p>
-            <p style="font-size: inherit !important;">
-                زیر طیف جعبه‌ای وجود دارد که مقدار پیش‌فرض آن صفر است. با زدن دکمه مثبت و منفی کنار جعبه، این عدد را بین یک تا هفت تنظیم کنید.
-            </p>
-            <p style="font-size: inherit !important;">
-                اگر از پاسخ‌هایتان مطمئن هستید، روی دکمه «ادامه» کلیک کنید.
-            </p>
-        </div>
-    </div>
-    """, unsafe_allow_html=True)
+    
+    if 'guide' in current_group:
+        # ترکیب CSS و HTML با جایگذاری امن
+        guide_html = textwrap.dedent("""
+            <div class="guide-text" style="
+                display: flex;
+                flex-direction: column;
+                background-color: #f0f2f6;
+                border-radius: 10px;
+                padding: 15px;
+                gap: 10px;
+                direction: rtl;
+                text-align: justify;
+            ">
+                {}
+            </div>
+        """).format(current_group['guide'])
+        
+        st.markdown(guide_html, unsafe_allow_html=True)
     
     # نمایش تمام سوالات این گروه
     for question in current_group['questions']:
@@ -1337,6 +1368,7 @@ def random_likert_questions():
                 st.session_state.current_page = "explanation_questions"
                 st.rerun()
 
+
 def explanation_questions():
     """نمایش سوالات تکمیلی به صورت مرحله‌ای با دکمه ادامه"""
     st.markdown("### 📋 سوالات تکمیلی")