403Webshell
Server IP : 104.21.73.108  /  Your IP : 216.73.216.59
Web Server : Apache/2
System : Linux cat167-197.static.lnwhostname.com 5.10.0-20-amd64 #1 SMP Debian 5.10.158-2 (2022-12-13) x86_64
User : paphayomho ( 1042)
PHP Version : 5.6.40
Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname
MySQL : ON  |  cURL : ON  |  WGET : OFF  |  Perl : OFF  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  /home/paphayomho/domains/paphayomhospital.go.th/private_html/HA2569/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/paphayomho/domains/paphayomhospital.go.th/private_html/HA2569/SAR3_PaPhaYom_Hospital1.html
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SAR III – โรงพยาบาลป่าพะยอม | การดูแลผู้ป่วย</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&family=Prompt:wght@400;500;600;700&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"></script>
<style>
/* ==============================
   CSS VARIABLES & RESET
============================== */
:root {
  --green-deep: #0d4f3c;
  --green-mid:  #1a7a5a;
  --green-soft: #2da870;
  --green-pale: #e6f5ef;
  --gold:       #c8a850;
  --gold-pale:  #fdf6e3;
  --navy:       #1b3a5c;
  --navy-pale:  #e8f0f8;
  --white:      #ffffff;
  --gray-100:   #f7f9fb;
  --gray-200:   #edf0f4;
  --gray-400:   #9aaaba;
  --gray-600:   #4a6070;
  --gray-800:   #1e2d3a;
  --red-soft:   #d94f4f;
  --amber:      #e8943a;
  --shadow-sm:  0 1px 4px rgba(0,0,0,.07);
  --shadow-md:  0 4px 16px rgba(0,0,0,.10);
  --shadow-lg:  0 8px 32px rgba(0,0,0,.14);
  --radius:     10px;
  --radius-lg:  18px;
  --font-body:  'Sarabun', sans-serif;
  --font-head:  'Prompt', sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body { font-family: var(--font-body); color: var(--gray-800); background: var(--gray-100); line-height: 1.7; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
table { border-collapse: collapse; width: 100%; }

/* ==============================
   LAYOUT
============================== */
.page-wrap { display: flex; min-height: 100vh; }

/* ==============================
   STICKY SIDEBAR NAV
============================== */
#sidebar {
  width: 260px;
  min-width: 260px;
  background: var(--green-deep);
  color: #fff;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  flex-shrink: 0;
  z-index: 100;
  transition: transform .3s;
}
#sidebar::-webkit-scrollbar { width: 4px; }
#sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); border-radius: 4px; }
.sidebar-brand {
  padding: 22px 18px 16px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.sidebar-brand .hospital-name {
  font-family: var(--font-head);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .03em;
  color: var(--gold);
  text-transform: uppercase;
}
.sidebar-brand .doc-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  margin-top: 4px;
}
.nav-group-label {
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  padding: 14px 18px 4px;
}
.nav-item {
  display: block;
  padding: 8px 18px 8px 24px;
  font-size: .85rem;
  color: rgba(255,255,255,.78);
  border-left: 3px solid transparent;
  transition: all .18s;
  cursor: pointer;
}
.nav-item:hover, .nav-item.active {
  background: rgba(255,255,255,.08);
  border-left-color: var(--gold);
  color: #fff;
}
.nav-item.sub {
  padding-left: 36px;
  font-size: .80rem;
  color: rgba(255,255,255,.60);
}
.nav-item.sub:hover { color: rgba(255,255,255,.9); }
.sidebar-footer {
  padding: 12px 18px;
  font-size: .72rem;
  color: rgba(255,255,255,.35);
  border-top: 1px solid rgba(255,255,255,.08);
  margin-top: 16px;
}

/* MOBILE TOGGLE */
#menu-toggle {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 200;
  background: var(--green-deep);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 1.3rem;
  cursor: pointer;
  box-shadow: var(--shadow-lg);
}

/* ==============================
   MAIN CONTENT
============================== */
#main { flex: 1; min-width: 0; }

/* ==============================
   TOP BAR
============================== */
#topbar {
  background: #fff;
  border-bottom: 1px solid var(--gray-200);
  padding: 10px 28px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: sticky;
  top: 0;
  z-index: 90;
  box-shadow: var(--shadow-sm);
}
.topbar-search {
  flex: 1;
  max-width: 340px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--gray-100);
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  padding: 6px 14px;
}
.topbar-search input {
  flex: 1;
  border: none;
  background: transparent;
  font-family: var(--font-body);
  font-size: .88rem;
  color: var(--gray-800);
  outline: none;
}
.topbar-search input::placeholder { color: var(--gray-400); }
.topbar-search svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--gray-400); }
.view-btns { display: flex; gap: 6px; margin-left: auto; }
.view-btn {
  padding: 6px 13px;
  border-radius: 6px;
  font-size: .78rem;
  font-weight: 600;
  cursor: pointer;
  border: 1.5px solid var(--gray-200);
  background: #fff;
  color: var(--gray-600);
  transition: all .15s;
  font-family: var(--font-body);
}
.view-btn:hover { border-color: var(--green-mid); color: var(--green-mid); }
.view-btn.active { background: var(--green-mid); color: #fff; border-color: var(--green-mid); }
.btn-print {
  padding: 6px 14px;
  border-radius: 6px;
  font-size: .78rem;
  font-weight: 600;
  cursor: pointer;
  border: 1.5px solid var(--gold);
  background: var(--gold-pale);
  color: var(--gray-800);
  font-family: var(--font-body);
  transition: all .15s;
}
.btn-print:hover { background: var(--gold); color: #fff; }

/* ==============================
   HERO / HEADER
============================== */
#hero {
  background: linear-gradient(135deg, var(--green-deep) 0%, var(--navy) 100%);
  color: #fff;
  padding: 52px 48px 44px;
  position: relative;
  overflow: hidden;
}
#hero::before {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 320px; height: 320px;
  border-radius: 50%;
  background: rgba(200,168,80,.10);
  pointer-events: none;
}
#hero::after {
  content: '';
  position: absolute;
  bottom: -80px; left: 30%;
  width: 240px; height: 240px;
  border-radius: 50%;
  background: rgba(45,168,112,.08);
  pointer-events: none;
}
.hero-tag {
  display: inline-block;
  background: rgba(200,168,80,.25);
  border: 1px solid var(--gold);
  color: var(--gold);
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 30px;
  margin-bottom: 16px;
}
.hero-title {
  font-family: var(--font-head);
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px;
}
.hero-sub {
  font-size: 1rem;
  color: rgba(255,255,255,.72);
  max-width: 640px;
  margin-bottom: 28px;
}
.hero-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.hero-chip {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  padding: 5px 14px;
  border-radius: 20px;
  font-size: .80rem;
  color: rgba(255,255,255,.85);
}

/* ==============================
   CONTENT AREA
============================== */
.content-area { padding: 32px 40px; }
.content-area > section { margin-bottom: 48px; }

/* ==============================
   SECTION HEADER
============================== */
.sec-header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 22px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--green-pale);
}
.sec-icon {
  width: 44px; height: 44px;
  background: var(--green-deep);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gold);
  font-weight: 700;
  font-size: 1rem;
  flex-shrink: 0;
  font-family: var(--font-head);
}
.sec-title-block .sec-std { font-size: .72rem; color: var(--green-mid); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.sec-title-block h2 { font-family: var(--font-head); font-size: 1.28rem; font-weight: 700; color: var(--green-deep); line-height: 1.25; }
.sec-title-block p { font-size: .83rem; color: var(--gray-600); margin-top: 3px; }
.collapse-btn {
  margin-left: auto;
  background: none;
  border: 1.5px solid var(--gray-200);
  border-radius: 6px;
  padding: 4px 12px;
  font-size: .75rem;
  cursor: pointer;
  color: var(--gray-600);
  font-family: var(--font-body);
  flex-shrink: 0;
  transition: all .15s;
}
.collapse-btn:hover { border-color: var(--green-mid); color: var(--green-mid); }

/* ==============================
   CARDS & PANELS
============================== */
.card {
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 20px;
  margin-bottom: 16px;
  border: 1px solid var(--gray-200);
  animation: fadeUp .4s ease both;
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }

/* OVERALL REQUIREMENT */
.req-panel {
  background: linear-gradient(135deg, var(--navy-pale), #fff);
  border: 1px solid #c5d8eb;
  border-left: 4px solid var(--navy);
  border-radius: var(--radius);
  padding: 16px 20px;
  margin-bottom: 16px;
  font-size: .88rem;
}
.req-panel .req-label { font-size: .7rem; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 4px; }
.req-panel p { color: var(--gray-700); line-height: 1.6; }

/* CONTEXT PANEL */
.ctx-panel {
  background: var(--green-pale);
  border: 1px solid #b8e0cf;
  border-left: 4px solid var(--green-soft);
  border-radius: var(--radius);
  padding: 16px 20px;
  margin-bottom: 16px;
}
.ctx-panel .ctx-label { font-size: .7rem; font-weight: 700; color: var(--green-mid); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 8px; }
.ctx-panel ul { padding-left: 18px; font-size: .86rem; color: var(--gray-700); }
.ctx-panel ul li { margin-bottom: 6px; }

/* KEY MESSAGE */
.key-msg {
  background: linear-gradient(135deg, var(--gold-pale), #fff9ee);
  border: 1px solid #e8d58a;
  border-left: 4px solid var(--gold);
  border-radius: var(--radius);
  padding: 13px 18px;
  font-size: .86rem;
  color: var(--gray-800);
  margin-bottom: 16px;
}
.key-msg .km-label { font-size: .68rem; font-weight: 700; color: #9a7c2a; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 3px; }

/* SCORE CARD */
.score-row { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
.score-card {
  flex: 1;
  min-width: 200px;
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  padding: 14px 18px;
  box-shadow: var(--shadow-sm);
}
.score-card .sc-num { font-size: .72rem; color: var(--gray-400); margin-bottom: 2px; }
.score-card .sc-name { font-size: .82rem; font-weight: 600; color: var(--gray-800); line-height: 1.3; margin-bottom: 8px; }
.score-badge-row { display: flex; align-items: center; gap: 10px; }
.score-val {
  font-family: var(--font-head);
  font-size: 2rem;
  font-weight: 700;
  color: var(--green-deep);
  line-height: 1;
}
.dali-badge {
  padding: 3px 10px;
  border-radius: 20px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .06em;
}
.dali-L { background: #dff5e8; color: #1a7a5a; border: 1px solid #9ed5b6; }
.dali-A { background: #fff3cd; color: #9a7c2a; border: 1px solid #f0d080; }
.dali-D { background: #fee2e2; color: #c0392b; border: 1px solid #f5a8a8; }
.score-card .sc-plan { font-size: .78rem; color: var(--gray-600); margin-top: 8px; line-height: 1.5; border-top: 1px solid var(--gray-200); padding-top: 8px; }

/* HIGHLIGHT CARDS */
.highlight-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; margin-bottom: 16px; }
.highlight-card {
  background: linear-gradient(135deg, var(--green-deep) 0%, var(--green-mid) 100%);
  color: #fff;
  border-radius: var(--radius);
  padding: 16px 18px;
  font-size: .84rem;
  line-height: 1.55;
  box-shadow: var(--shadow-md);
  position: relative;
  overflow: hidden;
}
.highlight-card::before {
  content: '★';
  position: absolute;
  right: 14px; top: 12px;
  font-size: 1.2rem;
  opacity: .25;
}
.highlight-card strong { display: block; font-size: .75rem; font-weight: 700; color: var(--gold); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 5px; }

/* RESULTS TABLE */
.results-table-wrap { overflow-x: auto; margin-bottom: 16px; }
.results-table {
  width: 100%;
  font-size: .80rem;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  overflow: hidden;
}
.results-table thead tr { background: var(--green-deep); color: #fff; }
.results-table th {
  padding: 9px 13px;
  text-align: center;
  font-weight: 600;
  font-size: .75rem;
  white-space: nowrap;
}
.results-table th:first-child { text-align: left; }
.results-table td {
  padding: 8px 13px;
  border-bottom: 1px solid var(--gray-200);
  text-align: center;
  vertical-align: top;
}
.results-table td:first-child { text-align: left; font-size: .79rem; }
.results-table tbody tr:nth-child(even) { background: var(--gray-100); }
.results-table tbody tr:hover { background: var(--green-pale); }
.results-table .target-col { font-weight: 600; color: var(--navy); }
.cell-good { color: var(--green-soft); font-weight: 700; }
.cell-warn { color: var(--amber); font-weight: 700; }
.cell-bad  { color: var(--red-soft); font-weight: 700; }
.cell-na   { color: var(--gray-400); font-style: italic; }

/* CHART WRAPPER */
.chart-wrap {
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  padding: 18px;
  margin-bottom: 16px;
  box-shadow: var(--shadow-sm);
}
.chart-title { font-weight: 600; font-size: .85rem; color: var(--gray-800); margin-bottom: 12px; }
.chart-canvas-wrap { position: relative; height: 200px; }

/* INSIGHT BOX */
.insight-box {
  background: var(--navy-pale);
  border: 1px solid #b8cfe0;
  border-left: 4px solid var(--navy);
  border-radius: var(--radius);
  padding: 14px 18px;
  font-size: .83rem;
  color: var(--gray-800);
  margin-bottom: 16px;
}
.insight-box .i-label { font-size: .68rem; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 5px; }

/* PATIENT VALUE BOX */
.pv-box {
  background: linear-gradient(135deg, #fff9f0, #fff);
  border: 1px solid #f0d8b0;
  border-left: 4px solid var(--amber);
  border-radius: var(--radius);
  padding: 13px 18px;
  font-size: .83rem;
  color: var(--gray-800);
  margin-bottom: 16px;
}
.pv-box .pv-label { font-size: .68rem; font-weight: 700; color: var(--amber); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 4px; }

/* STATUS BADGE */
.badge {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 20px;
  font-size: .70rem;
  font-weight: 700;
}
.badge-green { background: #dff5e8; color: #1a7a5a; }
.badge-amber { background: #fff3cd; color: #9a7c2a; }
.badge-red   { background: #fee2e2; color: #c0392b; }
.badge-navy  { background: var(--navy-pale); color: var(--navy); }

/* EXECUTIVE SUMMARY */
.exec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 20px; }
.exec-col h3 { font-size: .85rem; font-weight: 700; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 2px solid; }
.exec-col.strength h3 { color: var(--green-mid); border-color: var(--green-soft); }
.exec-col.challenge h3 { color: var(--amber); border-color: var(--amber); }
.exec-col ul { padding-left: 18px; font-size: .83rem; color: var(--gray-700); }
.exec-col ul li { margin-bottom: 6px; }

/* MINI KPI ROW */
.kpi-mini-row { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.kpi-mini {
  flex: 1;
  min-width: 130px;
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  padding: 14px 16px;
  text-align: center;
  box-shadow: var(--shadow-sm);
}
.kpi-mini .kval { font-family: var(--font-head); font-size: 1.6rem; font-weight: 700; line-height: 1; }
.kpi-mini .kunit { font-size: .70rem; color: var(--gray-400); margin-top: 2px; }
.kpi-mini .klabel { font-size: .75rem; color: var(--gray-600); margin-top: 5px; line-height: 1.3; }
.kpi-mini.green .kval { color: var(--green-mid); }
.kpi-mini.navy .kval  { color: var(--navy); }
.kpi-mini.gold .kval  { color: #9a7c2a; }
.kpi-mini.red .kval   { color: var(--red-soft); }

/* SECTION COLLAPSIBLE */
.sec-body { overflow: hidden; transition: all .3s ease; }
.sec-body.collapsed { display: none; }

/* DIVIDER */
.divider { border: none; border-top: 1px solid var(--gray-200); margin: 28px 0; }

/* BACK TO TOP */
#back-top {
  position: fixed;
  bottom: 28px;
  right: 28px;
  background: var(--green-deep);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 42px; height: 42px;
  font-size: 1.1rem;
  cursor: pointer;
  box-shadow: var(--shadow-lg);
  opacity: 0;
  transition: opacity .3s;
  z-index: 200;
}
#back-top.visible { opacity: 1; }

/* SEARCH HIGHLIGHT */
.hl { background: #ffeb3b; border-radius: 2px; }

/* SUBSECTION LABEL */
.subsec-label {
  display: inline-block;
  background: var(--green-deep);
  color: var(--gold);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 4px;
  margin-bottom: 10px;
  margin-right: 8px;
}
.subsec-title {
  font-family: var(--font-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--gray-800);
  margin-bottom: 12px;
  display: inline;
}

/* TREND ARROW */
.trend-up::after   { content: ' ▲'; color: var(--green-soft); font-size: .7em; }
.trend-down::after { content: ' ▼'; color: var(--red-soft); font-size: .7em; }
.trend-flat::after { content: ' ●'; color: var(--amber); font-size: .7em; }

/* TABLE SUBTITLE */
.table-subtitle { font-size: .72rem; color: var(--gray-400); margin-top: 4px; margin-bottom: 12px; }

/* PRINT STYLES */
@media print {
  #sidebar, #topbar, #menu-toggle, #back-top { display: none !important; }
  #main { width: 100%; }
  .content-area { padding: 16px; }
  .card, .score-card { box-shadow: none; border: 1px solid #ccc; }
  #hero { background: #1a7a5a !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .sec-body.collapsed { display: block !important; }
  canvas { max-height: 150px; }
}

/* RESPONSIVE */
@media (max-width: 900px) {
  #sidebar { position: fixed; left: 0; top: 0; transform: translateX(-100%); }
  #sidebar.open { transform: translateX(0); }
  #menu-toggle { display: flex; align-items: center; justify-content: center; }
  .content-area { padding: 20px 16px; }
  #hero { padding: 32px 20px 28px; }
  .hero-title { font-size: 1.5rem; }
  .grid-2, .exec-grid { grid-template-columns: 1fr; }
  .grid-3 { grid-template-columns: 1fr 1fr; }
  #topbar { padding: 8px 14px; }
}
@media (max-width: 560px) {
  .grid-3 { grid-template-columns: 1fr; }
  .score-row { flex-direction: column; }
}
</style>
</head>
<body>

<!-- ========== LAYOUT ========== -->
<div class="page-wrap">

<!-- ========== SIDEBAR ========== -->
<nav id="sidebar">
  <div class="sidebar-brand">
    <div class="hospital-name">โรงพยาบาลป่าพะยอม</div>
    <div class="doc-title">SAR III<br>การดูแลผู้ป่วย</div>
  </div>

  <div class="nav-group-label">ภาพรวม</div>
  <a class="nav-item" href="#exec-summary">Executive Summary</a>

  <div class="nav-group-label">มาตรฐานหลัก</div>
  <a class="nav-item" href="#sec-iii1">III-1 การเข้าถึงและรับบริการ</a>
  <a class="nav-item" href="#sec-iii2">III-2 การประเมินผู้ป่วย</a>
  <a class="nav-item" href="#sec-iii3">III-3 การวางแผน</a>
  <a class="nav-item" href="#sec-iii4">III-4 การดูแลผู้ป่วย</a>

  <div class="nav-group-label">III-4.3 บริการเฉพาะ</div>
  <a class="nav-item sub" href="#sec-anes">ก. การระงับความรู้สึก</a>
  <a class="nav-item sub" href="#sec-surg">ข. การผ่าตัด</a>
  <a class="nav-item sub" href="#sec-nutr">ค. อาหารและโภชนบำบัด</a>
  <a class="nav-item sub" href="#sec-pall">ง/จ. ประคับประคอง/ความปวด</a>
  <a class="nav-item sub" href="#sec-rehab">ฉ. การฟื้นฟูสภาพ</a>
  <a class="nav-item sub" href="#sec-ckd">ช. โรคไตเรื้อรัง (CKD)</a>
  <a class="nav-item sub" href="#sec-ttm">ซ. การแพทย์แผนไทย</a>
  <a class="nav-item sub" href="#sec-tele">ฌ. การแพทย์ทางไกล</a>
  <a class="nav-item sub" href="#sec-homeward">ญ. การดูแลที่บ้าน</a>

  <div class="nav-group-label">ต่อเนื่อง</div>
  <a class="nav-item" href="#sec-iii5">III-5 ข้อมูล/เสริมพลัง</a>
  <a class="nav-item" href="#sec-iii6">III-6 การดูแลต่อเนื่อง</a>

  <div class="nav-group-label">สรุป</div>
  <a class="nav-item" href="#conclusion">จุดแข็ง/ความท้าทาย/ทิศทาง</a>

  <div class="sidebar-footer">SAR III รพ.ป่าพะยอม | เยี่ยมสำรวจ สรพ.</div>
</nav>

<!-- ========== MAIN ========== -->
<div id="main">

<!-- TOP BAR -->
<div id="topbar">
  <div class="topbar-search">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
    <input type="text" id="searchInput" placeholder="ค้นหา เช่น Stroke, CKD, Palliative…">
  </div>
  <div class="view-btns">
    <button class="view-btn active" onclick="setView('all')">ดูทั้งหมด</button>
    <button class="view-btn" onclick="setView('results')">ผลลัพธ์</button>
    <button class="view-btn" onclick="setView('issues')">ประเด็นพัฒนา</button>
  </div>
  <button class="btn-print" onclick="window.print()">🖨 พิมพ์</button>
</div>

<!-- HERO -->
<section id="hero">
  <div class="hero-tag">Hospital Quality Presentation · สรพ.</div>
  <h1 class="hero-title">SAR III: การเข้าถึง ประเมิน วางแผน<br>ดูแล และบริการเฉพาะสำคัญ</h1>
  <p class="hero-sub">โรงพยาบาลป่าพะยอม อำเภอป่าพะยอม จังหวัดพัทลุง · โรงพยาบาลชุมชน <strong>45 เตียง</strong> ระดับทุติยภูมิ F2<br>นำเสนอต่อทีมเยี่ยมสำรวจคุณภาพ สรพ. เพื่อการทบทวนมาตรฐาน III</p>
  <div class="hero-chips">
    <span class="hero-chip">III-1 การเข้าถึงบริการ</span>
    <span class="hero-chip">III-2 การประเมินผู้ป่วย</span>
    <span class="hero-chip">III-3 การวางแผน</span>
    <span class="hero-chip">III-4 การดูแลผู้ป่วย</span>
    <span class="hero-chip">III-4.3 บริการเฉพาะ 8 ด้าน</span>
    <span class="hero-chip">III-5 เสริมพลังผู้ป่วย</span>
    <span class="hero-chip">III-6 การดูแลต่อเนื่อง</span>
  </div>
</section>

<!-- ========== CONTENT ========== -->
<div class="content-area">

<!-- ========== EXECUTIVE SUMMARY ========== -->
<section id="exec-summary">
  <div class="sec-header">
    <div class="sec-icon">ES</div>
    <div class="sec-title-block">
      <div class="sec-std">ภาพรวม</div>
      <h2>Executive Summary – SAR III</h2>
      <p>สรุปสถานะ ระบบงาน จุดแข็ง และโอกาสพัฒนาของโรงพยาบาลป่าพะยอมในมาตรฐาน III</p>
    </div>
  </div>
  <div class="sec-body">

    <!-- KPI OVERVIEW -->
    <div class="kpi-mini-row">
      <div class="kpi-mini green"><div class="kval">100%</div><div class="kunit">ปี 2564–2568</div><div class="klabel">ผู้ป่วยฉุกเฉินประเมินภายใน 4 นาที</div></div>
      <div class="kpi-mini green"><div class="kval">0</div><div class="kunit">รายตลอด 5 ปี</div><div class="klabel">ภาวะแทรกซ้อนจากยาระงับความรู้สึก</div></div>
      <div class="kpi-mini navy"><div class="kval">100%</div><div class="kunit">ปี 2567–2568</div><div class="klabel">Schizophrenia เข้าถึงบริการ</div></div>
      <div class="kpi-mini gold"><div class="kval">100%</div><div class="kunit">2567–2568 ต่อเนื่อง</div><div class="klabel">Palliative เสียชีวิตที่บ้านตามต้องการ</div></div>
      <div class="kpi-mini green"><div class="kval">1,110</div><div class="kunit">ครั้ง ปี 2567</div><div class="klabel">Telemedicine (เพิ่ม 23 เท่าจากปีก่อน)</div></div>
      <div class="kpi-mini navy"><div class="kval">98.5%</div><div class="kunit">ปี 2568</div><div class="klabel">ARV Adherence (HIV clinic)</div></div>
    </div>

    <div class="exec-grid">
      <div class="exec-col strength card">
        <h3>⭐ จุดแข็งเด่นของ SAR III</h3>
        <ul>
          <li>ระบบ Fast ACS / Stroke เชื่อมต่อ รพ.พัทลุง ได้ผลการส่งต่อ PCI สูงถึง 100% (ปี 2566)</li>
          <li>Palliative Care ครบวงจรตั้งแต่ปี 2558 — ผู้ป่วยเสียชีวิตที่บ้านตามความต้องการ 91–100% ทุกปี</li>
          <li>งานวิสัญญีปลอดภัย 100% ตั้งแต่ปี 2561–2568 ไม่พบภาวะแทรกซ้อน</li>
          <li>ผ่าตัดต้อกระจก 3 ปีต่อเนื่อง (149, 174, 287 ราย) ปลอดภัยทุกราย</li>
          <li>IMC (Intermediate Care) Barthel Index >15 ร้อยละ 71–78</li>
          <li>ARV Adherence >98% ทุกปี / CKD Clinic ครอบคลุม 1,512 ราย</li>
          <li>Telemedicine: 2566→2567 เพิ่ม 23 เท่า (48→1,110 ครั้ง) รพ.สต. 100% พึงพอใจ 100%</li>
          <li>Asthma Re-admit บรรลุเป้า &lt;3% ครั้งแรก ปี 2568 (2.38%)</li>
          <li>Sepsis ATB ภายใน 1 ชม. บรรลุ 90% ครั้งแรก ปี 2568 (90.41%)</li>
        </ul>
      </div>
      <div class="exec-col challenge card">
        <h3>🔶 โอกาสพัฒนา/ความท้าทาย</h3>
        <ul>
          <li>On-set to door Stroke ยังต่ำกว่าเป้า (45–51% vs >80%)</li>
          <li>STEMI ส่งต่อภายใน 80 นาที: ปี 2568 อยู่ที่ 62.5% ยังต้องพัฒนา</li>
          <li>Appendicitis accuracy ต่ำกว่าเป้า (&lt;40% vs >80%) – ต้องการพัฒนาระบบ Avorado Score</li>
          <li>EMS ตอบสนองภายใน 10 นาที ยังต่ำกว่า 70% ทุกปีที่มีข้อมูล</li>
          <li>Telemedicine และ Homeward อยู่ในช่วงวาง Phase พัฒนา ข้อมูลผลลัพธ์ยังไม่ครบ</li>
          <li>แพทย์แผนไทย Score=2/DALI=A ต้องยกระดับ (%ผู้ป่วยกระดูก/กล้ามเนื้อเพิ่งเกิน 40%</li>
          <li>ผู้ป่วย DM HbA1c &lt;7% ยังต่ำกว่าเป้า (31–41% vs >40%)</li>
          <li>CKD screening บรรลุเป้า &lt;80% ใน 4 ปี</li>
        </ul>
      </div>
    </div>

    <div class="key-msg">
      <div class="km-label">🔑 Key Message ภาพรวม</div>
      รพ.ป่าพะยอมมีการพัฒนาคุณภาพเชิงระบบอย่างต่อเนื่อง — จากบริบทโรงพยาบาลชุมชนห่างไกล ได้ออกแบบระบบบริการเฉพาะ Fast Track, One Stop Service, IMC, Palliative Care และบริการนวัตกรรม เชื่อมโยงเครือข่าย รพ.สต. 6 แห่ง อย่างครบวงจร ผลลัพธ์หลักปลอดภัยดี มีบางตัวชี้วัดที่ยังท้าทายซึ่งรพ.รับรู้และมีแผนพัฒนาชัดเจน
    </div>
  </div>
</section>

<hr class="divider">

<!-- ========== III-1 ========== -->
<section id="sec-iii1">
  <div class="sec-header">
    <div class="sec-icon">III-1</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 63–64</div>
      <h2>การเข้าถึงและเข้ารับบริการ</h2>
      <p>การสร้างระบบที่ผู้ป่วยเข้าถึงได้สะดวก ทันเวลา มีประสิทธิผล</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">

    <div class="req-panel">
      <div class="req-label">Overall Requirement</div>
      <p>องค์กรสร้างความมั่นใจว่าผู้ป่วย/ผู้รับผลงานสามารถเข้าถึงบริการที่จำเป็นได้โดยสะดวก มีกระบวนการรับผู้ป่วยที่เหมาะกับปัญหาสุขภาพ/ความต้องการของผู้ป่วยอย่างทันเวลา มีการประสานงานที่ดี ภายใต้ระบบงานและสิ่งแวดล้อมที่เหมาะสม มีประสิทธิผล</p>
    </div>

    <div class="ctx-panel">
      <div class="ctx-label">บริบทและกลุ่มผู้ป่วยสำคัญ</div>
      <ul>
        <li><strong>NCD ห่างไกล:</strong> DM, HT, Stroke, ACS — อยู่พื้นที่รอยต่อ เดินทางไม่สะดวก; ผู้สูงอายุไร้ผู้ดูแล เข้าถึง 1669 ยาก</li>
        <li><strong>Stroke / ACS:</strong> ขาดความรู้อาการเตือน / สัญญาณที่ต้องมาทันที</li>
        <li><strong>Trauma, HI:</strong> การเข้าถึง EMS ยังไม่ถึงเป้า (ปี 62 = 27.7%)</li>
        <li><strong>สุขภาพจิต:</strong> Depressive disorder — อัตราเข้าถึง 60.21 → 100% (2564–2568); Schizophrenia — 91.73 → 100% (2564–2568)</li>
        <li><strong>HIV/AIDS:</strong> อัตรา VCT 1.75 → 1.03% (2562–2566) — ยังต้องส่งเสริม</li>
        <li><strong>สุขภาพช่องปาก:</strong> จำนวนคิวบางช่วงไม่เพียงพอ</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 63</div>
        <div class="sc-name">การเข้าถึงบริการ [III-1 ก, ข]</div>
        <div class="score-badge-row">
          <div class="score-val">3</div>
          <span class="dali-badge dali-L">DALI: L</span>
        </div>
        <div class="sc-plan">แผน: Smart ER · Smart OPD · Smart Hospital</div>
      </div>
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 64</div>
        <div class="sc-name">กระบวนการรับผู้ป่วย/Informed Consent [III-1 ค]</div>
        <div class="score-badge-row">
          <div class="score-val">3</div>
          <span class="dali-badge dali-L">DALI: L</span>
        </div>
        <div class="sc-plan">แผน: มอบหมายพยาบาลคัดกรองนอก/ในเวลาราชการ · ทวนสอบ Competency</div>
      </div>
    </div>

    <!-- HIGHLIGHTS -->
    <div class="subsec-label">ผลการพัฒนาที่โดดเด่น</div>
    <div class="highlight-grid">
      <div class="highlight-card"><strong>NCD One Stop</strong>คลินิก DM/HT แยกจาก OPD ทั่วไป ลดเวลารอ ผู้ป่วยได้รับบริการเร็วขึ้น</div>
      <div class="highlight-card"><strong>Fast ACS System</strong>ปี 2565: ส่ง PCI 8/12 = 66.6% · ปี 2566: 2/2 = 100% · ปี 2567: 20 คน · ปี 2568: 16/36 คน = 44.4%</div>
      <div class="highlight-card"><strong>ARI One Stop Service</strong>คลินิก ARI แยกสัดส่วน ให้บริการโดยทีมสหวิชาชีพ</div>
      <div class="highlight-card"><strong>บริการนอกเวลา</strong>X-ray, Lab, กายภาพบำบัด, แพทย์แผนไทย เปิดนอกเวลาราชการ</div>
      <div class="highlight-card"><strong>OPD Fast Tract</strong>ห้องตรวจทางด่วนลดรอคอยสำหรับใบรับรองแพทย์/ใบส่งตัว/ตรวจสุขภาพ</div>
      <div class="highlight-card"><strong>ต้อกระจก + ศูนย์หัวใจ</strong>คัดกรองต้อกระจกโดยพยาบาลเฉพาะทาง · คัดกรองหลอดเลือดหัวใจเคลื่อนที่จาก รพ.ธนบุรี</div>
    </div>

    <!-- CHART + TABLE -->
    <div class="grid-2">
      <div class="chart-wrap">
        <div class="chart-title">Mental Health Access Rate (%) ปี 2564–2568</div>
        <div class="chart-canvas-wrap"><canvas id="chartMH"></canvas></div>
      </div>
      <div class="chart-wrap">
        <div class="chart-title">ระยะเวลารอ OPD (นาที) และ STEMI ส่งต่อภายใน 80 นาที (%)</div>
        <div class="chart-canvas-wrap"><canvas id="chartAccess"></canvas></div>
      </div>
    </div>

    <div class="results-table-wrap">
      <div class="subsec-label">ผลลัพธ์</div>
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>อุบัติการณ์คัดแยก ER คลาดเคลื่อน (under triage ทั้งหมด)</td><td class="target-col">&lt;5%</td><td>9.52%</td><td>8.33%</td><td>12.6%</td><td>11.16%</td><td class="cell-bad">15.45%</td></tr>
          <tr><td>อุบัติการณ์ระบุตัวผู้ป่วยผิดพลาด (:1,000)</td><td class="target-col">&lt;1:1000 / 0 E↑</td><td>0.22/0</td><td>0.53/0</td><td>0.45/0</td><td>0.13/0</td><td class="cell-good">0.26/0</td></tr>
          <tr><td>EMS ถึงที่เกิดเหตุภายใน 10 นาที</td><td class="target-col">&gt;70%</td><td class="cell-bad">59.04%</td><td class="cell-bad">44.79%</td><td class="cell-bad">51.47%</td><td class="cell-bad">43.72%</td><td class="cell-bad">63.98%</td></tr>
          <tr><td>ผู้ป่วยฉุกเฉินประเมินภายใน 4 นาที</td><td class="target-col">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td></tr>
          <tr><td>On-set to Door Stroke</td><td class="target-col">&gt;80%</td><td class="cell-bad">45.31%</td><td class="cell-bad">36.36%</td><td class="cell-bad">51.13%</td><td class="cell-bad">23.70%</td><td class="cell-bad">35.13%</td></tr>
          <tr><td>STEMI ส่งต่อภายใน 80 นาที</td><td class="target-col">100%</td><td class="cell-warn">75.0%</td><td class="cell-warn">90.0%</td><td class="cell-bad">50.0%</td><td class="cell-bad">41.6%</td><td class="cell-warn">62.5%</td></tr>
          <tr><td>ระยะรอคอย OPD</td><td class="target-col">&lt;60 นาที</td><td class="cell-good">54 น.</td><td class="cell-good">58 น.</td><td class="cell-good">56 น.</td><td class="cell-bad">62 น.</td><td class="cell-good">58 น.</td></tr>
          <tr><td>Sepsis ได้ ATB ภายใน 1 ชม.</td><td class="target-col">90%</td><td class="cell-bad">80.95%</td><td class="cell-warn">88.24%</td><td class="cell-bad">80.96%</td><td class="cell-bad">85.41%</td><td class="cell-good">90.41% ✓</td></tr>
        </tbody>
      </table>
    </div>

    <div class="insight-box">
      <div class="i-label">📊 Insight เชิงคุณภาพ</div>
      <strong>จุดที่ดี:</strong> ผู้ป่วยฉุกเฉินประเมินได้ครบ 100% ทุกปี | <strong>Sepsis ATB ปี 2568 บรรลุเป้า 90% เป็นครั้งแรก (90.41%)</strong> สะท้อนการพัฒนา workflow ที่เห็นผล | <strong>ความท้าทาย:</strong> On-set to Door Stroke ปี 2567 ลดลงต่ำที่สุด (23.70%) แม้ 2568 จะกระเตื้องขึ้น (35.13%) แต่ยังห่างเป้า 80% มาก | Under triage ปี 2568 สูงขึ้น (15.45%) ต้องติดตาม | EMS ภายใน 10 นาที ปี 2568 ดีขึ้นเป็น 63.98% แต่ยังต่ำกว่า 70%
    </div>

    <div class="pv-box">
      <div class="pv-label">💙 คุณค่าต่อผู้ป่วย</div>
      ผู้ป่วยชุมชนห่างไกลมีทางเลือกรับบริการหลากหลาย — ทั้งนอกเวลา, OPD Fast Tract, คลินิกเฉพาะโรค — ลดการเดินทางซ้ำ ลดการรอคอย และเพิ่มความปลอดภัยโดยเฉพาะในกรณีฉุกเฉิน
    </div>
  </div>
</section>

<hr class="divider">

<!-- ========== III-2 ========== -->
<section id="sec-iii2">
  <div class="sec-header">
    <div class="sec-icon">III-2</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 65–66</div>
      <h2>การประเมินผู้ป่วย</h2>
      <p>ผู้ป่วยทุกรายได้รับการประเมินความต้องการ ปัญหาสุขภาพ และความเสี่ยงอย่างถูกต้อง ครบถ้วน</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">

    <div class="req-panel">
      <div class="req-label">Overall Requirement</div>
      <p>ผู้ป่วยทุกรายได้รับการประเมินความต้องการ ปัญหาสุขภาพและความเสี่ยงที่จะได้รับอันตรายจากกระบวนการดูแลรักษา อย่างถูกต้อง ครบถ้วน และเหมาะสม</p>
    </div>

    <div class="ctx-panel">
      <div class="ctx-label">กลุ่มผู้ป่วยที่มีโอกาสเกิดปัญหาในการประเมิน</div>
      <ul>
        <li><strong>ACS:</strong> EKG ไม่แสดง / Cardiac Arrest ฉับพลัน</li>
        <li><strong>Stroke:</strong> ไม่มาด้วยอาการ FAST แต่มาด้วยเวียนศีรษะ/ปวดเมื่อย</li>
        <li><strong>Trauma:</strong> ระดับความรู้สึกลดลง / ไม่มีบาดแผลภายนอก ทำให้ประเมินไม่ครอบคลุม</li>
        <li><strong>Sepsis:</strong> อาการเพลีย/ไม่มีไข้/หา Source Infection ไม่พบ → Delay Treatment</li>
        <li><strong>Appendicitis:</strong> กรณีไม่มี Lab / ไม่ได้ใช้ Alvarado Score</li>
        <li><strong>DHF:</strong> มีโรคร่วม / Viral Infection ทำให้ Lab เปลี่ยนแปลง</li>
        <li><strong>กลุ่มองค์รวม:</strong> DM, COPD, HT, Asthma มีภาวะแทรกซ้อน และกลุ่ม Palliative — ต้องประเมินทั้งร่างกาย จิตใจ ครอบครัว สังคม</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 65</div>
        <div class="sc-name">การประเมินผู้ป่วยและส่งตรวจวินิจฉัย [III-2 ก, ข]</div>
        <div class="score-badge-row"><div class="score-val">3</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">แผน: ลดความซ้ำซ้อน · COPD ทุกรายได้ spirometry · พัฒนา LIS ต่อเนื่อง</div>
      </div>
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 66</div>
        <div class="sc-name">การวินิจฉัยโรค [III-2 ค]</div>
        <div class="score-badge-row"><div class="score-val">3</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">แผน: ทบทวนความถูกต้องการวินิจฉัยรายเดือน</div>
      </div>
    </div>

    <div class="highlight-grid">
      <div class="highlight-card"><strong>Ac.MI Screening</strong>แนวทางคัดกรอง ACS ครอบคลุมทุกหน่วยบริการใน รพ. และ รพ.สต. เครือข่าย</div>
      <div class="highlight-card"><strong>CPG 6 กลุ่มโรค</strong>ใช้ CPG ครอบคลุม CUP ทั้งหมด ทบทวน/ติดตามต่อเนื่อง</div>
      <div class="highlight-card"><strong>LIS พัฒนาต่อเนื่อง</strong>อัตราความผิดพลาดรายงานผล Lab มีแนวโน้มลดลง</div>
      <div class="highlight-card"><strong>Paperless HOS-OS</strong>ปรับระบบบันทึก HOS-OS ลดการบันทึกกระดาษ เพิ่มความถูกต้อง</div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>อุบัติการณ์วินิจฉัยคลาดเคลื่อน ระดับ E↑</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>ACS วินิจฉัยภายใน 10 นาที</td><td class="target-col">100%</td><td class="cell-bad">76.92%</td><td class="cell-warn">85.71%</td><td class="cell-bad">20.0%</td><td class="cell-warn">62.5%</td><td class="cell-bad">41.66%</td></tr>
          <tr><td>อัตราตกเลือดหลังคลอด</td><td class="target-col">&lt;2%</td><td class="cell-bad">2.24%</td><td class="cell-good">1.23%</td><td class="cell-good">1.19%</td><td class="cell-good">1.29%</td><td class="cell-bad">3.44%</td></tr>
          <tr><td>ผู้ป่วยอาการทรุดระหว่างรอตรวจ (ราย)</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-bad">1</td><td class="cell-bad">1</td><td class="cell-good">0</td></tr>
          <tr><td>Re-visit ภายใน 48 ชม. (:1,000 ครั้งบริการ)</td><td class="target-col">&lt;5</td><td class="cell-good">3.48</td><td class="cell-bad">5.00</td><td class="cell-bad">6.01</td><td class="cell-bad">5.70</td><td class="cell-good">3.36</td></tr>
          <tr><td>DHF with shock</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>Appendicitis วินิจฉัยถูกต้อง</td><td class="target-col">&gt;80%</td><td class="cell-bad">77.27%</td><td class="cell-bad">36.1%</td><td class="cell-bad">33.33%</td><td class="cell-bad">44%</td><td class="cell-bad">38.66%</td></tr>
          <tr><td>ผู้ป่วย DM เกิด DKA ในหอผู้ป่วย</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
        </tbody>
      </table>
    </div>

    <div class="insight-box">
      <div class="i-label">📊 Insight</div>
      Appendicitis accuracy ต่ำกว่าเป้าอย่างมีนัย (&lt;40% vs >80%) ซึ่งเป็นความท้าทายที่ต้องพัฒนา Alvarado Score และ Lab integration | ACS วินิจฉัยภายใน 10 นาที ปี 2566 ลดลงชัดเจน (20%) — ต้องทบทวนกระบวนการ | ตกเลือดหลังคลอดปี 2568 กลับสูงขึ้น (3.44%) ต้องติดตามปัจจัย
    </div>
  </div>
</section>

<hr class="divider">

<!-- ========== III-3 ========== -->
<section id="sec-iii3">
  <div class="sec-header">
    <div class="sec-icon">III-3</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 67–68</div>
      <h2>การวางแผน</h2>
      <p>วางแผนดูแลและจำหน่ายผู้ป่วยแบบสหวิชาชีพ มีเป้าหมายชัดเจน</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">

    <div class="req-panel">
      <div class="req-label">Overall Requirement</div>
      <p><strong>III-3.1</strong> ทีมจัดทำแผนดูแลประสานกันดี เป้าหมายชัดเจน สอดคล้องกับปัญหาของผู้ป่วย | <strong>III-3.2</strong> วางแผนจำหน่ายให้ผู้ป่วยดูแลตนเองได้หลังออกจาก รพ.</p>
    </div>

    <div class="ctx-panel">
      <div class="ctx-label">โรคที่คุณภาพการวางแผนมีความสำคัญ</div>
      <ul>
        <li><strong>วางแผนดูแล:</strong> Sepsis, COPD, Asthma, Pneumonia, DM, HT, Diarrhea, AGE, DHF</li>
        <li><strong>วางแผนจำหน่าย:</strong> COPD, DM, HT, Asthma, Pneumonia, CHF, ผู้ป่วยระยะสุดท้าย</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 67</div>
        <div class="sc-name">การวางแผนการดูแลผู้ป่วย [III-3.1]</div>
        <div class="score-badge-row"><div class="score-val">3.5</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">Grand round · Bedside review · COPD One Stop Service สหวิชาชีพ</div>
      </div>
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 68</div>
        <div class="sc-name">การวางแผนจำหน่าย [III-3.2]</div>
        <div class="score-badge-row"><div class="score-val">3.5</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">ปรับรูปแบบแผนจำหน่ายเฉพาะโรค · ติดตามประเมินผลร่วมกัน</div>
      </div>
    </div>

    <div class="highlight-grid">
      <div class="highlight-card"><strong>Palliative + HHC</strong>มีระบบดูแล Palliative Care และศูนย์ HHC เพื่อการดูแลต่อเนื่องที่บ้าน</div>
      <div class="highlight-card"><strong>DM/HT → รพ.สต.</strong>ส่งต่อผู้ป่วยไม่มีภาวะแทรกซ้อนไป รพ.สต. ติดตามทุก 6 เดือน</div>
      <div class="highlight-card"><strong>AE Review รายเดือน</strong>ทบทวนเวชระเบียนค้นหา AE ทุกเดือน ร่วมกับ CQI/เรื่องเล่า/นวัตกรรม</div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>Re-admit ภายใน 28 วัน (ทั้งหมด)</td><td class="target-col">&lt;0.50%</td><td class="cell-good">0.48%</td><td class="cell-bad">0.71%</td><td class="cell-bad">0.65%</td><td class="cell-bad">0.51%</td><td class="cell-bad">0.57%</td></tr>
          <tr><td>Re-visit ภายใน 48 ชม.</td><td class="target-col">&lt;5%</td><td class="cell-good">3.48%</td><td class="cell-bad">5.00%</td><td class="cell-bad">6.01%</td><td class="cell-bad">5.70%</td><td class="cell-good">3.36%</td></tr>
          <tr><td>Re-admit ผู้ป่วย DM</td><td class="target-col">&lt;5%</td><td class="cell-good">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td></tr>
          <tr><td>Re-admit ผู้ป่วย COPD</td><td class="target-col">&lt;20%</td><td class="cell-good">10.32%</td><td class="cell-good">17.65%</td><td class="cell-good">11.61%</td><td class="cell-good">13.46%</td><td class="cell-good">10.92%</td></tr>
          <tr><td>Re-admit ผู้ป่วย Asthma</td><td class="target-col">&lt;3%</td><td class="cell-bad">4.71%</td><td class="cell-bad">3.19%</td><td class="cell-bad">4.54%</td><td class="cell-bad">3.17%</td><td class="cell-good">2.38% ✓</td></tr>
        </tbody>
      </table>
    </div>

    <div class="insight-box">
      <div class="i-label">📊 Insight</div>
      Re-admit DM = 0% ต่อเนื่อง 3 ปี สะท้อนคุณภาพการวางแผนจำหน่ายที่ดีมาก | COPD Re-admit ยังต่ำกว่าเป้า 20% ทุกปี — ถือเป็นจุดแข็ง | Asthma Re-admit เกินเป้า 3% ทุกปี — เป็นโอกาสพัฒนาแผนจำหน่าย | Re-visit 48 ชม. ปี 2566 สูงถึง 6.01 — ควรทบทวนกระบวนการประเมินก่อนจำหน่าย
    </div>
  </div>
</section>

<hr class="divider">

<!-- ========== III-4 ========== -->
<section id="sec-iii4">
  <div class="sec-header">
    <div class="sec-icon">III-4</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 69–70</div>
      <h2>การดูแลผู้ป่วย</h2>
      <p>ดูแลอย่างทันท่วงที ปลอดภัย ตามมาตรฐานวิชาชีพ ครอบคลุมผู้ป่วยความเสี่ยงสูง</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">

    <div class="req-panel">
      <div class="req-label">Overall Requirement</div>
      <p><strong>III-4.1</strong> ดูแลอย่างทันท่วงที ปลอดภัย เหมาะสมตามมาตรฐานวิชาชีพ | <strong>III-4.2</strong> ดูแลผู้ป่วยความเสี่ยงสูง/หัตถการความเสี่ยงสูง ได้อย่างทันท่วงที ปลอดภัย</p>
    </div>

    <div class="ctx-panel">
      <div class="ctx-label">กลุ่มผู้ป่วยหลักตามบริบท รพ.</div>
      <ul>
        <li>Pneumonia, COPD, DM, HT, Asthma, HIV, TB, Schizophrenia, Depression, Diarrhea</li>
        <li>กลุ่มโรคระบาด: COVID-19</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 69</div>
        <div class="sc-name">การดูแลทั่วไป [III-4.1]</div>
        <div class="score-badge-row"><div class="score-val">3</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">SHA Integration · CPG 6 กลุ่มโรค · Telemedicine · DM Remission Clinic · Paperless</div>
      </div>
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 70</div>
        <div class="sc-name">การดูแลความเสี่ยงสูง [III-4.2]</div>
        <div class="score-badge-row"><div class="score-val">3</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">Fast ACS · Early Warning Sign · AE Trigger Tool · ทบทวนระดับ E–I</div>
      </div>
    </div>

    <div class="highlight-grid">
      <div class="highlight-card"><strong>Early Warning Sign</strong>PCT กำหนด EWS เฝ้าระวังและรายงานแพทย์ · กำหนดค่า Lab วิกฤตแจ้งแพทย์ทันที</div>
      <div class="highlight-card"><strong>AE Trigger Tool</strong>คณะทำงานทบทวน AE ระดับ E–I ต่อเนื่อง นำแพทย์เป็นแกนนำ</div>
      <div class="highlight-card"><strong>รางวัลชนะเลิศ NCD</strong>Best Practice NCD Clinic Plus ระดับเขต (รพ.ขนาดเล็ก) ปี 2565</div>
      <div class="highlight-card"><strong>DM Remission Clinic</strong>พัฒนาการดูแล DM type 2 สู่ระยะสงบด้วยปรับพฤติกรรมเข้มงวด</div>
      <div class="highlight-card"><strong>Asthma/COPD System</strong>spirometry ครอบคลุม · One Stop Service สหวิชาชีพ</div>
      <div class="highlight-card"><strong>Digital Health</strong>Line/โทรศัพท์สนับสนุนการดูแลตนเองระหว่าง Admit และผู้ป่วยนอก</div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>เสียชีวิตไม่เหมาะสมในหอผู้ป่วย</td><td class="target-col">0</td><td>0.48</td><td>0.71</td><td class="cell-good">0.05</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>มารดาหลังคลอด Hypovolemic Shock (ราย)</td><td class="target-col">0</td><td>3.48</td><td>5.00</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>Respiratory Failure ใน COPD</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td>1.29</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>DHF/DF เกิด Shock</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>DM Hypoglycemia ขณะ Admit</td><td class="target-col">&lt;20%</td><td class="cell-good">14.71%</td><td class="cell-good">13.19%</td><td class="cell-good">10.41%</td><td class="cell-good">10.20%</td><td class="cell-good">9.45%</td></tr>
          <tr><td>ติดเชื้อแผลฝีเย็บ</td><td class="target-col">&lt;1%</td><td class="cell-good">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td></tr>
          <tr><td>ตกเลือดหลังคลอด</td><td class="target-col">&lt;2%</td><td class="cell-bad">2.24%</td><td class="cell-good">1.23%</td><td class="cell-good">1.19%</td><td class="cell-good">1.29%</td><td class="cell-bad">3.44%</td></tr>
          <tr><td>พลัดตกหกล้ม (ราย)</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td>1</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>ความผิดพลาดจากการเก็บสิ่งส่งตรวจ (%)</td><td class="target-col">&lt;0.50%</td><td class="cell-good">0.26%</td><td class="cell-good">0.24%</td><td class="cell-good">0.38%</td><td class="cell-bad">0.90%</td><td class="cell-good">0.09%</td></tr>
          <tr><td>แผลกดทับ ≥ ระดับ 2 (ราย)</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>ความผิดพลาดบริหารยา (:1,000 วันนอน)</td><td class="target-col">&lt;5</td><td class="cell-good">3.99</td><td class="cell-good">3.68</td><td class="cell-good">3.85</td><td class="cell-na">–</td><td class="cell-na">–</td></tr>
          <tr><td>Birth Asphyxia (:1,000 การเกิดมีชีพ)</td><td class="target-col">&lt;10</td><td class="cell-bad">24</td><td class="cell-bad">11.23</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
        </tbody>
      </table>
    </div>

    <div class="insight-box">
      <div class="i-label">📊 Insight</div>
      Birth Asphyxia ลดลงจาก 24 → 0 ภายใน 3 ปี — เป็น Story การพัฒนาคุณภาพที่น่าประทับใจ | Hypovolemic Shock หลังคลอด 0% ต่อเนื่องตั้งแต่ปี 2566 — แต่ตกเลือดหลังคลอดปี 2568 สูงขึ้นต้องติดตาม | Medication Error ต่ำกว่า 5:1,000 ต่อเนื่อง | Specimen Error ปี 2567 สูงขึ้น (0.90) แต่ปี 2568 กลับดี (0.09)
    </div>
  </div>
</section>

<hr class="divider">

<!-- ========== ANESTHESIA ========== -->
<section id="sec-anes">
  <div class="sec-header">
    <div class="sec-icon">ก</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 71 | III-4.3 ก</div>
      <h2>การระงับความรู้สึก</h2>
      <p>บริการ IVA โดยวิสัญญีพยาบาล ASA Class 1–2 ปลอดภัยและได้มาตรฐาน</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">
    <div class="req-panel"><div class="req-label">Overall Requirement</div><p>ทีมผู้ให้บริการสร้างความมั่นใจว่าจะให้การดูแลในบริการเฉพาะสำคัญ อย่างทันท่วงที ปลอดภัย และเหมาะสม ตามมาตรฐานวิชาชีพ</p></div>

    <div class="ctx-panel">
      <div class="ctx-label">บริบท</div>
      <ul>
        <li>ไม่มีการผ่าตัดใหญ่ / ไม่มีแพทย์เฉพาะทาง — มีเฉพาะผ่าตัดเล็กและ <strong>IVA (Intravenous Anesthesia)</strong></li>
        <li>วิสัญญีพยาบาล 1 คน / ห้องผ่าตัด 1 ห้อง — ไม่มีห้องพักฟื้นแยก เฝ้าระวังในห้องผ่าตัดจนกว่าปลอดภัย</li>
        <li>รับเฉพาะ ASA Class 1 (สุขภาพแข็งแรง) และ Class 2 (โรคควบคุมได้)</li>
        <li>กลุ่มเสี่ยงสูง: Debridement, Closed Reduction ที่ต้อง Deep Sedation</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 71</div>
        <div class="sc-name">การระงับความรู้สึก [III-4.3 ก]</div>
        <div class="score-badge-row"><div class="score-val">3.5</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">ประเมิน Emergency case ร่วมแพทย์+วิสัญญี · ฟื้นฟูทักษะ CPR ≥1 ครั้ง/ปี · ปรึกษาวิสัญญีแพทย์ รพ.พัทลุง กรณีเกินศักยภาพ</div>
      </div>
    </div>

    <div class="highlight-grid">
      <div class="highlight-card"><strong>ปลอดภัย 0 รายตลอด 2561–2565</strong>ไม่พบอุบัติการณ์ภาวะแทรกซ้อนจากยาระงับความรู้สึก</div>
      <div class="highlight-card"><strong>100% ความพร้อม OPD</strong>ปรับระบบนัดล่วงหน้าที่ห้องผ่าตัด ประเมินและเตรียมพร้อมก่อนผ่าตัด 100%</div>
      <div class="highlight-card"><strong>Deep Sedation Protocol</strong>วิสัญญีพยาบาลประเมินก่อนทำหัตถการ · เฝ้าระวังตามเกณฑ์ราชวิทยาลัยวิสัญญีราบรื่น</div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>เสียชีวิตภายใน 24 ชม. หลังยาระงับความรู้สึก</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>คลื่นไส้อาเจียนหลังยาระงับความรู้สึก</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>ภาวะแทรกซ้อนจากยาระงับความรู้สึก</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>ให้ยาผิดคน</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>ความพร้อมผู้ป่วยก่อน/หลังให้ยา</td><td class="target-col">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td></tr>
        </tbody>
      </table>
    </div>
    <div class="key-msg"><div class="km-label">🔑 Key Message</div>วิสัญญีพยาบาล 1 คน ดูแลผ่าตัดทุกประเภทได้อย่างปลอดภัย 100% ตลอด 5 ปีที่มีข้อมูล — สะท้อนระบบและทักษะที่แข็งแกร่ง</div>
  </div>
</section>

<hr class="divider">

<!-- ========== SURGERY ========== -->
<section id="sec-surg">
  <div class="sec-header">
    <div class="sec-icon">ข</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 72 | III-4.3 ข</div>
      <h2>การผ่าตัด</h2>
      <p>ผ่าตัดเล็กทุกกลุ่มอายุ — โครงการต้อกระจกโดดเด่น นวัตกรรมห้องผ่าตัด</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">
    <div class="ctx-panel">
      <div class="ctx-label">บริบท</div>
      <ul>
        <li>ผ่าตัดเล็กทุกกลุ่มอายุ: ก้อนใต้ผิวหนัง, Electrocautery, Debridement, Decompression, และผ่าตัดเล็กอื่นๆ</li>
        <li>ห้องผ่าตัด 1 ห้อง ไม่มีห้องพักฟื้นแยก — เฝ้าระวังในห้องผ่าตัดโดยวิสัญญีพยาบาล</li>
        <li><strong>โครงการต้อกระจก ปี 2566–2568:</strong> 149 คน (151 ดวงตา) → 174 ราย → 287 ราย — ปลอดภัย 100%</li>
        <li>กลุ่มเสี่ยงสูง: Decompression, Debridement, Closed Reduction ที่ต้องยาระงับความรู้สึก</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 72</div>
        <div class="sc-name">การผ่าตัด [III-4.3 ข]</div>
        <div class="score-badge-row"><div class="score-val">3.5</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">2P Safety (ผิดคน/ผิดข้าง/ผิดตำแหน่ง) · Surgical Checklist · ประสาน IC เฝ้าระวังแผล · ฟื้นฟูทักษะ CPR ≥1ปี</div>
      </div>
    </div>

    <div class="highlight-grid">
      <div class="highlight-card"><strong>นวัตกรรมอุปกรณ์ห้ามเลือดนิ้วล็อก</strong>แทน tourniquet ลดการส่งต่อ ลดปวด แผลติดดี อัตราเป็นซ้ำ = 0%</div>
      <div class="highlight-card"><strong>Operative Record Day Case</strong>บันทึก OPD Case ผ่าตัดแบบ Paperless ผ่าน HOS-OS</div>
      <div class="highlight-card"><strong>Safety Classic OR Bed</strong>เตียงผ่าตัดป้องกันผู้ป่วยตก — ไม่พบอุบัติการณ์ผู้ป่วยตกเตียง</div>
      <div class="highlight-card"><strong>ท่อดูดควัน/กลิ่น</strong>นวัตกรรมลดการฟุ้งกระจายควันในการจี้ไฟฟ้า — คุ้มครองบุคลากร</div>
      <div class="highlight-card"><strong>CQI พร้อมกาย พร้อมใจ</strong>ระบบนัดผ่าตัดและเตรียมพร้อมผู้ป่วย 100% ก่อน/หลังผ่าตัด</div>
      <div class="highlight-card"><strong>ต้อกระจก 3 ปี</strong>149 → 174 → 287 ราย — ผ่าตัดถูกต้อง 100% ปลอดภัยทุกราย</div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>ผ่าตัดผิดคน/ผิดข้าง/ผิดตำแหน่ง/ผิดหัตถการ</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>ติดเชื้อแผลผ่าตัดสะอาด</td><td class="target-col">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td></tr>
          <tr><td>เสียชีวิตในห้องผ่าตัด/หลังผ่าตัด</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>ความพร้อมก่อน/หลังผ่าตัด</td><td class="target-col">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td></tr>
          <tr><td>บาดเจ็บจากการจัดท่า/เคลื่อนย้าย</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
        </tbody>
      </table>
    </div>
    <div class="key-msg"><div class="km-label">🔑 Key Message</div>ผลลัพธ์ปลอดภัย 100% ทุกตัวชี้วัดตลอด 5 ปี ควบคู่กับโครงการผ่าตัดต้อกระจกที่ขยายขนาดสามเท่าใน 3 ปี</div>
  </div>
</section>

<hr class="divider">

<!-- ========== NUTRITION ========== -->
<section id="sec-nutr">
  <div class="sec-header">
    <div class="sec-icon">ค</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน ค | III-4.3 ค</div>
      <h2>อาหารและโภชนบำบัด</h2>
      <p>อาหารปลอดภัย ถูกโภชนาการ ครอบคลุมการคัดกรองและโภชนบำบัดกลุ่มเสี่ยง</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">
    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน อาหารและโภชนบำบัด</div>
        <div class="sc-name">อาหารและโภชนบำบัด [III-4.3 ค]</div>
        <div class="score-badge-row"><div class="score-val">3</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">นักโภชนาการร่วม NCD Clinic · ผ่านเกณฑ์ รพ.อาหารปลอดภัย/รพ.อ่อนหวาน · รถขนส่งอาหารไฟฟ้า · Hospital OS สั่งอาหาร</div>
      </div>
    </div>

    <div class="ctx-panel">
      <div class="ctx-label">ระบบบริการอาหาร</div>
      <ul>
        <li>Centralized System 3 มื้อ: 07:00, 11:30, 16:00 น. ขนส่งด้วยรถไฟฟ้า</li>
        <li>รายการอาหารหมุนเวียนล่วงหน้า 2 เดือน — หลากหลาย เหมาะสมกับโรค</li>
        <li>คัดกรองโภชนาการด้วย SPENT Nutrition Screening Tool — ประเมินละเอียด NT 2013 กรณีผิดปกติ</li>
        <li>ตรวจแบคทีเรียมือผู้สัมผัส/ภาชนะ/อาหารทุกเดือน · ตรวจสารปนเปื้อนวัตถุดิบทุกเดือน</li>
        <li><strong>งานวิจัย:</strong> Blenderized Diet Formula — อยู่ระหว่างตรวจสอบ Paper วารสาร ASEAN JSTR</li>
      </ul>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>ความพึงพอใจผู้รับบริการ</td><td class="target-col">&gt;80%</td><td class="cell-good">96.71%</td><td class="cell-good">97.90%</td><td class="cell-good">98.22%</td><td class="cell-good">98.53%</td><td class="cell-good">98.84%</td></tr>
          <tr><td>แจกอาหารไม่ครบถ้วน</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>สิ่งแปลกปลอมในอาหาร</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>แจกอาหารผิดคน</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>การปนเปื้อนมือผู้ปรุง</td><td class="target-col">0</td><td class="cell-bad">3</td><td class="cell-bad">1</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>การปนเปื้อนอาหารปรุงสุก</td><td class="target-col">0</td><td class="cell-good">0</td><td class="cell-bad">1</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
        </tbody>
      </table>
    </div>
    <div class="key-msg"><div class="km-label">🔑 Key Message</div>ความพึงพอใจงานโภชนาการสูงขึ้นต่อเนื่อง (97→98.84%) ปัญหาการปนเปื้อนหมดตั้งแต่ปี 2566 สะท้อนระบบควบคุมคุณภาพที่เข้มแข็ง</div>
  </div>
</section>

<hr class="divider">

<!-- ========== PALLIATIVE ========== -->
<section id="sec-pall">
  <div class="sec-header">
    <div class="sec-icon">ง/จ</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 74–75 | III-4.3 ง/จ</div>
      <h2>การดูแลผู้ป่วยระยะประคับประคอง / การจัดการความปวด</h2>
      <p>Palliative Care ครบวงจรตั้งแต่ปี 2558 รวมถึง Morphine at Home</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">

    <div class="ctx-panel">
      <div class="ctx-label">บริบทและสถิติผู้ป่วย</div>
      <ul>
        <li>ให้บริการ Palliative Care ตั้งแต่ปี 2558 — มีคณะกรรมการ, ส่งบุคลากรอบรมครบทุกหลักสูตร</li>
        <li>แพทย์อบรม 5 วัน 1 คน (ขณะนี้แพทย์ย้าย รอแพทย์คนใหม่อบรม) | เภสัชกร 5 วัน 1 คน | พยาบาลฝึกภาคปฏิบัติ 3 คน</li>
        <li>พยาบาลผู้ป่วยในผ่านหลักสูตร Palliative Care ร้อยละ 90.90</li>
        <li><strong>Syringe Driver 4 เครื่อง</strong> (รับบริจาค) + สำรองจาก รพ.พัทลุง · O₂ generator 4 เครื่อง</li>
        <li><strong>ปี 2564:</strong> 43 ราย — มะเร็ง 79.07% · CKD 4.65% · COPD 4.65% · อื่น 11.63%</li>
        <li><strong>ปี 2565:</strong> 50 ราย — มะเร็ง 46% · CVA 34% · CHF 18% · COPD 18% · ไตวาย 10%</li>
        <li><strong>ปี 2566:</strong> 88 ราย — มะเร็ง 52.27% · CHF 31.81% · CVA 27.27% · ไตวาย 15.9% · COPD 13.63%</li>
        <li><strong>ปี 2567:</strong> 96 ราย — CVA 33.33% · COPD 29.16% · มะเร็ง 35.42% · CHF 22.92% · ไตวาย 17.71%</li>
        <li><strong>ปี 2568:</strong> 74 ราย — CVA 48.65% · มะเร็ง 32.43% · CHF 24.32% · ไตวาย 13.51% · COPD 12.16%</li>
        <li><strong>กลุ่มเป้าหมายความปวด:</strong> มะเร็งระยะสุดท้าย / ไตวายระยะสุดท้าย</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 74</div>
        <div class="sc-name">การดูแลผู้ป่วยระยะประคับประคอง [III-4.3 ง]</div>
        <div class="score-badge-row"><div class="score-val">3.5</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">อบรมจิตอาสาชุมชน · Family meeting + ACP ครบทุกคน · พัฒนาฐานข้อมูลผู้ป่วยโรคเรื้อรัง</div>
      </div>
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 75</div>
        <div class="sc-name">การจัดการความปวด [III-4.3 จ]</div>
        <div class="score-badge-row"><div class="score-val">3.5</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">ฝึกทักษะ Morphine via Syringe Driver ทั้งใน รพ. และ รพ.สต. · นำเข้า Morphine เม็ดในบัญชียาหลัก</div>
      </div>
    </div>

    <div class="highlight-grid">
      <div class="highlight-card"><strong>CQI HA Forum ปี 2561</strong>Palliative Care poster นำเสนอระดับชาติ</div>
      <div class="highlight-card"><strong>4th National Palliative Conference</strong>นำเสนอผลงาน CQI ระดับประเทศ</div>
      <div class="highlight-card"><strong>อุปกรณ์ที่บ้าน 100%</strong>ผู้ป่วยที่จำเป็นต้องใช้อุปกรณ์ได้รับสนับสนุน 100% ลดการทุกข์ทรมาน</div>
      <div class="highlight-card"><strong>Morphine at Home</strong>อนุญาตนำ Morphine ฉีด via Syringe Driver ไปใช้ที่บ้านได้ — ญาติไม่ต้องเดินทาง รพ.พัทลุง</div>
    </div>

    <div class="chart-wrap">
      <div class="chart-title">สัดส่วนผู้ป่วย Palliative ตามกลุ่มโรค ปี 2567 (96 ราย) และ 2568 (74 ราย)</div>
      <div class="chart-canvas-wrap"><canvas id="chartPall"></canvas></div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>ผู้ป่วยระยะสุดท้ายได้รับ Strong Opioid บรรเทาปวด</td><td class="target-col">&gt;95%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td></tr>
          <tr><td>เสียชีวิตที่บ้านตามความต้องการ</td><td class="target-col">&gt;85%</td><td class="cell-good">91.66%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td></tr>
          <tr><td>ความพึงพอใจผู้ป่วย/ญาติ</td><td class="target-col">&gt;85%</td><td class="cell-good">96.78%</td><td class="cell-good">98.15%</td><td class="cell-good">97.26%</td><td class="cell-good">96.57%</td><td class="cell-good">98.28%</td></tr>
        </tbody>
      </table>
    </div>

    <div class="pv-box"><div class="pv-label">💙 คุณค่าต่อผู้ป่วย</div>ผู้ป่วยระยะท้ายสามารถเลือกเสียชีวิตที่บ้านท่ามกลางครอบครัว พร้อม Morphine via Syringe Driver และอุปกรณ์ครบ 100% — เสียชีวิตที่บ้านตามต้องการ 91–100% ต่อเนื่อง 5 ปี ความพึงพอใจสูงถึง 98.28% (ปี 2568)</div>
  </div>
</section>

<hr class="divider">

<!-- ========== REHAB ========== -->
<section id="sec-rehab">
  <div class="sec-header">
    <div class="sec-icon">ฉ</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน ฉ | III-4.3 ฉ</div>
      <h2>การฟื้นฟูสภาพและสมรรถภาพ (IMC)</h2>
      <p>บริการผู้ป่วยระยะกลาง (IMC) — Barthel Index, เยี่ยมบ้าน, Intermediate Bed</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">
    <div class="ctx-panel">
      <div class="ctx-label">บริบท — กลุ่มผู้ป่วย IMC</div>
      <ul>
        <li>Stroke, Traumatic Brain Injury (TBI), Spinal Cord Injury (SCI), Fracture Around Hip — พ้นระยะ Acute</li>
        <li>Intermediate bed 4 เตียง (เริ่ม 1 ธ.ค. 2564) รับส่งต่อจาก รพ.พัทลุง</li>
        <li>ฟื้นฟู 1 สัปดาห์ในโรงพยาบาล (IPD) + OPD กายภาพ 2 ครั้ง/สัปดาห์ + แพทย์แผนไทย 1 ครั้ง/สัปดาห์</li>
        <li>เยี่ยมบ้าน 3 ครั้ง ภายใน 6 เดือน · Home PT ทุกวันพฤหัสบดี (ปี 2568)</li>
        <li>ธนาคารเตียง/ที่นอนลม สำหรับผู้ป่วยใหม่ (รพ.สต. ละ 1 เตียง)</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน การฟื้นฟูฯ</div>
        <div class="sc-name">การฟื้นฟูสภาพและสมรรถภาพ [III-4.3 ฉ]</div>
        <div class="score-badge-row"><div class="score-val">3</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">กำหนดเป้าหมาย IMC แต่ละกลุ่มโรค · ออกแบบการดูแลตามความรุนแรง · ติดตามภาวะแทรกซ้อน</div>
      </div>
    </div>

    <div class="chart-wrap">
      <div class="chart-title">Barthel Index &gt;15 หลัง 6 เดือน (%) และภาวะแทรกซ้อน IMC (%)</div>
      <div class="chart-canvas-wrap"><canvas id="chartRehab"></canvas></div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>เยี่ยมบ้าน 3 ครั้ง ภายใน 6 เดือน</td><td class="target-col">70%</td><td class="cell-good">100% (35)</td><td class="cell-good">97.77% (44)</td><td class="cell-good">100% (24)</td><td class="cell-good">95.71% (67)</td><td class="cell-good">96.20% (76)</td></tr>
          <tr><td>Barthel Index &gt;15 หลังฟื้นฟู 6 เดือน</td><td class="target-col">70%</td><td class="cell-good">71.42% (25)</td><td class="cell-bad">61.36% (27)</td><td class="cell-good">70.83% (17)</td><td class="cell-good">77.61% (52)</td><td class="cell-good">73.68% (56)</td></tr>
          <tr><td>ภาวะแทรกซ้อนใน IMC</td><td class="target-col">&lt;20%</td><td class="cell-good">5.2% (1)</td><td class="cell-good">11.36% (5)</td><td class="cell-good">8.3% (2)</td><td class="cell-good">10.44% (7)</td><td class="cell-good">7.89% (6)</td></tr>
        </tbody>
      </table>
    </div>

    <div class="insight-box">
      <div class="i-label">📊 Insight</div>
      เยี่ยมบ้านครบ 3 ครั้งเกินเป้า 70% ทุกปี (95–100%) | Barthel Index &gt;15 ส่วนใหญ่เกินเป้า ยกเว้นปี 2565 (61%) และ 2568 (74%) ที่มีผู้ป่วยรุนแรงขึ้นหรือต้องการกลับบ้านก่อนกำหนด | ภาวะแทรกซ้อนมีแนวโน้มควบคุมได้ดี (&lt;12%) ทุกปี
    </div>
  </div>
</section>

<hr class="divider">

<!-- ========== CKD ========== -->
<section id="sec-ckd">
  <div class="sec-header">
    <div class="sec-icon">ช</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 77 | III-4.3 ช</div>
      <h2>การดูแลผู้ป่วยโรคไตเรื้อรัง (CKD)</h2>
      <p>CKD Clinic ตั้งแต่ปี 2558 — ดูแลครอบคลุม 1,512 ราย สหวิชาชีพ</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">
    <div class="ctx-panel">
      <div class="ctx-label">บริบท CKD Clinic</div>
      <ul>
        <li>เปิดบริการทุกวันจันทร์ ตั้งแต่ปี 2558 — สหวิชาชีพ: แพทย์, พยาบาล NCM, เภสัชกร, โภชนากร, นักกายภาพ</li>
        <li>ผู้รับบริการ 1,512 ราย: Stage 1 (217 ราย, 14.35%) Stage 2 (682 ราย, 45.11%) Stage 3 (547 ราย, 36.18%) Stage 4 (48 ราย, 3.17%) Stage 5 (9 ราย, 2.29%)</li>
        <li>เป้าหมายรับ: ผู้ป่วยใหม่ · รายเก่าไม่เคยเข้า Clinic · eGFR ลดลง &gt;5 ml/min/ปี · eGFR &lt;60 ก่อนนัด 3 เดือน · CKD Stage 4–5 ที่ปฏิเสธ รพ.แม่ข่าย</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 77</div>
        <div class="sc-name">การดูแลผู้ป่วยโรคไตเรื้อรัง [III-4.3 ช]</div>
        <div class="score-badge-row"><div class="score-val">3</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">พัฒนาความรู้บุคลากรใน CKD Clinic + รพ.สต. · เพิ่มเครือข่ายดูแลผู้ป่วยไต</div>
      </div>
    </div>

    <div class="highlight-grid">
      <div class="highlight-card"><strong>รางวัลวันไตโลก 2561</strong>"สตรีไทย ไตสตรอง" จากสมาคมโรคไตแห่งประเทศไทย</div>
      <div class="highlight-card"><strong>รางวัลวันไตโลก 2566</strong>"ตระหนักภัยใส่ใจไต ป้องกันไว้เน้นกลุ่มเสี่ยง"</div>
      <div class="highlight-card"><strong>นวัตกรรมจิ๋วแต่แจ๋ว</strong>Pop-up ARB/ACEI ในระบบ HOS สำหรับผู้ตรวจสุขภาพที่พบความผิดปกติของไต</div>
      <div class="highlight-card"><strong>นวัตกรรมเซียมซีชีวิต</strong>"เซียมซีชีวิตพิชิตไต" — ส่งเสริม Health Literacy การดูแลตนเองชะลอไตเสื่อม</div>
      <div class="highlight-card"><strong>NSAID Surveillance</strong>POP UP เฝ้าระวังการใช้ยา NSAID ในกลุ่มผู้ป่วย CKD อัตโนมัติในระบบ</div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>DM/HT ได้รับคัดกรองภาวะแทรกซ้อนทางไต</td><td class="target-col">&gt;80%</td><td class="cell-bad">75.04%</td><td class="cell-bad">69.57%</td><td class="cell-bad">67.19%</td><td class="cell-bad">53.15%</td><td class="cell-bad">65.66%</td></tr>
          <tr><td>CKD eGFR ลดลง &lt;4 ml/min/yr (%ที่ชะลอได้)</td><td class="target-col">&gt;70%</td><td class="cell-bad">57.22%</td><td class="cell-bad">63.55%</td><td class="cell-bad">50.67%</td><td class="cell-bad">57.21%</td><td class="cell-good">73.35%</td></tr>
          <tr><td>CKD มารับบริการ BP &lt;140/90 mmHg</td><td class="target-col">&gt;80%</td><td class="cell-bad">78.77%</td><td class="cell-good">84.92%</td><td class="cell-good">83.82%</td><td class="cell-good">83.27%</td><td class="cell-bad">76.63%</td></tr>
          <tr><td>CKD ได้รับ ACEI/ARB</td><td class="target-col">&gt;70%</td><td class="cell-good">70.22%</td><td class="cell-bad">68.55%</td><td class="cell-bad">65.90%</td><td class="cell-bad">60.78%</td><td class="cell-bad">56.49%</td></tr>
        </tbody>
      </table>
    </div>
    <div class="insight-box">
      <div class="i-label">📊 Insight</div>
      Screening DM/HT → ไต ยังต่ำกว่าเป้า &gt;80% ทุกปี และมีแนวโน้มลดลงจาก 75 → 53 (2564–2567) แม้จะดีขึ้นเป็น 65.66% ในปี 2568 | ACEI/ARB มีแนวโน้มลดลงอย่างต่อเนื่อง ต้องทบทวนกระบวนการสั่งยา | eGFR ชะลอได้ดี &gt;70% เฉพาะปี 2568
    </div>
  </div>
</section>

<hr class="divider">

<!-- ========== THAI MEDICINE ========== -->
<section id="sec-ttm">
  <div class="sec-header">
    <div class="sec-icon">ซ</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 78 | III-4.3 ซ</div>
      <h2>การแพทย์แผนไทย</h2>
      <p>บริการ 4 ด้าน — เวชกรรมไทย เภสัชกรรม หัตถเวชกรรม ผดุงครรภ์ไทย</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">
    <div class="ctx-panel">
      <div class="ctx-label">บริการ 4 ด้าน</div>
      <ul>
        <li><strong>เวชกรรมไทย:</strong> ตรวจวินิจฉัย ไอเจ็บคอ ขับถ่ายลำบาก จุกแน่นท้อง ปวดกล้ามเนื้อ</li>
        <li><strong>เภสัชกรรมไทย:</strong> ยาสมุนไพรเดี่ยวและยาตำรับ บำบัด/ฟื้นฟู/ป้องกัน</li>
        <li><strong>หัตถเวชกรรมไทย:</strong> นวดรักษา (ลมปลายปัตฆาต/ลมจับโปงเข่า/อัมพฤกษ์) · อบไอน้ำ · ประคบ · พอกยา · ฤๅษีดัดตน</li>
        <li><strong>ผดุงครรภ์ไทย:</strong> ฟื้นฟูมารดาหลังคลอด · นวดเปิดท่อน้ำนม · ทับหม้อเกลือ · ยาบำรุงน้ำนม</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 78</div>
        <div class="sc-name">การแพทย์แผนไทย [III-4.3 ซ]</div>
        <div class="score-badge-row"><div class="score-val">2</div><span class="dali-badge dali-A">DALI: A</span></div>
        <div class="sc-plan">บูรณาการร่วมสหวิชาชีพ · ผ่านเกณฑ์ รพ.สส.พท. · พัฒนาศักยภาพบุคลากร · พัฒนาระบบคลินิก</div>
      </div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>ภาวะแทรกซ้อนหลังรับบริการแพทย์แผนไทย</td><td class="target-col">≤4 ครั้ง/ปี</td><td class="cell-good">0</td><td class="cell-good">0</td><td class="cell-warn">2</td><td class="cell-good">0</td><td class="cell-good">0</td></tr>
          <tr><td>ผู้ป่วยโรคกระดูก/กล้ามเนื้อได้รับบริการแพทย์แผนไทย</td><td class="target-col">≥40%</td><td class="cell-bad">35.36%</td><td class="cell-bad">34.39%</td><td class="cell-bad">37.04%</td><td class="cell-good">63.34%</td><td class="cell-good">66.21%</td></tr>
          <tr><td>หญิงหลังคลอดได้รับฟื้นฟูแพทย์แผนไทย</td><td class="target-col">≥20%</td><td class="cell-bad">7.78%</td><td class="cell-bad">3.53%</td><td class="cell-good">28.33%</td><td class="cell-good">43.47%</td><td class="cell-good">46.12%</td></tr>
        </tbody>
      </table>
    </div>
    <div class="insight-box"><div class="i-label">📊 Insight</div>Score 2 / DALI A สะท้อนว่ายังต้องยกระดับกระบวนการ แต่ผลลัพธ์ 2 ปีหลัง (2567–2568) ดีขึ้นอย่างชัดเจน — กลุ่มกล้ามเนื้อ 63–66% (เกินเป้า 40%) และหญิงหลังคลอด 43–46% (เกินเป้า 20%) บ่งชี้ทิศทางที่ดี</div>
  </div>
</section>

<hr class="divider">

<!-- ========== TELEMEDICINE ========== -->
<section id="sec-tele">
  <div class="sec-header">
    <div class="sec-icon">ฌ</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 79 | III-4.3 ฌ</div>
      <h2>การแพทย์ทางไกล (Telemedicine)</h2>
      <p>อยู่ระหว่างวาง Phase พัฒนา — เชื่อมต่อ รพ.สต. และผู้ป่วยโดยตรง</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">
    <div class="ctx-panel">
      <div class="ctx-label">บริบทและกลุ่มเป้าหมาย</div>
      <ul>
        <li>กลุ่มผู้ป่วย NCD คุมได้ (DM type II, HT, DLP, CKD) · ผู้ป่วยที่ไม่สะดวกเดินทาง (ห่างไกล อายุมาก)</li>
        <li>ความต้องการ: ลดรอคอย ประหยัดค่าเดินทาง ลดความเสี่ยงขาดนัด/ขาดยา</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 79</div>
        <div class="sc-name">การแพทย์ทางไกล [III-4.3 ฌ]</div>
        <div class="score-badge-row"><div class="score-val">1</div><span class="dali-badge dali-D">DALI: D</span></div>
        <div class="sc-plan">Phase 1: เชื่อม รพ. กับ รพ.สต. และ อสม. | Phase 2: เชื่อม รพ. กับผู้ป่วยโดยตรง | นำร่อง NCD + consult</div>
      </div>
    </div>

    <div class="highlight-grid">
      <div class="highlight-card"><strong>Consult จากเยี่ยมบ้าน</strong>ใช้ Telemedicine consult case ระหว่างเยี่ยมบ้าน ผู้ป่วยได้รับการแก้ปัญหาถูกต้อง เหมาะสม ทันท่วงที</div>
      <div class="highlight-card"><strong>รพ.สต. 100% ทุกปี</strong>ตั้งแต่ปี 2566 รพ.สต. ทุก 6 แห่ง ใช้บริการ Telemedicine</div>
      <div class="highlight-card"><strong>เติบโตก้าวกระโดด</strong>2566: 48 → 2567: 1,110 ครั้ง — เพิ่มขึ้น 23 เท่าใน 1 ปี</div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>จำนวนผู้ป่วยผ่านระบบ Telemedicine</td><td class="target-col">&gt;10 ครั้ง/ปี</td><td class="cell-na">NA</td><td class="cell-na">NA</td><td class="cell-good">48</td><td class="cell-good">1,110 🚀</td><td class="cell-good">536</td></tr>
          <tr><td>รพ.สต. ที่ใช้บริการ Telemedicine</td><td class="target-col">80%</td><td class="cell-na">NA</td><td class="cell-na">NA</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td></tr>
          <tr><td>ความพึงพอใจผู้รับบริการ</td><td class="target-col">80%</td><td class="cell-na">NA</td><td class="cell-na">NA</td><td class="cell-good">100%</td><td class="cell-good">100%</td><td class="cell-good">100%</td></tr>
        </tbody>
      </table>
    </div>
    <div class="key-msg"><div class="km-label">🔑 Key Message</div>แม้ Score=1/DALI D แต่ผลการดำเนินงานจริงเกินเป้าอย่างชัดเจน — ครอบคลุม รพ.สต. 100%, พึงพอใจ 100%, ปริมาณเพิ่มจาก 48 เป็น 1,110 ครั้งใน 1 ปี สะท้อนศักยภาพสูงพร้อมยกระดับ Score</div>
  </div>
</section>

<hr class="divider">

<!-- ========== HOMEWARD ========== -->
<section id="sec-homeward">
  <div class="sec-header">
    <div class="sec-icon">ญ</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 80 | III-4.3 ญ</div>
      <h2>การดูแลสุขภาพของผู้ป่วยที่บ้าน (Homeward)</h2>
      <p>อยู่ระหว่างวาง Phase พัฒนา — นำร่อง COVID-19 Home Isolation</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">
    <div class="ctx-panel">
      <div class="ctx-label">บริบทและกลุ่มเป้าหมาย</div>
      <ul>
        <li>กลุ่ม Homeward ตาม สปสช.: UTI, Pneumonia, Bedsore, DM type II, HT, COVID-19</li>
        <li>เป้าหมาย: ลดความแออัด รพ. · เพิ่มทางเลือกผู้ป่วยเรื้อรัง · ลดภาวะแทรกซ้อนจากนอน รพ. นาน</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 80</div>
        <div class="sc-name">การดูแลสุขภาพที่บ้าน [III-4.3 ญ]</div>
        <div class="score-badge-row"><div class="score-val">1</div><span class="dali-badge dali-D">DALI: D</span></div>
        <div class="sc-plan">Phase 1: COVID-19 Home Isolation (นำร่อง) | Phase 2: กำหนดกลุ่ม Homeward ตาม สปสช.</div>
      </div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>จำนวนผู้ป่วยที่เข้าระบบ Homeward</td><td class="target-col">&gt;3 คน/ปี</td><td class="cell-na">NA</td><td class="cell-na">NA</td><td class="cell-na">NA</td><td class="cell-na">–</td><td class="cell-na">–</td></tr>
        </tbody>
      </table>
    </div>
    <div class="key-msg"><div class="km-label">🔑 Key Message</div>ระบบ Homeward อยู่ในช่วงวาง Phase — ผลลัพธ์ยังไม่มีข้อมูล รพ.รับรู้สถานะและมีแผนพัฒนาชัดเจน</div>
  </div>
</section>

<hr class="divider">

<!-- ========== III-5 ========== -->
<section id="sec-iii5">
  <div class="sec-header">
    <div class="sec-icon">III-5</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 81</div>
      <h2>การให้ข้อมูลและเสริมพลังผู้ป่วย/ครอบครัว</h2>
      <p>เสริมพลังผู้ป่วยเรื้อรัง / Palliative / ผู้สูงอายุ ให้จัดการสุขภาพตนเองได้</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">
    <div class="ctx-panel">
      <div class="ctx-label">กลุ่มที่มีความต้องการพิเศษ</div>
      <ul>
        <li>โรคเรื้อรัง: Stroke, DM, HT, COPD, Asthma, Schizophrenia, Depression, TB, AIDS</li>
        <li>Palliative: มะเร็ง ไตวาย CVA และครอบครัว/ผู้ดูแล</li>
        <li>ผู้สูงอายุ / ปัญหาการรับรู้ (มองไม่เห็น/หูไม่ดี/อ่านไม่ได้)</li>
        <li>ผู้ดูแลที่ไม่มีเวลา / มีปัญหาเศรษฐานะ</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 81</div>
        <div class="sc-name">การให้ข้อมูลและเสริมพลัง [III-5]</div>
        <div class="score-badge-row"><div class="score-val">3</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">บุคคลต้นแบบเพื่อนเบาหวาน · คู่มือฉุกเฉิน DM/HT · นวัตกรรมปิงปองจราจร 7 สี</div>
      </div>
    </div>

    <div class="highlight-grid">
      <div class="highlight-card"><strong>คู่มือดูแลตนเองฉุกเฉิน</strong>ก่อนให้ความรู้ 70.5% → หลัง 86.25% — เพิ่มขึ้น 15.75%</div>
      <div class="highlight-card"><strong>ปิงปองจราจร 7 สี</strong>เสริมแรงจูงใจติดตามผลการรักษาผู้ป่วยเรื้อรัง</div>
      <div class="highlight-card"><strong>เพื่อนเบาหวาน</strong>บุคคลต้นแบบแลกเปลี่ยนเรียนรู้การปรับพฤติกรรม / กำลังใจซึ่งกันและกัน</div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>Re-admit 28 วัน โรค DM</td><td class="target-col">&lt;5%</td><td class="cell-good">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td><td class="cell-good">0%</td></tr>
          <tr><td>Re-admit 28 วัน โรค COPD</td><td class="target-col">&lt;5%</td><td class="cell-bad">10.32%</td><td class="cell-bad">17.65%</td><td class="cell-bad">11.61%</td><td class="cell-bad">13.46%</td><td class="cell-bad">10.92%</td></tr>
          <tr><td>Asthma ทักษะใช้ยาพ่นถูกต้อง</td><td class="target-col">&gt;85%</td><td class="cell-bad">81.59%</td><td class="cell-good">87.16%</td><td class="cell-bad">81.07%</td><td class="cell-bad">80.58%</td><td class="cell-bad">81.19%</td></tr>
          <tr><td>DM HbA1c &lt;7% (ควบคุมได้ดี)</td><td class="target-col">&gt;40%</td><td class="cell-bad">35.50%</td><td class="cell-bad">31.03%</td><td class="cell-bad">31.67%</td><td class="cell-bad">35.36%</td><td class="cell-good">41.24% ✓</td></tr>
          <tr><td>HT ควบคุม BP &lt;140/90 mmHg</td><td class="target-col">&gt;60%</td><td class="cell-bad">56.07%</td><td class="cell-good">71.00%</td><td class="cell-good">67.20%</td><td class="cell-good">69.69%</td><td class="cell-bad">58.73%</td></tr>
        </tbody>
      </table>
    </div>
    <div class="insight-box"><div class="i-label">📊 Insight</div>DM HbA1c &lt;7% ปี 2568 บรรลุเป้าครั้งแรก (41.24%) — สะท้อนผลของ DM Remission Clinic และการเสริมพลัง | COPD Re-admit ยังสูง (10–17%) ต้องทบทวนการให้ข้อมูลก่อนจำหน่าย | HT BP control ปี 2568 ลดลงเหลือ 58.73% เป็นสัญญาณเตือน</div>
  </div>
</section>

<hr class="divider">

<!-- ========== III-6 ========== -->
<section id="sec-iii6">
  <div class="sec-header">
    <div class="sec-icon">III-6</div>
    <div class="sec-title-block">
      <div class="sec-std">มาตรฐาน 82</div>
      <h2>การดูแลต่อเนื่อง</h2>
      <p>เครือข่าย 6 รพ.สต. — ระบบติดตามผู้ป่วยเรื้อรัง จิตเวช HIV Palliative ครบวงจร</p>
    </div>
    <button class="collapse-btn" onclick="toggleSection(this)">ย่อ ▲</button>
  </div>
  <div class="sec-body">
    <div class="ctx-panel">
      <div class="ctx-label">บริบท</div>
      <ul>
        <li><strong>ระดับบริการ:</strong> F2 — ทุติยภูมิระดับต้น <strong>45 เตียง</strong></li>
        <li><strong>เครือข่าย:</strong> รพ.สต. ขนาดเล็กและขนาดกลาง 6 แห่ง ในอำเภอป่าพะยอม</li>
        <li><strong>กลุ่มที่ต้องการดูแลต่อเนื่อง:</strong> DM, HT, COPD, Asthma, TB, Schizophrenia, Depressive disorder, Palliative, HIV/AIDS, ติดเตียง, พึ่งพาอุปกรณ์ทางการแพทย์, ผู้พิการ</li>
      </ul>
    </div>

    <div class="score-row">
      <div class="score-card">
        <div class="sc-num">มาตรฐาน 82</div>
        <div class="sc-name">การดูแลต่อเนื่อง [III-6]</div>
        <div class="score-badge-row"><div class="score-val">3.5</div><span class="dali-badge dali-L">DALI: L</span></div>
        <div class="sc-plan">Palliative Care เชื่อมชุมชน · Drug Reconcile ผู้ป่วยเรื้อรัง · เยี่ยมบ้านตรวจสุขภาพผู้ป่วยติดเตียง · แกนนำสุขภาพจิตชุมชน</div>
      </div>
    </div>

    <div class="highlight-grid">
      <div class="highlight-card"><strong>Palliative Community Network</strong>พัฒนาระบบดูแลต่อเนื่องเชื่อมสู่ชุมชน จนผู้ป่วย 91–100% เสียชีวิตที่บ้านตามต้องการ</div>
      <div class="highlight-card"><strong>Drug Reconcile</strong>ระบบยาในผู้ป่วยเรื้อรัง ลดความสับสนเมื่อส่งต่อหรือจำหน่าย</div>
      <div class="highlight-card"><strong>ตรวจสุขภาพผู้ป่วยติดเตียง</strong>ตรวจสุขภาพประจำปีโดยทีม ที่บ้านผู้ป่วยติดเตียงที่ไม่สามารถมา รพ.</div>
      <div class="highlight-card"><strong>ARV Adherence สม่ำเสมอ</strong>ความสม่ำเสมอในการรับยา ARV &gt;95% ทุกปี (98–99%)</div>
    </div>

    <div class="chart-wrap">
      <div class="chart-title">การดูแลต่อเนื่องกลุ่มสำคัญ (%) ปี 2564–2568</div>
      <div class="chart-canvas-wrap"><canvas id="chartCont"></canvas></div>
    </div>

    <div class="results-table-wrap">
      <table class="results-table">
        <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr></thead>
        <tbody>
          <tr><td>ขาดนัดคลินิก DM</td><td class="target-col">&lt;5%</td><td class="cell-good">3.44%</td><td class="cell-good">4.51%</td><td class="cell-good">3.74%</td><td class="cell-good">3.71%</td><td class="cell-good">4.22%</td></tr>
          <tr><td>ขาดนัดคลินิกโรคเรื้อรัง</td><td class="target-col">&lt;5%</td><td class="cell-bad">5.80%</td><td class="cell-bad">5.88%</td><td class="cell-good">4.78%</td><td class="cell-good">4.25%</td><td class="cell-good">4.11%</td></tr>
          <tr><td>ARV Adherence HIV clinic</td><td class="target-col">&gt;95%</td><td class="cell-good">99.12%</td><td class="cell-good">98.30%</td><td class="cell-good">99.00%</td><td class="cell-good">98.41%</td><td class="cell-good">98.52%</td></tr>
          <tr><td>ผู้ป่วยเรื้อรังเยี่ยมบ้าน</td><td class="target-col">&gt;80%</td><td class="cell-good">82.97%</td><td class="cell-good">89.42%</td><td class="cell-good">90.10%</td><td class="cell-good">94.10%</td><td class="cell-good">90.40%</td></tr>
          <tr><td>ผู้ป่วยจิตเวชได้รับการดูแลต่อเนื่อง</td><td class="target-col">&gt;80%</td><td class="cell-good">98.35%</td><td class="cell-good">95.42%</td><td class="cell-good">96.31%</td><td class="cell-good">95.06%</td><td class="cell-good">96.64%</td></tr>
          <tr><td>ผู้ป่วย ARV ได้รับการดูแลต่อเนื่อง</td><td class="target-col">&gt;90%</td><td class="cell-good">99.10%</td><td class="cell-good">98.30%</td><td class="cell-good">99.00%</td><td class="cell-good">98%</td><td class="cell-good">98.5%</td></tr>
          <tr><td>ความพึงพอใจ Palliative</td><td class="target-col">&gt;85%</td><td class="cell-good">96.76%</td><td class="cell-good">98.13%</td><td class="cell-good">97.26%</td><td class="cell-good">96.57%</td><td class="cell-good">98.28%</td></tr>
        </tbody>
      </table>
    </div>
    <div class="key-msg"><div class="km-label">🔑 Key Message</div>การดูแลต่อเนื่องผู้ป่วยจิตเวชและ HIV/ARV เกินเป้าทุกปี (&gt;95%) สะท้อนระบบเครือข่ายที่เข้มแข็ง | ขาดนัดโรคเรื้อรังปรับปรุงดีขึ้นต่อเนื่องจาก 5.88 → 4.11%</div>
  </div>
</section>

<hr class="divider">

<!-- ========== CONCLUSION ========== -->
<section id="conclusion">
  <div class="sec-header">
    <div class="sec-icon">🏆</div>
    <div class="sec-title-block">
      <div class="sec-std">สรุป</div>
      <h2>จุดแข็ง · ความท้าทาย · ทิศทางพัฒนา</h2>
      <p>สรุปจากข้อมูลในเอกสาร SAR III รพ.ป่าพะยอม</p>
    </div>
  </div>
  <div class="sec-body">

    <!-- SYSTEM MATURITY -->
    <div class="card" style="border-left: 4px solid var(--green-deep);">
      <h3 style="font-family:var(--font-head);font-size:1rem;color:var(--green-deep);margin-bottom:12px;">⭐ จุดแข็งของ SAR III รพ.ป่าพะยอม</h3>
      <div class="grid-2">
        <div>
          <p style="font-size:.83rem;font-weight:600;color:var(--green-mid);margin-bottom:6px;">ด้านความปลอดภัย</p>
          <ul style="font-size:.82rem;color:var(--gray-700);padding-left:18px;">
            <li>วิสัญญี + ห้องผ่าตัด: 0 ภาวะแทรกซ้อนตลอด 5 ปี</li>
            <li>ผ่าตัดผิดคน/ผิดข้าง = 0 ทุกปี</li>
            <li>DHF Shock = 0 · DKA ใน รพ. = 0</li>
            <li>Birth Asphyxia ลดจาก 24 → 0 ใน 3 ปี</li>
          </ul>
        </div>
        <div>
          <p style="font-size:.83rem;font-weight:600;color:var(--green-mid);margin-bottom:6px;">ด้านบริการเฉพาะ</p>
          <ul style="font-size:.82rem;color:var(--gray-700);padding-left:18px;">
            <li>Palliative Care ครบวงจร เสียชีวิตที่บ้าน 91–100%</li>
            <li>ต้อกระจก 149 → 287 ราย/ปี ปลอดภัย 100%</li>
            <li>IMC เยี่ยมบ้านครบ 95–100% ทุกปี</li>
            <li>ARV / Psychiatric continuity &gt;95% ทุกปี</li>
          </ul>
        </div>
      </div>
    </div>

    <div class="card" style="border-left: 4px solid var(--amber);">
      <h3 style="font-family:var(--font-head);font-size:1rem;color:#9a7c2a;margin-bottom:12px;">🔶 ความท้าทาย/โอกาสพัฒนาที่ควรติดตาม</h3>
      <ul style="font-size:.82rem;color:var(--gray-700);padding-left:18px;">
        <li>On-set to Door Stroke ปี 2567 ต่ำที่สุด (23.70%) แม้ 2568 กระเตื้อง (35.13%) แต่ยังห่างเป้า 80%</li>
        <li>STEMI ส่งต่อภายใน 80 นาที: ปี 2568 = 62.5% ยัง variation — ต้องพัฒนามาตรฐานกระบวนการ</li>
        <li>Appendicitis accuracy (&lt;45% vs >80%) ทุกปี — ต้องพัฒนา Alvarado Score / Lab decision</li>
        <li>EMS ตอบสนองภายใน 10 นาที ปี 2568 ดีขึ้นเป็น 63.98% แต่ยังต่ำกว่าเป้า 70%</li>
        <li>Telemedicine Score=1/DALI D แต่ผลลัพธ์จริงเกินเป้าทุกตัว — โอกาสยกระดับ Score</li>
        <li>แพทย์แผนไทย Score=2/DALI A — ผลลัพธ์ดีขึ้นชัดเจน 2 ปีหลัง แต่กระบวนการยังต้องยกระดับ</li>
        <li>CKD ACEI/ARB ลดลงต่อเนื่อง (70 → 56.49%) — ต้องทบทวนกระบวนการสั่งยา</li>
        <li>ตกเลือดหลังคลอดปี 2568 สูงขึ้น (3.44%) — ต้องทบทวนปัจจัยและกระบวนการ</li>
      </ul>
    </div>

    <div class="card" style="border-left: 4px solid var(--navy);">
      <h3 style="font-family:var(--font-head);font-size:1rem;color:var(--navy);margin-bottom:12px;">🔭 ทิศทางการพัฒนาต่อไป</h3>
      <ul style="font-size:.82rem;color:var(--gray-700);padding-left:18px;">
        <li>เร่งพัฒนา Smart ER/Smart OPD ครบ 3 องค์ประกอบ ตามแผน Smart Hospital</li>
        <li>ขยาย Telemedicine Phase 2 ให้เชื่อมผู้ป่วยโดยตรง เก็บข้อมูลผลลัพธ์</li>
        <li>ยกระดับ Homeward Program ให้ครอบคลุม 5 กลุ่มโรคตาม สปสช.</li>
        <li>พัฒนา Stroke Community Awareness ร่วม อสม./รพ.สต. เพิ่ม On-set to Door</li>
        <li>ทบทวน ACEI/ARB ใน CKD และ CKD Screening ให้บรรลุ 80%</li>
        <li>ยกระดับแพทย์แผนไทยสู่ DALI L ผ่านการบูรณาการสหวิชาชีพและพัฒนาบุคลากร</li>
        <li>DM Remission Clinic ขยายความครอบคลุม รักษา HbA1c &lt;7% ให้คงที่ &gt;40%</li>
        <li>ฝึกทักษะ ACP/Family Meeting ให้บุคลากรทุกคนที่ดูแลผู้ป่วยระยะท้าย</li>
      </ul>
    </div>

  </div>
</section>

</div><!-- /content-area -->
</div><!-- /main -->
</div><!-- /page-wrap -->

<!-- BACK TO TOP -->
<button id="back-top" onclick="window.scrollTo({top:0,behavior:'smooth'})">↑</button>

<!-- MOBILE NAV TOGGLE -->
<button id="menu-toggle" onclick="document.getElementById('sidebar').classList.toggle('open')">☰</button>

<!-- ========== JAVASCRIPT ========== -->
<script>
// ===== COLLAPSE SECTIONS =====
function toggleSection(btn) {
  const body = btn.closest('.sec-header').nextElementSibling;
  const collapsed = body.classList.toggle('collapsed');
  btn.textContent = collapsed ? 'ขยาย ▼' : 'ย่อ ▲';
}

// ===== VIEW FILTER =====
function setView(mode) {
  document.querySelectorAll('.view-btn').forEach(b => b.classList.remove('active'));
  event.target.classList.add('active');

  const allCards = document.querySelectorAll('.sec-body');
  const resultEls = document.querySelectorAll('.results-table-wrap, .chart-wrap');
  const issueEls = document.querySelectorAll('.score-row, .ctx-panel');

  allCards.forEach(b => b.classList.remove('collapsed'));

  if (mode === 'results') {
    document.querySelectorAll('.sec-body').forEach(b => {
      const hasResult = b.querySelector('.results-table-wrap');
      if (!hasResult) b.classList.add('collapsed');
    });
  } else if (mode === 'issues') {
    document.querySelectorAll('.sec-body').forEach(b => {
      const hasScore = b.querySelector('.score-row');
      if (!hasScore) b.classList.add('collapsed');
    });
  }
  // 'all' => show all (already done above)
}

// ===== SEARCH =====
const searchInput = document.getElementById('searchInput');
searchInput.addEventListener('input', function () {
  const q = this.value.trim().toLowerCase();
  // Remove previous highlights
  document.querySelectorAll('.hl').forEach(el => {
    el.outerHTML = el.textContent;
  });
  if (!q) return;

  const walker = document.createTreeWalker(
    document.getElementById('main'),
    NodeFilter.SHOW_TEXT,
    { acceptNode: n => n.textContent.toLowerCase().includes(q) && n.parentElement.tagName !== 'SCRIPT' && n.parentElement.tagName !== 'STYLE' ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT }
  );
  const nodes = [];
  while (walker.nextNode()) nodes.push(walker.currentNode);
  nodes.forEach(node => {
    const regex = new RegExp(`(${q})`, 'gi');
    const span = document.createElement('span');
    span.innerHTML = node.textContent.replace(regex, '<mark class="hl">$1</mark>');
    node.parentNode.replaceChild(span, node);
  });
  // Scroll to first match
  const first = document.querySelector('.hl');
  if (first) first.scrollIntoView({ behavior: 'smooth', block: 'center' });
});

// ===== BACK TO TOP =====
window.addEventListener('scroll', () => {
  document.getElementById('back-top').classList.toggle('visible', window.scrollY > 400);
});

// ===== ACTIVE NAV HIGHLIGHT =====
const sections = document.querySelectorAll('section[id]');
const navLinks = document.querySelectorAll('#sidebar .nav-item');
const observer = new IntersectionObserver(entries => {
  entries.forEach(e => {
    if (e.isIntersecting) {
      navLinks.forEach(l => l.classList.remove('active'));
      const active = document.querySelector(`#sidebar a[href="#${e.target.id}"]`);
      if (active) active.classList.add('active');
    }
  });
}, { threshold: 0.3 });
sections.forEach(s => observer.observe(s));

// ===== CLOSE SIDEBAR ON MOBILE LINK CLICK =====
navLinks.forEach(l => l.addEventListener('click', () => {
  document.getElementById('sidebar').classList.remove('open');
}));

// ===== CHARTS =====
const YEARS = ['2564', '2565', '2566', '2567', '2568'];
const GRN   = '#2da870';
const NAVY  = '#1b3a5c';
const GOLD  = '#c8a850';
const RED   = '#d94f4f';
const AMB   = '#e8943a';

// Mental Health Access
const ctxMH = document.getElementById('chartMH');
if (ctxMH) {
  new Chart(ctxMH, {
    type: 'line',
    data: {
      labels: YEARS,
      datasets: [
        { label: 'Depressive Disorder', data: [60.21, 70.58, 78.47, 95.72, 100], borderColor: GRN, backgroundColor: 'rgba(45,168,112,.1)', tension: .4, fill: true },
        { label: 'Schizophrenia', data: [91.73, 96.95, 98.26, 100, 100], borderColor: NAVY, backgroundColor: 'rgba(27,58,92,.07)', tension: .4, fill: false }
      ]
    },
    options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'bottom', labels: { font: { family: 'Sarabun', size: 11 } } } }, scales: { y: { min: 50, max: 105, ticks: { font: { family: 'Sarabun', size: 10 } } }, x: { ticks: { font: { family: 'Sarabun', size: 10 } } } } }
  });
}

// Access indicators
const ctxAcc = document.getElementById('chartAccess');
if (ctxAcc) {
  new Chart(ctxAcc, {
    type: 'bar',
    data: {
      labels: YEARS,
      datasets: [
        { label: 'รอ OPD (นาที)', data: [54, 58, 56, 62, 58], backgroundColor: 'rgba(27,58,92,.7)', yAxisID: 'y' },
        { label: 'STEMI ส่งต่อ 80 นาที (%)', data: [75, 90, 50, 41.6, 62.5], type: 'line', borderColor: RED, backgroundColor: 'transparent', tension: .4, yAxisID: 'y2' }
      ]
    },
    options: {
      responsive: true, maintainAspectRatio: false,
      plugins: { legend: { position: 'bottom', labels: { font: { family: 'Sarabun', size: 11 } } } },
      scales: {
        y:  { position: 'left',  title: { display: true, text: 'นาที', font: { size: 10 } }, ticks: { font: { size: 10 } } },
        y2: { position: 'right', title: { display: true, text: '%', font: { size: 10 } }, min: 0, max: 110, ticks: { font: { size: 10 } }, grid: { drawOnChartArea: false } },
        x: { ticks: { font: { family: 'Sarabun', size: 10 } } }
      }
    }
  });
}

// Palliative pie
const ctxPall = document.getElementById('chartPall');
if (ctxPall) {
  new Chart(ctxPall, {
    type: 'doughnut',
    data: {
      labels: ['CVA/Stroke (48.65%)', 'มะเร็ง (32.43%)', 'CHF (24.32%)', 'ไตวายระยะสุดท้าย (13.51%)', 'COPD (12.16%)'],
      datasets: [{ data: [36, 24, 18, 10, 9], backgroundColor: ['#1b3a5c','#1a7a5a','#c8a850','#e8943a','#d94f4f'], borderWidth: 2, borderColor: '#fff' }]
    },
    options: {
      responsive: true, maintainAspectRatio: false,
      plugins: { legend: { position: 'bottom', labels: { font: { family: 'Sarabun', size: 10 }, boxWidth: 12 } }, title: { display: true, text: 'ปี 2568 (74 ราย) — CVA ขึ้นเป็นอันดับ 1 แทนมะเร็ง', font: { family: 'Sarabun', size: 11 } } }
    }
  });
}

// Rehab
const ctxRehab = document.getElementById('chartRehab');
if (ctxRehab) {
  new Chart(ctxRehab, {
    type: 'bar',
    data: {
      labels: YEARS,
      datasets: [
        { label: 'Barthel >15 (%)', data: [71.42, 61.36, 70.83, 77.61, 73.68], backgroundColor: GRN },
        { label: 'ภาวะแทรกซ้อน (%)', data: [5.2, 11.36, 8.3, 10.44, 7.89], backgroundColor: RED }
      ]
    },
    options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'bottom', labels: { font: { family: 'Sarabun', size: 11 } } } }, scales: { y: { min: 0, max: 90, ticks: { font: { size: 10 } } }, x: { ticks: { font: { family: 'Sarabun', size: 10 } } } } }
  });
}

// Continuity
const ctxCont = document.getElementById('chartCont');
if (ctxCont) {
  new Chart(ctxCont, {
    type: 'line',
    data: {
      labels: YEARS,
      datasets: [
        { label: 'จิตเวชดูแลต่อเนื่อง', data: [98.35, 95.42, 96.31, 95.06, 96.64], borderColor: NAVY, tension: .4 },
        { label: 'ARV ดูแลต่อเนื่อง', data: [99.10, 98.30, 99.00, 98, 98.5], borderColor: GRN, tension: .4 },
        { label: 'ขาดนัดโรคเรื้อรัง', data: [5.80, 5.88, 4.78, 4.25, 4.11], borderColor: AMB, tension: .4, borderDash: [5,3] }
      ]
    },
    options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'bottom', labels: { font: { family: 'Sarabun', size: 11 } } } }, scales: { y: { min: 0, max: 105, ticks: { font: { size: 10 } } }, x: { ticks: { font: { family: 'Sarabun', size: 10 } } } } }
  });
}
</script>
</body>
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit