Update script.js

script.js

@@ -1,41 +1,21 @@
 // بيانات الروابط (تم توليدها من ملف Excel)
 const DATA = [{"name": "أحمد حمود محمد الحربي", "url": "https://stat2025-map.static.hf.space/BCS/59.html"}, {"name": "أروى سعيد بن عبدالله القحطاني", "url": "https://stat2025-map.static.hf.space/BCS/29.html"}, {"name": "أماني مصطفى بن عبدالله الطيب", "url": "https://stat2025-map.static.hf.space/BCS/42.html"}, {"name": "أمل احمد محمد مجرشي", "url": "https://stat2025-map.static.hf.space/BCS/01.html"}, {"name": "أمل بنت علي بن علي السماعيل", "url": "https://stat2025-map.static.hf.space/BCS/50.html"}, {"name": "أمل جعفر بن علي آل حماد", "url": "https://stat2025-map.static.hf.space/BCS/40.html"}, {"name": "أمل صالح بن احمد آل مزعل", "url": "https://stat2025-map.static.hf.space/BCS/06.html"}, {"name": "احلام صالح معيوض العصيمي", "url": "https://stat2025-map.static.hf.space/BCS/43.html"}, {"name": "احمد متعب بن عوض الحربي", "url": "https://stat2025-map.static.hf.space/BCS/56.html"}, {"name": "اسراء محمد بن علي الاصيل", "url": "https://stat2025-map.static.hf.space/BCS/39.html"}, {"name": "اسعد بن ماجد بن احمد الهاشم", "url": "https://stat2025-map.static.hf.space/BCS/37.html"}, {"name": "اسماء بنت محمد بن حسين العدساني", "url": "https://stat2025-map.static.hf.space/BCS/52.html"}, {"name": "الجازي معيض هادي ال دعلان", "url": "https://stat2025-map.static.hf.space/BCS/36.html"}, {"name": "ايمان عبدالعزيز بن صالح الصالح", "url": "https://stat2025-map.static.hf.space/BCS/09.html"}, {"name": "ايمان عبدالعزيز بن صالح الصالح", "url": "https://stat2025-map.static.hf.space/BCS/23.html"}, {"name": "باسمه احمد بن محمد القرني", "url": "https://stat2025-map.static.hf.space/BCS/31.html"}, {"name": "باقر عبدالله بن هاشم الهاشم", "url": "https://stat2025-map.static.hf.space/BCS/47.html"}, {"name": "بخيته عادل احمد الدوسري", "url": "https://stat2025-map.static.hf.space/BCS/12.html"}, {"name": "حسن عادل بن حسين الوصيبعي", "url": "https://stat2025-map.static.hf.space/BCS/48.html"}, {"name": "حسين علي بن صالح الربيعه", "url": "https://stat2025-map.static.hf.space/BCS/19.html"}, {"name": "حنين محمد مبارك آل مبارك", "url": "https://stat2025-map.static.hf.space/BCS/28.html"}, {"name": "روان سعود بن مرشد الرحيلي", "url": "https://stat2025-map.static.hf.space/BCS/45.html"}, {"name": "ريم بنت محمد بن عبدالعزيز الملحم", "url": "https://stat2025-map.static.hf.space/BCS/04.html"}, {"name": "زهراء بنت عايش بن علي الصاهود", "url": "https://stat2025-map.static.hf.space/BCS/13.html"}, {"name": "ساره حسين بن عبدالهادي بوخمسين", "url": "https://stat2025-map.static.hf.space/BCS/18.html"}, {"name": "ساره خالد سليمان المحيسن", "url": "https://stat2025-map.static.hf.space/BCS/20.html"}, {"name": "سراب حميد عبدالمجيد السليمان", "url": "https://stat2025-map.static.hf.space/BCS/25.html"}, {"name": "سلافه عباس محمد العلوي", "url": "https://stat2025-map.static.hf.space/BCS/30.html"}, {"name": "سميه سامى بن احمد النعيم", "url": "https://stat2025-map.static.hf.space/BCS/51.html"}, {"name": "شريفه ابراهيم بن عبدالله العقيل", "url": "https://stat2025-map.static.hf.space/BCS/33.html"}, {"name": "شيماء عبدالرحمن بن دحباش سودي", "url": "https://stat2025-map.static.hf.space/BCS/26.html"}, {"name": "صالح دلي بن عقلاء الشمري", "url": "https://stat2025-map.static.hf.space/BCS/46.html"}, {"name": "طيبه فالح بن عبدالله الرويشد", "url": "https://stat2025-map.static.hf.space/BCS/11.html"}, {"name": "عائشه سليمان بن نايف الحربي", "url": "https://stat2025-map.static.hf.space/BCS/44.html"}, {"name": "عبدالمجيد مشعل محمد الحربي", "url": "https://stat2025-map.static.hf.space/BCS/58.html"}, {"name": "عبدالهادي عون بن سعييد القحطاني", "url": "https://stat2025-map.static.hf.space/BCS/05.html"}, {"name": "عقيله محمدحسين بن علي الجباره", "url": "https://stat2025-map.static.hf.space/BCS/53.html"}, {"name": "غاده سعد بن عبدالرحمن القحطاني", "url": "https://stat2025-map.static.hf.space/BCS/08.html"}, {"name": "غشمه محمد بن سعد الشهراني", "url": "https://stat2025-map.static.hf.space/BCS/14.html"}, {"name": "فايزه محمد مسعود الحازمي", "url": "https://stat2025-map.static.hf.space/BCS/22.html"}, {"name": "فوز عائد نومان المطيري", "url": "https://stat2025-map.static.hf.space/BCS/61.html"}, {"name": "فيصل تركي فيصل القحطاني", "url": "https://stat2025-map.static.hf.space/BCS/34.html"}, {"name": "قنوت محمد بن عبدالله آل حماد", "url": "https://stat2025-map.static.hf.space/BCS/03.html"}, {"name": "لطيفه صالح بن عبدالرحمن العبد القادر", "url": "https://stat2025-map.static.hf.space/BCS/32.html"}, {"name": "لطيفه علي بن حسين النعيم", "url": "https://stat2025-map.static.hf.space/BCS/16.html"}, {"name": "لولوه بدر بن حمد الصياح", "url": "https://stat2025-map.static.hf.space/BCS/21.html"}, {"name": "لين أحمد بن عبدالعزيز القصير", "url": "https://stat2025-map.static.hf.space/BCS/35.html"}, {"name": "محمد فهد محمد الحربي", "url": "https://stat2025-map.static.hf.space/BCS/60.html"}, {"name": "مرتضى عبدالجليل بن عيسى الحكيم", "url": "https://stat2025-map.static.hf.space/BCS/38.html"}, {"name": "مصطفى احمد بن جمعه الرمضان", "url": "https://stat2025-map.static.hf.space/BCS/49.html"}, {"name": "منيره سعد بن احمد الجديدي", "url": "https://stat2025-map.static.hf.space/BCS/54.html"}, {"name": "ناصر عبدالله بن ناصر القحطاني", "url": "https://stat2025-map.static.hf.space/BCS/57.html"}, {"name": "نبأ عادل بن عبدالكريم آل رضوان", "url": "https://stat2025-map.static.hf.space/BCS/15.html"}, {"name": "نجود عبدالعزيز بن عقيل العمري", "url": "https://stat2025-map.static.hf.space/BCS/24.html"}, {"name": "ندى ابراهيم بن علي المنصور", "url": "https://stat2025-map.static.hf.space/BCS/17.html"}, {"name": "نوره عبدالله بن زهير الرزقي", "url": "https://stat2025-map.static.hf.space/BCS/10.html"}, {"name": "نوف سعود بن سالم الخثعمي", "url": "https://stat2025-map.static.hf.space/BCS/02.html"}, {"name": "نوف صالح بن محمد السميح", "url": "https://stat2025-map.static.hf.space/BCS/55.html"}, {"name": "نيللي حسين عبدالله الجعص", "url": "https://stat2025-map.static.hf.space/BCS/27.html"}, {"name": "وضحاء نائف سعد الشريف", "url": "https://stat2025-map.static.hf.space/BCS/07.html"}, {"name": "يحي علي بن يحي المسين", "url": "https://stat2025-map.static.hf.space/BCS/41.html"}];
 
-// --------- أدوات مساعدة للتطبيع (لتحسين البحث بالعربية) ----------
+
 function normalizeArabic(s) {
   if (!s) return "";
   return String(s)
     .trim()
     .toLowerCase()
-    // إزالة التشكيل
     .replace(/[\u064B-\u065F\u0670\u06D6-\u06ED]/g, "")
-    // إزالة التطويل
     .replace(/\u0640/g, "")
-    // توحيد الهمزات
     .replace(/[إأآٱ]/g, "ا")
-    // توحيد الياء والألف المقصورة
     .replace(/ى/g, "ي")
-    // توحيد الهاء/التاء المربوطة (اختياري - يساعد في نتائج أكثر)
     .replace(/ة/g, "ه")
-    // توحيد المسافات
+    .replace(/^ال\s+/g, "")
     .replace(/\s+/g, " ");
 }
 
-function highlightMatch(name, query) {
-  // تظليل بسيط بناءً على النص الأصلي (بدون تطبيع كامل لتفادي تعقيد الفهارس)
-  if (!query) return escapeHtml(name);
-  const q = query.trim();
-  if (!q) return escapeHtml(name);
-
-  // نبحث عن أول ظهور لنفس سلسلة المستخدم في الاسم الأصلي (حرفيًا)
-  const idx = name.indexOf(q);
-  if (idx === -1) return escapeHtml(name);
-  const before = escapeHtml(name.slice(0, idx));
-  const mid = escapeHtml(name.slice(idx, idx + q.length));
-  const after = escapeHtml(name.slice(idx + q.length));
-  return `${before}<mark>${mid}</mark>${after}`;
-}
-
 function escapeHtml(str) {
   return String(str)
     .replaceAll("&", "&amp;")
@@ -45,65 +25,110 @@ function escapeHtml(str) {
     .replaceAll("'", "&#039;");
 }
 
-// --------- منطق البحث ----------
+function highlightMatch(name, rawQuery) {
+  if (!rawQuery) return escapeHtml(name);
+  const tokens = rawQuery.trim().split(/\s+/).filter(Boolean);
+  if (!tokens.length) return escapeHtml(name);
+
+  const t = tokens[0];
+  const idx = name.indexOf(t);
+  if (idx === -1) return escapeHtml(name);
+
+  const before = escapeHtml(name.slice(0, idx));
+  const mid = escapeHtml(name.slice(idx, idx + t.length));
+  const after = escapeHtml(name.slice(idx + t.length));
+  return `${before}<mark>${mid}</mark>${after}`;
+}
+
 const elQ = document.getElementById("q");
 const elResults = document.getElementById("results");
-const elBadge = document.getElementById("countBadge");
-const btnSearch = document.getElementById("btnSearch");
-const btnClear = document.getElementById("btnClear");
+const elCount = document.getElementById("countPill");
+const elTotal = document.getElementById("totalChip");
+const toast = document.getElementById("toast");
+const toastText = document.getElementById("toastText");
+
+elTotal.innerHTML = `إجمالي: <b>${DATA.length}</b>`;
+
+function showToast(msg = "تم نسخ الرابط") {
+  toastText.textContent = msg;
+  toast.classList.add("show");
+  clearTimeout(window.__toastT);
+  window.__toastT = setTimeout(() => toast.classList.remove("show"), 1200);
+}
+
+async function copyLink(url) {
+  try {
+    await navigator.clipboard.writeText(url);
+    showToast();
+  } catch (e) {
+    const ta = document.createElement("textarea");
+    ta.value = url;
+    document.body.appendChild(ta);
+    ta.select();
+    document.execCommand("copy");
+    document.body.removeChild(ta);
+    showToast();
+  }
+}
 
 function renderResults(list, rawQuery) {
   elResults.innerHTML = "";
 
   if (!list.length) {
-    elBadge.textContent = "النتائج: 0";
-    elResults.innerHTML = `<div class="empty">لا توجد نتائج مطابقة. جرّب كتابة جزء آخر من الاسم.</div>`;
+    elCount.textContent = "النتائج: 0";
+    elResults.innerHTML = `<div class="empty">لا توجد نتائج</div>`;
     return;
   }
 
-  elBadge.textContent = `النتائج: ${list.length}`;
-
+  elCount.textContent = `النتائج: ${list.length}`;
   const frag = document.createDocumentFragment();
 
   list.forEach(item => {
-    const div = document.createElement("div");
-    div.className = "item";
+    const row = document.createElement("div");
+    row.className = "result";
 
-    const left = document.createElement("div");
     const nm = document.createElement("div");
     nm.className = "name";
     nm.innerHTML = highlightMatch(item.name, rawQuery);
-    const hint = document.createElement("div");
-    hint.className = "hint";
-    hint.textContent = "اضغط فتح الخريطة لزيارة الصفحة";
-    left.appendChild(nm);
-    left.appendChild(hint);
-
-    const a = document.createElement("a");
-    a.className = "open";
-    a.href = item.url;
-    a.target = "_blank";
-    a.rel = "noopener";
-    a.textContent = "فتح الخريطة";
-
-    div.appendChild(left);
-    div.appendChild(a);
-    frag.appendChild(div);
+
+    const actions = document.createElement("div");
+    actions.className = "actions";
+
+    const open = document.createElement("a");
+    open.className = "openBtn";
+    open.href = item.url;
+    open.target = "_blank";
+    open.rel = "noopener";
+    open.innerHTML = `فتح <span aria-hidden="true">↗</span>`;
+
+    const copy = document.createElement("button");
+    copy.className = "copyBtn";
+    copy.type = "button";
+    copy.innerHTML = `نسخ <span aria-hidden="true">⧉</span>`;
+    copy.addEventListener("click", () => copyLink(item.url));
+
+    actions.appendChild(open);
+    actions.appendChild(copy);
+
+    row.appendChild(nm);
+    row.appendChild(actions);
+
+    frag.appendChild(row);
   });
 
   elResults.appendChild(frag);
 }
 
 function doSearch() {
-  const raw = elQ.value || "";
+  const raw = (elQ.value || "").trim();
   const q = normalizeArabic(raw);
 
   if (!q) {
-    renderResults([], raw);
+    elCount.textContent = "النتائج: 0";
+    elResults.innerHTML = "";
     return;
   }
 
-  // يدعم البحث بكلمة أو أكثر (كل الكلمات يجب أن تظهر)
   const tokens = q.split(" ").filter(Boolean);
 
   const matched = DATA.filter(d => {
@@ -111,37 +136,44 @@ function doSearch() {
     return tokens.every(t => nameNorm.includes(t));
   });
 
-  // ترتيب بسيط: الأقرب (أقصر اسم) ثم أبجدي
   matched.sort((a, b) => {
     const al = (a.name || "").length;
     const bl = (b.name || "").length;
     if (al !== bl) return al - bl;
-    return (a.name || "").localeCompare(b.name || "","ar");
+    return (a.name || "").localeCompare(b.name || "", "ar");
   });
 
-  renderResults(matched, raw.trim());
+  renderResults(matched, raw);
 }
 
-btnSearch.addEventListener("click", doSearch);
-
-btnClear.addEventListener("click", () => {
+document.getElementById("btnSearch").addEventListener("click", doSearch);
+document.getElementById("btnClear").addEventListener("click", () => {
   elQ.value = "";
   elQ.focus();
   elResults.innerHTML = "";
-  elBadge.textContent = "النتائج: 0";
+  elCount.textContent = "النتائج: 0";
 });
 
-// بحث تلقائي أثناء الكتابة (مع تأخير بسيط)
 let t = null;
 elQ.addEventListener("input", () => {
   clearTimeout(t);
-  t = setTimeout(doSearch, 150);
+  t = setTimeout(doSearch, 140);
 });
 
-// Enter للبحث
 elQ.addEventListener("keydown", (e) => {
   if (e.key === "Enter") doSearch();
 });
 
-// تحميل أولي: إظهار حالة فارغة
-elBadge.textContent = "النتائج: 0";
+// Persist last query (invisible)
+try {
+  const last = localStorage.getItem("maps_last_query");
+  if (last) {
+    elQ.value = last;
+    doSearch();
+  }
+  elQ.addEventListener("input", () => {
+    localStorage.setItem("maps_last_query", elQ.value || "");
+  });
+} catch(_){}
+
+elCount.textContent = "النتائج: 0";