Update app4.py

app4.py

@@ -14,7 +14,13 @@ if 'name' not in st.session_state:
 if st.session_state.name is None:
     # صفحة إدخال الاسم
     st.title("🎬 Welcome to the Movie Recommender!")
-    st.markdown("Please enter your name to continue.")
+    
+    # عبارة الترحيب حسب الوقت
+    hour = datetime.now().hour
+    greeting_time = "Good Morning ☀️" if hour < 12 else "Good Afternoon 🌤️" if hour < 18 else "Good Evening 🌙"
+    st.markdown(f"### {greeting_time}")
+
+    #st.markdown("Please enter your name to continue.")
 
     name = st.text_input("Enter your name", "")
     
@@ -27,34 +33,35 @@ if st.session_state.name is None:
         else:
             st.error("Please enter a valid name.")  # إذا لم يتم إدخال اسم
 
+
 else:
     # -------------------- تحسين تنسيق الشريط الجانبي باستخدام CSS --------------------
     st.markdown("""
-        <style>
-            .sidebar .sidebar-content {
-                background-color: #2c3e50; /* خلفية دكناء */
-                color: white;
-                padding: 15px;
-                border-radius: 10px;
-            }
-            .sidebar .sidebar-content h1, .sidebar .sidebar-content h2 {
-                font-size: 20px;
-                font-weight: bold;
-                color: #ecf0f1; /* لون النص */
-            }
-            .sidebar .sidebar-content .stButton button {
-                background-color: #3498db; /* زر لون أزرق */
-                color: white;
-                font-weight: bold;
-                border-radius: 5px;
-                width: 100%;
-                padding: 10px;
-            }
-            .sidebar .sidebar-content .stButton button:hover {
-                background-color: #2980b9;
-            }
-        </style>
-    """, unsafe_allow_html=True)
+    <style>
+        .sidebar .sidebar-content {
+            background-color: #1c1c1c; /* خلفية داكنة جدًا */
+            color: white;
+            padding: 15px;
+            border-radius: 10px;
+        }
+        .sidebar .sidebar-content h1, .sidebar .sidebar-content h2 {
+            font-size: 20px;
+            font-weight: bold;
+            color: #ecf0f1; /* لون النص */
+        }
+        .sidebar .sidebar-content .stButton button {
+            background-color: #3498db; /* زر لون أزرق */
+            color: white;
+            font-weight: bold;
+            border-radius: 5px;
+            width: 100%;
+            padding: 10px;
+        }
+        .sidebar .sidebar-content .stButton button:hover {
+            background-color: #2980b9;
+        }
+    </style>
+""", unsafe_allow_html=True)
 
     # -------------------- تحميل البيانات --------------------
     try:
@@ -144,12 +151,26 @@ else:
                     with cols[i % 5]:
                         st.image(poster_url, use_container_width=True)
                         st.markdown(f"<div class='movie-title'>{title}</div>", unsafe_allow_html=True)
+
+                        # استخدام session_state لتخزين حالة زر التفاصيل (مفتوح أو مغلق)
+                        if f"show_details_{i}" not in st.session_state:
+                            st.session_state[f"show_details_{i}"] = False
+
+                        # زر التفاصيل
                         if st.button("📄 Details", key=f"popular_details_{i}"):
-                            overview, rating, release_date, genres = fetch_movie_details(movie_id)
-                            st.markdown(f"**📅 Release Date:** {release_date}")
-                            st.markdown(f"**⭐ Rating:** {rating}")
-                            st.markdown(f"**🎭 Genres:** {genres}")
-                            st.markdown(f"**📝 Overview:** {overview}")
+                            # تغيير حالة الزر عند الضغط عليه
+                            st.session_state[f"show_details_{i}"] = not st.session_state[f"show_details_{i}"]
+                            
+                            # عرض التفاصيل إذا كانت الحالة "مفتوحة"
+                            if st.session_state[f"show_details_{i}"]:
+                                overview, rating, release_date, genres = fetch_movie_details(movie_id)
+                                st.markdown(f"**📅 Release Date:** {release_date}")
+                                st.markdown(f"**⭐ Rating:** {rating}")
+                                st.markdown(f"**🎭 Genres:** {genres}")
+                                st.markdown(f"**📝 Overview:** {overview}")
+                            else:
+                                st.markdown("**Details Closed**")
+
             else:
                 st.warning("Could not fetch popular movies.")
 
@@ -193,11 +214,24 @@ else:
         index = movies[movies['title'] == selected_movie].index[0]
         movie_id = movies.iloc[index].movie_id
         overview, rating, release_date, genres = fetch_movie_details(movie_id)
-        st.image(fetch_poster(movie_id), use_container_width=True)
-        st.markdown(f"**📅 Release Date:** {release_date}")
-        st.markdown(f"**⭐ Rating:** {rating}")
-        st.markdown(f"**🎭 Genres:** {genres}")
-        st.markdown(f"**📝 Overview:** {overview}")
+
+# إضافة زر لفتح أو إغلاق التفاصيل
+        if selected_movie not in st.session_state.show_details:
+            st.session_state.show_details[selected_movie] = True  # قيمة افتراضية للإخفاء
+
+        if st.button(f"📄 Show/Hide Details for {selected_movie}"):
+            st.session_state.show_details[selected_movie] = not st.session_state.show_details[selected_movie]
+
+# عرض التفاصيل بناءً على حالة الزر
+        if st.session_state.show_details[selected_movie]:
+            st.image(fetch_poster(movie_id), use_container_width=True)
+            st.markdown(f"**📅 Release Date:** {release_date}")
+            st.markdown(f"**⭐ Rating:** {rating}")
+            st.markdown(f"**🎭 Genres:** {genres}")
+            st.markdown(f"**📝 Overview:** {overview}")
+        else:
+            st.markdown(f"Details for {selected_movie} are hidden. Click the button to view them.")
+
 # -------------------- Footer --------------------
 st.markdown("<hr>", unsafe_allow_html=True)
 st.markdown("<div class='footer'>© 2025 • by Youssef samy • Powered by TMDB API</div>", unsafe_allow_html=True)