🏥

HomeCare Pro

ระบบจัดการศูนย์ดูแลผู้สูงอายุ

ตั้งค่าเริ่มต้น

ชื่อศูนย์/องค์กร *

เบอร์โทรศัพท์

ที่อยู่

PIN ผู้ดูแลระบบ (Admin) *

ยืนยัน PIN Admin *

PIN พนักงาน (Staff) *

ยืนยัน PIN Staff *

ชื่อศูนย์ หรือ Agency ID *

กรอกชื่อศูนย์ หรือ Agency ID (ดูได้ที่ ตั้งค่า → ข้อมูลศูนย์ บนอุปกรณ์เดิม)

HomeCare Pro

ระบบจัดการศูนย์ดูแลผู้สูงอายุ

เข้าสู่ระบบเพื่อเริ่มใช้งาน

มีรหัส PIN อยู่แล้ว?

—

Family Portal — HomeCare Pro

🏠 Dashboard

📅 Visits วันนี้

💰 ค้างชำระ

📋 ค่าใช้จ่ายล่าสุด

⚙️ ตั้งค่า

ข้อมูลองค์กร

ชื่อศูนย์/องค์กร

เบอร์โทร

ที่อยู่

PromptPay (เบอร์/เลขบัตร)

⚠️ QR code สร้างผ่านบริการภายนอก (promptpay.io) — ไม่แนะนำใส่เลขบัตรประชาชนจริง

เลขที่ใบอนุญาต (กรมสบส.)

ประเภทศูนย์ (ตามกรมสบส.)

เปลี่ยน PIN

PIN Admin ใหม่

ยืนยัน PIN Admin

PIN Staff ใหม่

ยืนยัน PIN Staff

💰 อัตราค่าเวร — Shift Cost Calculation

รูปแบบการคำนวณค่าแรงต่อกะ

ข้อมูลและสำรองข้อมูล

✉️ ข้อความจากครอบครัว (Family Messages)

กดรีเฟรชเพื่อดูข้อความค่ะ

🗄️ Supabase Cloud Database

กำลังตรวจสอบการเชื่อมต่อ...

Project URL: https://thrpwytpmxycefjxhbuo.supabase.co | Agency ID: —

🪪 กรอกเร็วด้วยบัตรประชาชน

ถ่ายรูป/อัปโหลดหน้าบัตร ระบบจะอ่านข้อมูลให้อัตโนมัติ

ชื่อ-นามสกุล *

วันเกิด

กรอกปี ค.ศ. (พ.ศ. ระบบแปลงให้อัตโนมัติ)

เพศ

โรคประจำตัว

แพ้ยา

ที่อยู่

ผู้ติดต่อฉุกเฉิน

เบอร์ผู้ติดต่อ

ความสัมพันธ์

อัตราค่าบริการ (บาท/เดือน)

วันเริ่มต้นบริการ

สถานะ

หมายเหตุ

👨‍👩‍👧 รหัส Family Portal (สำหรับให้ญาติ Login ดูข้อมูล)

ตัวอักษรและตัวเลข 4-6 ตัว — ส่งให้ญาติเพื่อ Login ที่หน้า Family Portal

ยินยอมให้เก็บ/ใช้ข้อมูลส่วนบุคคลตาม PDPA ศูนย์ขอเก็บข้อมูลส่วนบุคคล (ชื่อ ที่อยู่ เบอร์ติดต่อ ข้อมูลสุขภาพ) เพื่อการดูแลและติดต่อประสานงานเท่านั้น

Barthel Index Score (0-100)

ระดับการพึ่งพิง

ประวัติหกล้มใน 3 เดือนที่ผ่านมา

โรคประจำตัว 2 โรคขึ้นไป

อุปกรณ์ช่วยเดิน

การเดิน / สมดุลร่างกาย

1. การรับรู้ความรู้สึก

2. ความชื้นของผิวหนัง

3. กิจกรรมที่ทำได้

4. ความสามารถในการเคลื่อนไหว

5. โภชนาการ / การกินอาหาร

6. แรงเสียดทาน / การเลื่อนไถล

ความต้องการด้านกายภาพ

ความต้องการด้านการแพทย์

ความต้องการด้านจิตสังคม

Tasks ที่ต้องทำทุก Visit (checklist)

</div>
      </div>
    </div>
    
    <div id="ctab-medications" class="hidden">
      <div id="med-list-client" class="space-y-2 mb-3"></div>
      <div class="border border-dashed border-blue-300 rounded-lg p-3">
        <p class="text-sm font-medium text-gray-600 mb-2">เพิ่มยา</p>
        <div class="grid grid-cols-2 gap-2">
          <input id="med-name" placeholder="ชื่อยา *" />
          <input id="med-dose" placeholder="ขนาด เช่น 5mg" />
          <input id="med-time" placeholder="เวลา เช่น 08:00, 20:00" />
          <input id="med-by" placeholder="แพทย์ผู้สั่ง" />
          <div class="col-span-2"><input id="med-notes" placeholder="หมายเหตุ" /></div>
          <button class="btn btn-primary col-span-2" onclick="addMedication()">+ เพิ่มยา</button>
        </div>
      </div>
    </div>
    
    <div id="ctab-vitals" class="hidden">
      <div id="vitals-history" class="space-y-2 mb-3 max-h-48 overflow-y-auto"></div>
      <div class="border border-dashed border-blue-300 rounded-lg p-3">
        <p class="text-sm font-medium text-gray-600 mb-2">บันทึก Vital Signs</p>
        <div class="grid grid-cols-2 gap-2">
          <input id="v-bp" placeholder="ความดัน เช่น 120/80" />
          <input id="v-pulse" placeholder="ชีพจร (ครั้ง/นาที)" type="number" />
          <input id="v-temp" placeholder="อุณหภูมิ (°C)" type="number" step="0.1" />
          <input id="v-o2" placeholder="O2 Sat (%)" type="number" />
          <input id="v-sugar" placeholder="น้ำตาลในเลือด (mg/dL)" type="number" />
          <input id="v-weight" placeholder="น้ำหนัก (kg)" type="number" step="0.1" />
          <div class="col-span-2"><button class="btn btn-primary w-full" onclick="addVitalRecord()">บันทึก</button></div>
        </div>
      </div>
    </div>
    
    <div id="ctab-stock" class="hidden">
      <div class="flex justify-between items-center mb-3">
        <p class="text-sm font-semibold text-gray-700">📦 ของใช้ส่วนตัว</p>
        <div class="flex gap-1">
          <button class="btn btn-gray text-xs py-1" onclick="addDefaultStockItems()">🔄 รายการมาตรฐาน</button>
          <button class="btn btn-primary text-xs py-1" onclick="toggleAddStockForm(true)">+ เพิ่ม</button>
        </div>
      </div>
      <div id="add-stock-form" class="hidden bg-blue-50 border border-blue-200 rounded-lg p-3 mb-3">
        <p class="text-xs font-semibold text-blue-700 mb-2">เพิ่มรายการใหม่</p>
        <div class="grid grid-cols-2 gap-2">
          <div class="col-span-2"><input id="si-name" placeholder="ชื่อของใช้ *" /></div>
          <select id="si-category">
            <option value="incontinence">🩺 ผ้าอ้อม/แผ่นรอง</option>
            <option value="hygiene">🧴 ของใช้ส่วนตัว</option>
            <option value="clothing">👕 เสื้อผ้า/ผ้า</option>
            <option value="medical">💊 ยา/อุปกรณ์</option>
            <option value="food">🍎 อาหาร/เครื่องดื่ม</option>
            <option value="other">📦 อื่นๆ</option>
          </select>
          <input id="si-unit" placeholder="หน่วย เช่น ชิ้น, แพ็ค" />
          <input id="si-qty" type="number" placeholder="จำนวนเริ่มต้น" min="0" />
          <input id="si-min" type="number" placeholder="แจ้งเตือนเมื่อเหลือน้อยกว่า" min="1" />
        </div>
        <div class="flex gap-2 mt-2 justify-end">
          <button class="btn btn-gray text-xs py-1" onclick="toggleAddStockForm(false)">ยกเลิก</button>
          <button class="btn btn-primary text-xs py-1" onclick="saveNewStockItem()">บันทึก</button>
        </div>
      </div>
      <div id="client-stock-list" class="space-y-2 max-h-80 overflow-y-auto pr-1"></div>
    </div>

<div class="modal-save-bar flex justify-end gap-3">
      <button class="btn btn-gray" onclick="closeModal('client-modal')">ยกเลิก</button>
      <button class="btn btn-primary flex-1 sm:flex-none" onclick="saveClient()" style="min-width:140px">บันทึกลูกค้า</button>
    </div>
  </div>
</div>

<div id="client-detail-modal" class="modal-overlay hidden"></div>

<div id="stock-tx-modal" class="modal-overlay hidden" onclick="closeModal('stock-tx-modal',event)">
  <div class="modal-box p-6" style="max-width:400px">
    <div class="flex justify-between items-center mb-4">
      <h2 class="text-base font-bold text-gray-800" id="stock-tx-title">บันทึกรายการ</h2>
      <button onclick="closeModal('stock-tx-modal')" class="modal-close-btn">✕</button>
    </div>
    <div class="space-y-3">
      <div>
        <label class="form-label">ประเภท</label>
        <div class="flex gap-4">
          <label class="flex items-center gap-2 text-sm cursor-pointer">
            <input type="radio" name="tx-type" id="tx-use" value="use" checked onchange="document.getElementById('tx-type-label').textContent='เบิกใช้ (หักออกจาก stock)';document.getElementById('tx-qty-label').textContent='จำนวนที่เบิก *'" />
            🔻 เบิกใช้
          </label>
          <label class="flex items-center gap-2 text-sm cursor-pointer">
            <input type="radio" name="tx-type" id="tx-restock" value="restock" onchange="document.getElementById('tx-type-label').textContent='เติมของ (เพิ่มเข้า stock)';document.getElementById('tx-qty-label').textContent='จำนวนที่เติม *'" />
            🔺 เติมของ
          </label>
        </div>
        <p id="tx-type-label" class="text-xs text-gray-400 mt-1">เบิกใช้ (หักออกจาก stock)</p>
      </div>
      <div>
        <label class="form-label" id="tx-qty-label">จำนวนที่เบิก *</label>
        <input id="tx-qty" type="number" min="1" value="1" />
      </div>
      <div><label class="form-label">วันที่</label><input id="tx-date" type="text" inputmode="numeric" placeholder="วว/ดด/ปปปป" onblur="onDateBlur(this)" /></div>
      <div><label class="form-label">หมายเหตุ</label><input id="tx-notes" placeholder="เช่น เบิกตอนอาบน้ำเช้า, ญาตินำมาเติม" /></div>
      <div id="tx-stock-info" class="bg-gray-50 rounded p-2 text-xs text-gray-600"></div>
    </div>
    <input type="hidden" id="tx-item-id" />
    <div class="flex justify-end gap-2 mt-4">
      <button class="btn btn-gray" onclick="closeModal('stock-tx-modal')">ยกเลิก</button>
      <button class="btn btn-primary" onclick="saveStockTransaction()">บันทึก</button>
    </div>
  </div>
</div>

<div id="staff-modal" class="modal-overlay hidden" onclick="closeModal('staff-modal',event)">
  <div class="modal-box modal-wide p-6">
    <div class="flex justify-between items-center mb-4">
      <h2 class="text-lg font-bold text-gray-800" id="staff-modal-title">เพิ่มพนักงาน</h2>
      <button onclick="closeModal('staff-modal')" class="modal-close-btn">✕</button>
    </div>
    <div id="staff-modal-tabs" class="flex gap-1 mb-4 flex-wrap">
      <button class="btn tab-active text-xs" onclick="switchStaffTab('info',this)">ข้อมูลทั่วไป</button>
      <button class="btn tab-inactive text-xs" onclick="switchStaffTab('certs',this)">ใบรับรอง</button>
      <button class="btn tab-inactive text-xs" onclick="switchStaffTab('leaves',this)">การลา</button>
    </div>
    
    <div id="stab-info">
      <div class="grid grid-cols-2 gap-3">
        <div class="col-span-2"><label class="form-label">ชื่อ-นามสกุล *</label><input id="st-name" /></div>
        <div><label class="form-label">วันเกิด</label><input id="st-dob" type="text" inputmode="numeric" placeholder="วว/ดด/ปปปป (ค.ศ.) เช่น 15/08/1990" onblur="onDateBlur(this)" /><div class="date-hint">กรอกปี ค.ศ. (พ.ศ. ระบบแปลงให้อัตโนมัติ)</div></div>
        <div><label class="form-label">เพศ</label><select id="st-gender"><option value="female">หญิง</option><option value="male">ชาย</option></select></div>
        <div><label class="form-label">เบอร์โทร</label><input id="st-phone" /></div>
        <div><label class="form-label">LINE ID</label><input id="st-line" /></div>
        <div><label class="form-label">เลขบัตรประชาชน</label><input id="st-idcard" /></div>
        <div><label class="form-label">เลขที่บัญชีธนาคาร</label><input id="st-bank-account" /></div>
        <div><label class="form-label">ธนาคาร</label><input id="st-bank-name" placeholder="KTB, BBL, KBANK..." /></div>
        <div><label class="form-label">เงินเดือน (บาท/เดือน)</label><input id="st-salary" type="number" inputmode="numeric" oninput="updateSalaryHint()" /><div id="salary-hint" class="text-xs mt-1 text-blue-500 hidden"></div></div>
        <div><label class="form-label">ประเภทจ้าง</label><select id="st-pay-type"><option value="monthly">รายเดือน</option><option value="daily">รายวัน</option><option value="hourly">รายชั่วโมง</option></select></div>
        <div><label class="form-label">วันเริ่มงาน</label><input id="st-start-date" type="text" inputmode="numeric" placeholder="วว/ดด/ปปปป (ค.ศ.)" onblur="onDateBlur(this)" /></div>
        <div><label class="form-label">สถานะ</label><select id="st-status"><option value="active">ทำงานอยู่</option><option value="inactive">ลาออกแล้ว</option></select></div>
        <div class="col-span-2"><label class="form-label">ทักษะพิเศษ</label><input id="st-skills" placeholder="Dementia, Stroke, สายสวน, WT..." /></div>
        <div class="col-span-2"><label class="form-label">หมายเหตุ</label><textarea id="st-notes" rows="2">

ลูกค้า *

พนักงานหลัก *

พนักงานสำรอง

วันที่ *

เวลาเริ่ม

เวลาสิ้นสุด

หมายเหตุ

ลูกค้า *

พนักงาน *

วันที่ *

สถานะ

เวลาเข้า (Clock-in)

เวลาออก (Clock-out)

บันทึกสรุป Visit

ความดัน

ชีพจร (ครั้ง/นาที)

อุณหภูมิ (°C)

น้ำตาล (mg/dL)

น้ำหนัก (kg)

1. โครงร่าง/กล้ามเนื้อ

2. สมอง/ระบบประสาท

3. ต่อมไร้ท่อ (น้ำตาล)

4. หัวใจ/หลอดเลือด

5. ระบบหายใจ

6. ช่องปาก/กลืน

7. ทางเดินอาหาร

8. ทางเดินปัสสาวะ

9. ระบบภูมิคุ้มกัน

10. สภาพจิตใจ

หมายเหตุการสังเกต

ประเภทเหตุการณ์

ระดับความรุนแรง

รายละเอียดเหตุการณ์ *

การดำเนินการที่ทำแล้ว

ลูกค้า *

เดือนที่ให้บริการ

วันครบกำหนดชำระ

หมายเหตุ

หมวดหมู่ *

รายละเอียด *

จำนวนเงิน (บาท) *

วันที่ *

ผู้ขาย/แหล่งที่มา

หมายเหตุ

HomeCare Pro

ตั้งค่าเริ่มต้น

เชื่อมต่อศูนย์ที่มีอยู่

HomeCare Pro

📊 Vital Signs ล่าสุด

💊 ยาที่ได้รับวันนี้

📋 Visit ล่าสุด

💰 ใบแจ้งหนี้ล่าสุด

✉️ ส่งข้อความถึงเจ้าหน้าที่

🏠 Dashboard

📅 Visits วันนี้

💰 ค้างชำระ

📋 ค่าใช้จ่ายล่าสุด

👥 ลูกค้า

👩‍⚕️ พนักงาน

📅 ตารางงาน

📅 งานวันนี้

💰 บิล & ชำระ

📈 การเงิน

สรุปรายรับ-รายจ่าย เดือนนี้

💚 รายรับ (ค่าบริการที่รับแล้ว)

🔴 ค่าใช้จ่ายพนักงาน (เงินเดือน)

📦 ค่าใช้จ่ายดำเนินงาน

📊 รายงาน & KPIs

📈 รายได้รายเดือน (6 เดือน)

👥 สถานะลูกค้า

👩‍⚕️ Utilization พนักงาน

⏰ AR Aging (ค้างชำระ)

⚠️ สรุป Incident Reports (เดือนนี้)

✅ Compliance Checklist — กฎหมาย & มาตรฐาน (กรมสบส.)

⚙️ ตั้งค่า

ข้อมูลองค์กร

เปลี่ยน PIN

💰 อัตราค่าเวร — Shift Cost Calculation

ข้อมูลและสำรองข้อมูล

✉️ ข้อความจากครอบครัว (Family Messages)

🗄️ Supabase Cloud Database

HomeCare Pro

ตั้งค่าเริ่มต้น

เชื่อมต่อศูนย์ที่มีอยู่

HomeCare Pro

HomeCare Pro

📊 Vital Signs ล่าสุด

💊 ยาที่ได้รับวันนี้

📋 Visit ล่าสุด

💰 ใบแจ้งหนี้ล่าสุด

✉️ ส่งข้อความถึงเจ้าหน้าที่

🏠 Dashboard

📅 Visits วันนี้

💰 ค้างชำระ

📋 ค่าใช้จ่ายล่าสุด

👥 ลูกค้า

👩‍⚕️ พนักงาน

📅 ตารางงาน

📅 งานวันนี้

💰 บิล & ชำระ

📈 การเงิน

สรุปรายรับ-รายจ่าย เดือนนี้

💚 รายรับ (ค่าบริการที่รับแล้ว)

🔴 ค่าใช้จ่ายพนักงาน (เงินเดือน)

📦 ค่าใช้จ่ายดำเนินงาน

📊 รายงาน & KPIs

📈 รายได้รายเดือน (6 เดือน)

👥 สถานะลูกค้า

👩‍⚕️ Utilization พนักงาน

⏰ AR Aging (ค้างชำระ)

⚠️ สรุป Incident Reports (เดือนนี้)

✅ Compliance Checklist — กฎหมาย & มาตรฐาน (กรมสบส.)

⚙️ ตั้งค่า

ข้อมูลองค์กร

เปลี่ยน PIN

💰 อัตราค่าเวร — Shift Cost Calculation

ข้อมูลและสำรองข้อมูล

✉️ ข้อความจากครอบครัว (Family Messages)

🗄️ Supabase Cloud Database

เพิ่มลูกค้า

เพิ่ม Shift

บันทึก Visit

สร้างใบแจ้งหนี้

บันทึกค่าใช้จ่าย