Page History

<h1 style="text-align:center; font-family:Vazir, Tahoma; color:#333;font-weight:600;">مستندات اعتبار بخشی</h1>

<div id="search-filters" style="display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:30px 0;">
  <input type="text" id="search" placeholder="جستجو بر اساس عنوان" 
         style="flex:1 1 300px; max-width:400px; padding:10px 15px; border:none; background:#f3f3f3; border-radius:30px; font-size:14px; outline:none; text-align:right; font-family:Vazir, Tahoma; min-width:150px;">
  
  <select id="filter-mahvar" style="flex:0 1 150px; padding:10px 15px; border-radius:25px; border:1px solid #ccc; font-family:Vazir, Tahoma; font-size:14px; background:#fff; cursor:pointer;">
    <option value="">انتخاب محور</option>
  </select>
  
  <select id="filter-zirmohvar" style="flex:0 1 150px; padding:10px 15px; border-radius:25px; border:1px solid #ccc; font-family:Vazir, Tahoma; font-size:14px; background:#fff; cursor:pointer;">
    <option value="">انتخاب زیرمحور</option>
  </select>

  <!-- فیلتر نوع سند با گزینه‌های ثابت -->
  <select id="filter-noe-sanad" name="noe_sanad" required style="flex:0 1 150px; padding:10px 15px; border-radius:25px; border:1px solid #ccc; font-family:Vazir, Tahoma; font-size:14px; background:#fff; cursor:pointer;">
    <option value="">همه selectedنوع disabled>انتخاب کنید…<سندها</option>
    <option value="دستورالعمل">دستورالعمل</option>
    <option value="خط‌مشی و روش">خط‌مشی و روش</option>
    <option value="روش اجرایی">روش اجرایی</option>
    <option value="فلوچارت">فلوچارت</option>
    <option value="آیین‌نامه">آیین‌نامه</option>
    <option value="راهنما">راهنما</option>
    <option value="پروتکل">پروتکل</option>
    <option value="کتابچه">کتابچه</option>
    <option value="سند">سند</option>
  </select>
</div>

<div id="sections-container" style="padding:0 40px 60px; direction:rtl;"></div>

<div id="no-result" style="display:none; text-align:center; color:#00A9C3; font-weight:600; font-size:16px; margin-top:20px;">
  هیچ سندی پیدا نشد.
</div>

<style>
 @font-face {
  font-family: "IRANSans";
  src: url("/download/attachments/85041909/IRANSansXVF.woff2") format("woff2");
}

@font-face {
  font-family: "Vazir";
  src: url("/download/attachments/85041909/Vazir-Regular.woff2") format("woff2");
}
  

.card {
  background:#fff;
  border-radius:18px;
  box-shadow:0 4px 10px rgba(0,0,0,0.1);
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:space-between; 
  flex-direction:row-reverse;
  font-family:Vazir, Tahoma;
  transition:all 0.3s ease;
}

.card-content {
  flex:1;
  text-align:right;
  padding-right:15px; 
}

.card-content h3 {
  margin:0 0 8px;
  font-weight:600;
  font-size:14px;
  color:#333;
  line-height:1.9;
}

.card-content ul {
  margin:0;
  padding-right:15px;
  list-style:disc;
  font-size:13px;
  color:#555;
  line-height:2;
}

.open-btn {
  display:inline-block;
  background:#00A9C3;
  color:#fff;
  border:none;
  border-radius:25px;
  padding:4px 18px;
  font-size:13px;
  text-decoration:none;
  margin-top:12px;
  cursor:pointer;
  font-family:Vazir, Tahoma;
}

.open-btn:hover {
  background:#0090a8; 
}

.card-icon {
  background:#f7f7f7;
  border-radius:16px;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.card-icon img {
  width:2cm;
  height:2cm;
  object-fit:contain;
}

.card:hover {
  transform:scale(1.03);
  background:#fdfdfd; 
}

/* استایل دکمه مشاهده بیشتر - چپ چین */
.showsection-more-btngrid {
  display: blockgrid;
  margin: 20px 0 0 auto; /* تغییر برای چپ چین شدن */grid-template-columns:repeat(2,1fr);
  gap:20px;
  margin-bottom:10px;
}

.show-more-btn {
  display:block;
  margin:20px 0 35px auto;
  padding: 8px 25px;
  background: transparent;
  color: #00A9C3;
  border: 2px solid #00A9C3;
  border-radius: 25px;
  font-family: Vazir, Tahoma;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.show-more-btn:hover {
  background: #00A9C3;
  color: #fff;
}

@media(max-width:900px){ .section-title-docs {
  .section-grid{grid-template-columns:1fr;} text-align:center;
  #search-filters { flex-direction:column; align-items:center; }
  #search-filters input, #search-filters select { flex:1 1 auto; max-width:300px; }
}
</style>
<script>
const pageId = "85045112";
const fileName = "form-data.json";
let docs = [];
// محورها
const sections = [
  { title: "رهبری و مدیریت", value: "رهبری و مدیریت" },
  { title: "مراقبت و درمان", value: "مراقبت و درمان" },
  { title: "حمایت از گیرنده خدمت", value: "حمایت از گیرنده خدمت" }
];
// زیرمحورها
const zirmohvarOptions = {
  "رهبری و مدیریت": [
    "رهبری و مدیریت کیفیت",
    "مدیریت خطر، حوادث و بلایا",
    "مدیریت منابع انسانی و سلامت حرفه‌ای",
    "مدیریت خدمات پرستاری",
    "فناوری و مدیریت اطلاعات سلامت",
    "بهداشت محیط",
    "مدیریت تجهیزات پزشکی"
  ],
  "مراقبت و درمانfont-family:Vazir, Tahoma;
  color:#333;
  margin-top:35px;
}

.section-hr-docs {
  border:3px solid #00A9C3;
  width:80px;
  margin:0 auto 20px;
}

@media(max-width:900px) {
  .section-grid {
    grid-template-columns:1fr;
  }

  #search-filters {
    flex-direction:column;
    align-items:center;
  }

  #search-filters input,
  #search-filters select {
    flex:1 1 auto;
    max-width:300px;
    width:100%;
  }

  #sections-container {
    padding:0 15px 50px !important;
  }
}
</style>

<script>
const pageId = "85045112";
const fileName = "form-data.json";

let docs = [];

const sections = [
  { title: "رهبری و مدیریت", value: "رهبری و مدیریت" },
  { title: "مراقبت و درمان", value: "مراقبت و درمان" },
  { title: "حمایت از گیرنده خدمت", value: "حمایت از گیرنده خدمت" }
];

const zirmohvarOptions = {
  "رهبری و مدیریت": [
    "مراقبت‌هایرهبری و عمومیمدیریت بالینیکیفیت",
    "مراقبت‌هایمدیریت خطر، حادحوادث و اورژانسبلایا",
    "مراقبت‌هایمدیریت منابع جراحیانسانی و بیهوشیسلامت حرفه‌ای",
    "مراقبت‌هایمدیریت مادرخدمات و نوزادپرستاری",
    "پیشگیریفناوری و کنترلمدیریت اطلاعات عفونتسلامت",
    "مدیریتبهداشت داروییمحیط",
    "خدماتمدیریت تجهیزات تصویربرداریپزشکی"
  ],
  "مراقبت و درمان"خدمات: آزمایشگاه",[
    "طبمراقبت‌های انتقالعمومی خونبالینی",
    "خدمات سرپایی"مراقبت‌های حاد و اورژانس",
  ],
  "حمایتمراقبت‌های ازجراحی گیرندهو خدمتبیهوشی": [,
    "تأمینمراقبت‌های تسهیلاتمادر برایو گیرنده خدمتنوزاد",
    "احترامپیشگیری بهو حقوقکنترل گیرنده خدمتعفونت",
  ]
};
// آیکن‌ها
const sanadIcons = {
"مدیریت دارویی",
   "آیین نامه":خدمات "https://kb.h-soft.ir/download/thumbnails/85045112/%D8%A7%DB%8C%DB%8C%D9%86%20%D9%86%D8%A7%D9%85%D9%87.png?api=v2&nonce=1765664452835"تصویربرداری",
    "پروتکل": "https://kb.h-soft.ir/download/thumbnails/85045112/%D9%BE%D8%B1%D9%88%D8%AA%DA%A9%D9%84.png?api=v2&nonce=1765664452833خدمات آزمایشگاه",
    "طب انتقال خون",
  "خط‌مشی و روش": "https://kb.h-soft.ir/download/thumbnails/85045112/%D8%AE%D8%B7%20%D9%85%D8%B4%DB%8C.png?api=v2&nonce=1765664452830",
  "دستورالعملخدمات سرپایی"
  ],
  "حمایت از گیرنده خدمت": [
    "تأمین تسهیلات برای گیرنده خدمت",
    "احترام به حقوق گیرنده خدمت"
  ]
};

const sanadIcons = {
  "آیین نامه": "https://kb.h-soft.ir/download/thumbnails/85045112/%D8%AF%D8%B3%D8%AA%D9%88%D8%B1%D8%A7%D9%84%D8%B9%D9%85%D9%84%D8%A7%DB%8C%DB%8C%D9%86%20%D9%86%D8%A7%D9%85%D9%87.png?api=v2&nonce=17656644528291765664452835",
  "راهنماپروتکل": "https://kb.h-soft.ir/download/thumbnails/85045112/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%D9%BE%D8%B1%D9%88%D8%AA%DA%A9%D9%84.png?api=v2&nonce=17656644528261765664452833",
  "خط‌مشی و روش اجرایی": "https://kb.h-soft.ir/download/thumbnails/85045112/%D8%AE%D8%B7%20%D9%85%D8%B4%DB%8C.png?api=v2&nonce=1765664452830",
  "دستورالعمل": "https://kb.h-soft.ir/download/thumbnails/85045112/%D8%B1%D9%88%D8%B4%20%D8%A7%D8%AC%D8%B1%D8%A7%DB%8C%DB%8C%D8%AF%D8%B3%D8%AA%D9%88%D8%B1%D8%A7%D9%84%D8%B9%D9%85%D9%84.png?api=v2&nonce=17656644528251765664452829",
  "سندراهنما": "https://kb.h-soft.ir/download/thumbnails/85045112/%D8%B3%D9%86%D8%AF%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7.png?api=v2&nonce=17656644528231765664452826",
  "فلوچارتروش اجرایی": "https://kb.h-soft.ir/download/thumbnails/85045112/%D9%81%D9%84%D9%88%DA%86%D8%A7%D8%B1%D8%AA%D8%B1%D9%88%D8%B4%20%D8%A7%D8%AC%D8%B1%D8%A7%DB%8C%DB%8C.png?api=v2&nonce=17656644528221765664452825",
  "کتابچهسند": "https://kb.h-soft.ir/download/thumbnails/85045112/%DA%A9%D8%AA%D8%A7%D8%A8%DA%86%D9%87%D8%B3%D9%86%D8%AF.png?api=v2&nonce=17656644528191765664452823"
};
function normalizeSanadType(type){
  if (!type) return "";
  return type.trim().replace(/\u200c/g," ").replace(/\s+/g," ").toLowerCase();
}
function detectSanadIcon(type){
  const t = normalizeSanadType(type);
  if (t.includes("آیین")) return sanadIcons["آیین نامه"];
  if (t.includes("پروتکل")) return sanadIcons["پروتکل"];
  if (t.includes("خط مشی")) return sanadIcons["خط‌مشی و روش"];
  if (t.includes("دستورالعمل")) return sanadIcons["دستورالعمل"];
  if (t.includes("راهنما")) return sanadIcons["راهنما"];
  if (t.includes("روش اجرایی")) return sanadIcons["روش اجرایی"];
  if (t.includes("فلوچارت")) return sanadIcons["فلوچارت"];
  if (t.includes("کتابچه")) return sanadIcons["کتابچه"];
  return sanadIcons["سند"];
}
// تبدیل base64 (DataURL) به Blob PDF
function base64ToPdfBlob(base64){
  const cleaned = base64.replace(/^data:.*;base64,/, "").replace(/\s/g,'');
  const binary = atob(cleaned);
  const len = binary.length;
  const buffer = new ArrayBuffer(len);
  const view = new Uint8Array(buffer);
  for (let i=0; i<len; i++) view[i] = binary.charCodeAt(i);
  return new Blob([view], { type:"application/pdf" });
}
// باز کردن در تب جدید
function openPdfFromRecord(base64){
  if (!base64){
    alert("فایل در JSON موجود نیست");
    return;
  }
  const blob = base64ToPdfBlob(base64);
  const url = URL.createObjectURL(blob);
  window.open(url,"_blank");
  setTimeout(() => URL.revokeObjectURL(url), 60000);
}
// دریافت JSON از attachment
async function loadJSON(){
  const res = await fetch(`/rest/api/content/${pageId}/child/attachment?filename=${encodeURIComponent(fileName)}`,{
    credentials:"include",
    headers:{Accept:"application/json"}
  });
  const data = await res.json();
  if (!data.results || !data.results.length) return;
  const txt = await fetch(data.results[0]._links.download,{credentials:"include"}).then(r=>r.text());
  docs = JSON.parse(txt) || [];
  populateMahvarFilter();
  // populateNoeSanadFilter(); حذف شد چون گزینه‌ها ثابت هستند
  renderSections();
}
// فیلتر محور
function populateMahvarFilter(),
  "فلوچارت": "https://kb.h-soft.ir/download/thumbnails/85045112/%D9%81%D9%84%D9%88%DA%86%D8%A7%D8%B1%D8%AA.png?api=v2&nonce=1765664452822",
  "کتابچه": "https://kb.h-soft.ir/download/thumbnails/85045112/%DA%A9%D8%AA%D8%A7%D8%A8%DA%86%D9%87.png?api=v2&nonce=1765664452819"
};

function normalizeText(v) {
  return String(v || "")
    .trim()
    .replace(/ي/g, "ی")
    .replace(/ك/g, "ک")
    .replace(/ۀ/g, "ه")
    .replace(/ة/g, "ه")
    .replace(/ؤ/g, "و")
    .replace(/إ/g, "ا")
    .replace(/أ/g, "ا")
    .replace(/\u200c/g, " ")
    .replace(/\s+/g, " ")
    .toLowerCase();
}

function sameText(a, b) {
  return normalizeText(a) === normalizeText(b);
}

function safeText(v) {
  v = String(v || "");
  v = v.replace(/&/g, "&");
  v = v.replace(/</g, "<");
  v = v.replace(/>/g, ">");
  return v;
}

function detectSanadIcon(type) {
  const t = normalizeText(type);

  if (t.includes("آیین") || t.includes("ایین")) return sanadIcons["آیین نامه"];
  if (t.includes("پروتکل")) return sanadIcons["پروتکل"];
  if (t.includes("خط مشی")) return sanadIcons["خط‌مشی و روش"];
  if (t.includes("دستورالعمل")) return sanadIcons["دستورالعمل"];
  if (t.includes("راهنما")) return sanadIcons["راهنما"];
  if (t.includes("روش اجرایی")) return sanadIcons["روش اجرایی"];
  if (t.includes("فلوچارت")) return sanadIcons["فلوچارت"];
  if (t.includes("کتابچه")) return sanadIcons["کتابچه"];

  return sanadIcons["سند"];
}

function base64ToPdfBlob(base64) {
  const cleaned = String(base64 || "")
    .replace(/^data:.*;base64,/, "")
    .replace(/\s/g, "");

  const binary = atob(cleaned);
  const len = binary.length;
  const buffer = new ArrayBuffer(len);
  const view = new Uint8Array(buffer);

  for (let i = 0; i < len; i++) {
    view[i] = binary.charCodeAt(i);
  }

  return new Blob([buffer], { type: "application/pdf" });
}

function openPdfFromRecord(base64) {
  if (!base64) {
    alert("فایل در JSON موجود نیست");
    return;
  }

  try {
    const blob = base64ToPdfBlob(base64);
    const url = URL.createObjectURL(blob);
    window.open(url, "_blank");
    setTimeout(() => URL.revokeObjectURL(url), 60000);
  } catch (e) {
    console.error(e);
    alert("خطا در باز کردن فایل. احتمالاً فایل ذخیره‌شده معتبر نیست.");
  }
}

async function loadJSON() {
  try {
    const res = await fetch(`/rest/api/content/${pageId}/child/attachment?filename=${encodeURIComponent(fileName)}&cb=${Date.now()}`, {
      credentials: "include",
      headers: { Accept: "application/json" },
      cache: "no-store"
    });

    const data = await res.json();

    if (!data.results || !data.results.length) {
      docs = [];
      populateMahvarFilter();
      renderSections();
      return;
    }

    const downloadUrl = data.results[0]._links.download;
    const joiner = downloadUrl.includes("?") ? "&" : "?";

    const txt = await fetch(downloadUrl + joiner + "cb=" + Date.now(), {
      credentials: "include",
      cache: "no-store"
    }).then(r => r.text());

    docs = JSON.parse(txt) || [];

    if (!Array.isArray(docs)) {
      docs = [];
    }

    populateMahvarFilter();
    renderSections();

  } catch (e) {
    console.error("خطا در خواندن JSON:", e);
    docs = [];
    populateMahvarFilter();
    renderSections();
  }
}

function populateMahvarFilter() {
  const sel = document.getElementById("filter-mahvar");

  if (sel.dataset.loaded === "1") return;

  sections.forEach(s => {
    const o = document.createElement("option");
    o.value = s.value;
    o.textContent = s.title;
    sel.appendChild(o);
  }));
  });

  sel.dataset.loaded = "1";
}
// فیلتر زیرمحور
function updateZirmohvarFilter() {
  const mahvar = document.getElementById("filter-mahvar").value;
  const sel = document.getElementById("filter-zirmohvar" sel = document.getElementById("filter-zirmohvar");

  sel.innerHTML = '<option value="">انتخاب زیرمحور</option>';

  const foundKey = Object.keys(zirmohvarOptions).find(k => sameText(k, mahvar));
  sel.innerHTMLconst =list '<option value="">انتخاب زیرمحور</option>';
  (zirmohvarOptions[mahvar]||[]) foundKey ? zirmohvarOptions[foundKey] : [];

  list.forEach(z => {
    const o = document.createElement("option");
    o.value = z;
    o.textContent = z;
    sel.appendChild(o);
  });
}
// کارت
function createCard(doc, docIndex) {
  const card = document.createElement("div");
  card.className = "card";

  const iconUrl = detectSanadIcon(doc.noe_sanad);
  const hasFile = !!doc.file_base64; 

  card.innerHTML = `
    <div class="card-content">
      <h3><b>${safeText(doc.document_name || "")}</b></h3>
      <ul>
        <li>زیرمحور: ${doc.zirmohvarsafeText(doc.zirmohvar || "-")}</li>
        <li>نوع سند: ${safeText(doc.noe_sanad || "-")}</li>
        <li>شماره استاندارد: ${safeText(doc.standard_no || "-")}</li>
        <li>نوع<li>تاریخ آخرین سندبازنگری: ${safeText(doc.noe_sanaddate || "-")}</li>
      </ul>
  <li>شماره   استاندارد: ${doc.standard_no || "-"}</li>
        hasFile
          ? `<button type="button" class="open-btn" data-doc-index="${docIndex}">مشاهده</button>`
        <li>تاریخ آخرین بازنگری: ${doc.date || "-"}</li>
`<span class="open-btn" style="background:#ccc;cursor:not-allowed">فایل ندارد</span>`
      }
    </ul>div>
    <div class="card-icon">
  ${
    <img    hasFilesrc="${iconUrl}" alt="سند">
    </div>
  `;

  ?const `<buttonbtn class= card.querySelector(".open-btn[data-doc-index]" onclick="openPdfFromRecord('${doc.file_base64}')">مشاهده</button>`
  );
  if (btn) {
    btn.addEventListener("click", function () {
      :const `<spani class="open-btn" style="background:#ccc;cursor:not-allowed">فایل ندارد</span>` Number(this.dataset.docIndex);
      }
    </div>if (!Number.isNaN(i) && docs[i]) {
    <div class="card-icon">    openPdfFromRecord(docs[i].file_base64);
      <img src="${iconUrl}" alt="سند">
    </div>});
  `;}

  return card;
}

// تابع نمایش بیشتر برای هر محور
function toggleSection(sectionValuesectionKey, btn) {
  const hiddenCards = document.querySelectorAll(`.card[data-section-key="${sectionValuesectionKey}"].hidden-card`);
  const isShowingMoreisOpen = btn.textContent.includes("بستن")dataset.open === "1";

  if (isShowingMore) {
    // مخفی کردن دوبارهisOpen) {
    hiddenCards.forEach(card => {
      card.style.display = "none";
    });
    btn.textContent = "مشاهده بیشتر";
  } else {
    // نمایش همه btn.dataset.open = "0";
  } else {
    hiddenCards.forEach(card => {
      card.style.display = "flex";
    });
    btn.textContent = "بستن";
    btn.dataset.open = }
}

// رندر بخش‌ها"1";
  }
}

function renderSections() {
  const searchText = document.getElementById("search").value.toLowerCase();
  const mselectedMahvar = document.getElementById("filter-mahvar").value;
  const zselectedZirmohvar = document.getElementById("filter-zirmohvar").value;
  const nselectedNoeSanad = document.getElementById("filter-noe-sanad").value; // مقدار فیلتر نوع سند
  
  const container = document.getElementById("sections-container");
  container.innerHTML="";
  let found=false;
  
  sections.forEach(sec=>{
    const list = docs.filter(d =>
      d.mahvar===sec.value &&
      (!searchText || (d.document_name||"").toLowerCase().includes(searchText)) &&.value;

  const container = document.getElementById("sections-container");
  container.innerHTML = "";

  let found = false;

  sections.forEach(sec => {
    const list = docs
      (!m || d.mahvar===m) &&.map((doc, index) => ({ doc, index }))
      (!z || d.zirmohvar===z) &&
.filter(item => {
       (!n ||const d.noe_sanad===n) // اعمال فیلتر نوع سند = item.doc;

        return (
    );
     if (!list.length) return;sameText(d.mahvar, sec.value) &&
    found=true;
    
   (!searchText const grid=document.createElement("div");|| normalizeText(d.document_name).includes(normalizeText(searchText))) &&
    grid.className="section-grid";
    grid.style.display="grid";
  (!selectedMahvar || grid.style.gridTemplateColumns="repeat(2,1fr)";
    grid.style.gap="20px";

sameText(d.mahvar, selectedMahvar)) &&
       // معکوس کردن لیست برای نمایش جدیدترین‌ها اول(!selectedZirmohvar || sameText(d.zirmohvar, selectedZirmohvar)) &&
    const reversedList = [...list].reverse();

      (!selectedNoeSanad || sameText(d.noe_sanad, selectedNoeSanad))
       reversedList.forEach((d, index);
 => {
    });

  const card =if createCard(d)!list.length) return;

    found  // اضافه کردن دیتا اتریبیوت برای شناسایی محور= true;

    const h2 = document.createElement("h2");
    h2.className = card.setAttribute("data-section","section-title-docs";
    h2.textContent = sec.value)title;

    const hr = document.createElement("hr");
    hr.className  // اگر ایندکس بزرگتر یا مساوی ۴ بود، کلاس مخفی بده= "section-hr-docs";

    const grid = document.createElement("div");
      if (index >= 4) {grid.className = "section-grid";

     const reversedList = card.classList.add("hidden-card"[...list].reverse();
    const sectionKey =  card.style.display = "none";
normalizeText(sec.value).replace(/\s+/g, "-");

    reversedList.forEach((item,  }
displayIndex) => {
      const grid.appendChild(card);
 =   }createCard(item.doc, item.index);

     const h2=documentcard.createElementsetAttribute("h2"data-section-key", sectionKey);

    h2.style.textAlign="center";
  if (displayIndex h2.textContent=sec.title;>= 4) {
    const hr=document.createElement("hr");
    hrcard.styleclassList.border="3px solid #00A9C3";
add("hidden-card");
        hrcard.style.widthdisplay = "80pxnone";
      hr.style.margin="0 auto 20px"}

      grid.appendChild(card);
    });

    container.append(h2, hr, grid);

    // اگر تعداد اسناد بیشتر از ۴ تا بود، دکمه مشاهده بیشتر اضافه کن

    if (reversedList.length > 4) {
      const btn = document.createElement("button");
      btn.className = "show-more-btn";
      btn.textContent = "مشاهده بیشتر";
      // ارسال مقدار محور و خود دکمه به تابعbtn.dataset.open = "0";
      btn.onclick = function () {
        toggleSection(sec.valuesectionKey, this);
      };
      container.appendChild(btn);
    }
  });
  
  document.getElementById("no-result").style.display = found ? "none" : "block";
}
// رویدادها
document.getElementById("search").addEventListener("input", renderSections);

document.getElementById("filter-mahvar").addEventListener("change", () => {
  updateZirmohvarFilter();
  renderSections();
});

document.getElementById("filter-zirmohvar").addEventListener("change", renderSections);
document.getElementById("filter-noe-sanad").addEventListener("change", renderSections); // رویداد فیلتر نوع سند
// شروع
loadJSON();
</script>