Update views/leaderboard.py

views/leaderboard.py

@@ -0,0 +1,110 @@
+"""🏆 Leaderboard — الترتيب العام + منصة الأوائل + ترتيب الأقسام."""
+
+import streamlit as st
+
+from auth import require_manager
+from data_layer import get_repository
+from logic import department_ranking, leaderboard
+from ui import page_header, sidebar_note
+
+require_manager()
+
+repo = get_repository()
+lb = leaderboard(repo)
+
+page_header("🏆 لوحة الترتيب", "الترتيب حسب الرصيد التراكمي للنقاط")
+
+# ---------------- الفلتر ----------------
+departments = ["كل الأقسام"] + sorted(lb["department"].unique().tolist())
+col_f, col_i = st.columns([1, 2])
+with col_f:
+    selected = st.selectbox("🏢 فلترة بالقسم", departments)
+
+view = lb if selected == "كل الأقسام" else lb[lb["department"] == selected].copy()
+
+if selected != "كل الأقسام":
+    # ترتيب داخل القسم مع إبقاء الترتيب العام ظاهرًا
+    view = view.reset_index(drop=True)
+    view["dept_rank"] = view.index + 1
+    with col_i:
+        st.info(f"عرض **{len(view)}** موظف في قسم **{selected}** — الأرقام بين قوسين هي الترتيب العام.")
+
+# ---------------- منصة الأوائل ----------------
+if selected == "كل الأقسام" and len(view) >= 3:
+    st.markdown("### 🎖️ منصة الأوائل")
+    first, second, third = view.iloc[0], view.iloc[1], view.iloc[2]
+
+    def podium_html(row, place: int, medal: str) -> str:
+        crown = '<div class="podium-crown">👑</div>' if place == 1 else ""
+        return (
+            f'<div class="podium podium-{place}">{crown}'
+            f'<div class="podium-medal">{medal}</div>'
+            f'<div class="podium-name">{row["name"]}</div>'
+            f'<div class="podium-dept">{row["department"]}</div>'
+            f'<div class="podium-points">{int(row["current_points"]):,}</div>'
+            f'<div class="podium-dept">{row["level_emoji"]} {row["current_level"]}</div>'
+            f'</div>'
+        )
+
+    # ترتيب بصري: الثاني — الأول — الثالث
+    st.markdown(
+        '<div class="podium-wrap">'
+        + podium_html(second, 2, "🥈")
+        + podium_html(first, 1, "🥇")
+        + podium_html(third, 3, "🥉")
+        + "</div>",
+        unsafe_allow_html=True,
+    )
+
+# ---------------- الترتيب الكامل ----------------
+st.markdown("### 📊 الترتيب الكامل")
+
+if view.empty:
+    st.warning("لا يوجد موظفون في هذا القسم.")
+else:
+    for _, row in view.iterrows():
+        rank = int(row["dept_rank"]) if "dept_rank" in view.columns else int(row["rank"])
+        overall = f' <span class="card-sub">(عام #{int(row["rank"])})</span>' if "dept_rank" in view.columns else ""
+        highlight = " me" if rank == 1 else ""
+        st.markdown(
+            f"""
+            <div class="rank-row{highlight}">
+              <div class="rank-num">{rank}</div>
+              <div style="font-size:1.4rem;">{row['level_emoji']}</div>
+              <div class="rank-name">{row['name']}{overall}
+                <div class="rank-dept">{row['department']} · {row['current_level']}</div>
+              </div>
+              <div class="rank-points">{int(row['current_points']):,}</div>
+            </div>
+            """,
+            unsafe_allow_html=True,
+        )
+
+st.markdown("---")
+
+# ---------------- ترتيب الأقسام ----------------
+st.markdown("### 🏢 ترتيب الأقسام")
+st.caption("الترتيب حسب **متوسط** نقاط الموظف الواحد — حتى لا تتفوق الأقسام الكبيرة لمجرد عدد أفرادها.")
+
+depts = department_ranking(repo)
+max_avg = depts["avg_points"].max() or 1
+
+cols = st.columns(min(len(depts), 5))
+for i, (_, row) in enumerate(depts.iterrows()):
+    with cols[i % len(cols)]:
+        medal = ["🥇", "🥈", "🥉"][i] if i < 3 else "🏢"
+        st.markdown(
+            f'<div class="card" style="text-align:center; min-height:150px;">'
+            f'<div style="font-size:1.7rem;">{medal}</div>'
+            f'<div class="card-title" style="font-size:.92rem;">{row["department"]}</div>'
+            f'<div style="font-size:1.5rem; font-weight:700; color:#F5C542; direction:ltr;">'
+            f'{row["avg_points"]:.0f}</div>'
+            f'<div class="card-sub">متوسط النقاط</div>'
+            f'<div class="card-sub" style="margin-top:.3rem;">'
+            f'{int(row["members"])} موظف · {int(row["total_points"]):,} إجمالي</div>'
+            f"</div>",
+            unsafe_allow_html=True,
+        )
+        st.progress(float(row["avg_points"] / max_avg))
+
+sidebar_note()