const{PageHeader,Card,StatCard,DataTable,StatusBadge,Tag,Button}=window.RemedeStockDesignSystem_3e957a,DIcon=window.REMEDE.Icon,KIND_LABEL={drug:"ยา / เวชภัณฑ์",consumable:"ของใช้สิ้นเปลือง"};function Dashboard(){const{fmt:a}=window.REMEDE,{data:r,loading:s,error:o,reload:d}=window.REMEDE.useAsyncData(()=>window.REMEDE.getValuation(),{errorMessage:"โหลดมูลค่าสต๊อกไม่สำเร็จ"});window.REMEDE.useLucide([r,s,o]);const i=React.createElement(PageHeader,{eyebrow:"ผู้บริหาร · ภาพรวมคลัง",title:"มูลค่าสต๊อกคงค้าง",description:"เงินทุนที่จมอยู่ในสต๊อก (ต้นทุน) แบบเรียลไทม์ แยกตามประเภทและหมวดหมู่",actions:React.createElement(Button,{variant:"ghost",iconLeft:React.createElement(DIcon,{n:"rotate-ccw",s:16}),onClick:d},"รีเฟรช")});if(s)return React.createElement("div",{style:{maxWidth:"var(--content-max)"}},i,React.createElement(Card,{padding:"md",style:{marginTop:"var(--space-7)"}},React.createElement(window.REMEDE.LoadingState,null)));if(o)return React.createElement("div",{style:{maxWidth:"var(--content-max)"}},i,React.createElement(Card,{padding:"md",style:{marginTop:"var(--space-7)"}},React.createElement(window.REMEDE.ErrorState,{message:o,onRetry:d})));const t=r||{},l=t.by_kind||[],g=t.by_cat||[],c=t.items||[],n=window.REMEDE.money;return React.createElement("div",{style:{maxWidth:"var(--content-max)"}},i,React.createElement("div",{style:{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:"var(--space-4)",margin:"var(--space-7) 0 var(--space-6)"}},React.createElement(StatCard,{label:"มูลค่าสต๊อกรวม (ต้นทุน)",value:n(t.total_value),icon:React.createElement(DIcon,{n:"wallet",s:18})}),React.createElement(StatCard,{label:"จำนวน SKU",value:a(t.total_skus),unit:"รายการ",icon:React.createElement(DIcon,{n:"boxes",s:18})}),React.createElement(StatCard,{label:"จำนวนหน่วยคงคลัง",value:a(t.total_units),unit:"หน่วย",icon:React.createElement(DIcon,{n:"layers",s:18})}),React.createElement(StatCard,{label:"มูลค่าของใกล้หมด",value:n(t.low_value),tone:"gold",icon:React.createElement(DIcon,{n:"alert-triangle",s:18})})),React.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"var(--space-6)",alignItems:"start"}},React.createElement(Card,{padding:"md"},React.createElement("h3",{style:{fontSize:"var(--text-lg)",fontWeight:600,marginBottom:14}},"แยกตามประเภท"),React.createElement("div",{style:{display:"flex",flexDirection:"column",gap:10}},l.map(e=>{const v=t.total_value>0?Math.round(e.value/t.total_value*100):0;return React.createElement("div",{key:e.kind},React.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:6}},React.createElement("span",{style:{display:"inline-flex",alignItems:"center",gap:8}},React.createElement(Tag,{tone:e.kind==="consumable"?"neutral":"navy"},KIND_LABEL[e.kind]||e.kind),React.createElement("span",{style:{fontSize:"var(--text-xs)",color:"var(--text-subtle)"}},a(e.skus)," SKU · ",a(e.units)," หน่วย")),React.createElement("span",{style:{fontFamily:"var(--font-mono)",fontWeight:600,color:"var(--text-strong)"}},n(e.value)," ",React.createElement("span",{style:{fontSize:"var(--text-xs)",color:"var(--text-subtle)",fontWeight:400}},"(",v,"%)"))),React.createElement("div",{style:{height:8,background:"var(--neutral-200)",borderRadius:99,overflow:"hidden"}},React.createElement("div",{style:{width:v+"%",height:"100%",background:e.kind==="consumable"?"var(--gold-500)":"var(--navy-600)"}})))}),l.length===0?React.createElement("div",{style:{color:"var(--text-subtle)",fontSize:"var(--text-sm)",textAlign:"center",padding:16}},"ยังไม่มีข้อมูล"):null)),React.createElement("div",null,React.createElement("h3",{style:{fontSize:"var(--text-lg)",fontWeight:600,marginBottom:14}},"แยกตามหมวดหมู่"),React.createElement(DataTable,{columns:[{key:"cat",header:"หมวดหมู่",wrap:!0},{key:"skus",header:"SKU",align:"right",mono:!0},{key:"units",header:"หน่วย",align:"right",mono:!0,render:e=>a(e.units)},{key:"value",header:"มูลค่า (ต้นทุน)",align:"right",mono:!0,render:e=>n(e.value)}],rows:g,empty:"ยังไม่มีข้อมูล"}))),React.createElement("div",{style:{marginTop:"var(--space-6)"}},React.createElement("h3",{style:{fontSize:"var(--text-lg)",fontWeight:600,marginBottom:14}},"รายการที่มูลค่าคงค้างสูงสุด"),React.createElement(DataTable,{columns:[{key:"name",header:"รายการ",render:e=>React.createElement("div",null,React.createElement("div",{style:{fontWeight:500,color:"var(--text-strong)"}},e.name),React.createElement("div",{style:{fontSize:"var(--text-xs)",color:"var(--text-subtle)"}},e.cat))},{key:"kind",header:"ประเภท",render:e=>React.createElement(Tag,{tone:e.kind==="consumable"?"neutral":"navy"},e.kind==="consumable"?"สิ้นเปลือง":"ยา")},{key:"stock",header:"คงเหลือ",align:"right",mono:!0,render:e=>`${a(e.stock)} ${e.unit}`},{key:"avg_cost",header:"ต้นทุนเฉลี่ย/หน่วย",align:"right",mono:!0,render:e=>n(e.avg_cost)},{key:"value",header:"มูลค่ารวม",align:"right",mono:!0,render:e=>React.createElement("span",{style:{fontWeight:600,color:"var(--text-strong)"}},n(e.value))}],rows:c.slice(0,20),empty:"ยังไม่มีรายการ"})))}window.Dashboard=Dashboard;