script.js

const DATA = [
  {
    "name": "صالحه محمد بن مزراق مجرشي",
    "url": "https://stat2025-map.static.hf.space/es/01.html"
  },
  {
    "name": "حسن عبدالله ابوكبوس",
    "url": "https://stat2025-map.static.hf.space/es/02.html"
  },
  {
    "name": "علي حسين معتوق ال حاتم",
    "url": "https://stat2025-map.static.hf.space/es/03.html"
  },
  {
    "name": "فاطمة نعمة سلمان الهاشم",
    "url": "https://stat2025-map.static.hf.space/es/04.html"
  },
  {
    "name": "خلود سعود بن خليوي الخالدي",
    "url": "https://stat2025-map.static.hf.space/es/05.html"
  },
  {
    "name": "أحمد عبدالهادي عبدالواحد الحيدر",
    "url": "https://stat2025-map.static.hf.space/es/06.html"
  },
  {
    "name": "عبدالله سالم الهاجري",
    "url": "https://stat2025-map.static.hf.space/es/07.html"
  },
  {
    "name": "اشواق عبدالكريم الحنطي",
    "url": "https://stat2025-map.static.hf.space/es/08.html"
  },
  {
    "name": "الهنوف صالح محمد المبارك",
    "url": "https://stat2025-map.static.hf.space/es/09.html"
  },
  {
    "name": "اميرةعبدالله احمد الرشيد",
    "url": "https://stat2025-map.static.hf.space/es/10.html"
  },
  {
    "name": "دانه احمد الدريب",
    "url": "https://stat2025-map.static.hf.space/es/11.html"
  },
  {
    "name": "نور عيد على الثاني",
    "url": "https://stat2025-map.static.hf.space/es/12.html"
  },
  {
    "name": "علي حبيب بن عبدالله الحبيب",
    "url": "https://stat2025-map.static.hf.space/es/13.html"
  },
  {
    "name": "سارة صالح القحطاني",
    "url": "https://stat2025-map.static.hf.space/es/14.html"
  },
  {
    "name": "أبرار ناصر ابن ثامر المطيري",
    "url": "https://stat2025-map.static.hf.space/es/15.html"
  },
  {
    "name": "هيله خالد بن عبدالله العليط",
    "url": "https://stat2025-map.static.hf.space/es/16.html"
  },
  {
    "name": "محمد عبدالعزيز بن احمد العرفه",
    "url": "https://stat2025-map.static.hf.space/es/17.html"
  },
  {
    "name": "فهد فرحان شفاقه الحبلاني",
    "url": "https://stat2025-map.static.hf.space/es/18.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 escapeHtml(str) {
  return String(str)
    .replaceAll("&", "&")
    .replaceAll("<", "&lt;")
    .replaceAll(">", "&gt;")
    .replaceAll('"', "&quot;")
    .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 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) {
    elCount.textContent = "النتائج: 0";
    elResults.innerHTML = `<div class="empty">لا توجد نتائج</div>`;
    return;
  }

  elCount.textContent = `النتائج: ${list.length}`;
  const frag = document.createDocumentFragment();

  list.forEach(item => {
    const row = document.createElement("div");
    row.className = "result";

    const nm = document.createElement("div");
    nm.className = "name";
    nm.innerHTML = highlightMatch(item.name, rawQuery);

    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 || "").trim();
  const q = normalizeArabic(raw);

  if (!q) {
    elCount.textContent = "النتائج: 0";
    elResults.innerHTML = "";
    return;
  }

  const tokens = q.split(" ").filter(Boolean);

  const matched = DATA.filter(d => {
    const nameNorm = normalizeArabic(d.name);
    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");
  });

  renderResults(matched, raw);
}

document.getElementById("btnSearch").addEventListener("click", doSearch);
document.getElementById("btnClear").addEventListener("click", () => {
  elQ.value = "";
  elQ.focus();
  elResults.innerHTML = "";
  elCount.textContent = "النتائج: 0";
});

let t = null;
elQ.addEventListener("input", () => {
  clearTimeout(t);
  t = setTimeout(doSearch, 140);
});

elQ.addEventListener("keydown", (e) => {
  if (e.key === "Enter") doSearch();
});

// حفظ آخر بحث
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";