Update app.py

app.py

@@ -800,23 +800,59 @@ with tab4:
         
         forecast_start_ts = latest_time_for_day + pd.Timedelta(hours=1)
         
-        col_daily_pred = st.columns(4)
-        with col_daily_pred[0]:
-            # Hiển thị T+24h từ Hourly Model
+        # Tính các giá trị cho T+2h và T+3h
+        # T+2h là index 1; T+3h là index 2
+        t_plus_2h_value = predictions_24h[1] if len(predictions_24h) >= 2 else float('nan')
+        t_plus_3h_value = predictions_24h[2] if len(predictions_24h) >= 3 else float('nan')
+        
+        # Các giá trị Max/Mean (sử dụng np đã được import)
+        avg_temp = np.nanmean(predictions_24h)
+        max_temp = np.nanmax(predictions_24h)
+        
+        
+        # Tạo 5 cột mới để hiển thị các metric (T+2h, T+3h, T+24h, Average, Max)
+        col_t2, col_t3, col_t24, col_avg, col_max = st.columns(5)
+        
+        # --- 1. Metric T+2h (Gần nhất) ---
+        with col_t2:
+            st.metric(
+                label=f"Forecast @ {forecast_start_ts.strftime('%H:%M')[:2]} +2h",
+                value=f"{t_plus_2h_value:.1f}°C"
+            )
+        
+        # --- 2. Metric T+3h ---
+        with col_t3:
             st.metric(
-                label=f"Forecast @ {forecast_start_ts.strftime('%H:%M')} Tomorrow (T+24h)",
+                label=f"Forecast @ {forecast_start_ts.strftime('%H:%M')[:2]} +3h",
+                value=f"{t_plus_3h_value:.1f}°C"
+            )
+            
+        # --- 3. Metric T+24h (Giữ lại để đối chiếu) ---
+        with col_t24:
+            # T+24h prediction value is t_plus_24h_metric_value from before (predictions_24h[23])
+            st.metric(
+                label=f"Forecast @ {forecast_start_ts.strftime('%H:%M')} +24h",
                 value=f"{t_plus_24h_metric_value:.1f}°C"
             )
+
+        # --- 4. Metric Average ---
+        with col_avg:
+            st.metric(label="Next 24h Average Temp", value=f"{avg_temp:.1f}°C")
         
-        # Sử dụng các giá trị từ 24 điểm dự báo để tính Max/Min/Mean 24h
-        if predictions_24h:
-            with col_daily_pred[1]:
-                # Sử dụng np đã được import
-                st.metric(label="Next 24h Average Temp", value=f"{np.nanmean(predictions_24h):.1f}°C") 
-            with col_daily_pred[2]:
-                # Sử dụng np đã được import
-                st.metric(label="Next 24h Max Temp", value=f"{np.nanmax(predictions_24h):.1f}°C", delta="Peak Heat")
+        # --- 5. Metric Max (Sử dụng bố cục ngang) ---
+        with col_max:
+            st.markdown("Next 24h Max Temp")
+            col_value, col_delta = st.columns([1.5, 1])
+            
+            with col_value:
+                st.markdown(f"<p style='font-size: 2.5rem; font-weight: 700; color: #004080; line-height: 1.2;'>{max_temp:.1f}°C</p>", 
+                            unsafe_allow_html=True)
                 
+            with col_delta:
+                st.markdown("<br>", unsafe_allow_html=True) 
+                st.markdown("<p style='font-size: 1rem; font-weight: 600; color: #DC3545;'>Peak Heat</p>", 
+                            unsafe_allow_html=True)
+        
         st.markdown("---")
         
         # 5. Graph: Nhiệt độ Từng Giờ