0xn0l

📂 /home/brightbrai/public_html/newmart/assets

✎ EDIT: ExpenseReportPage-Cx8nM8Mg.js ← BACK

import{r as x,w,j as e,O as C,c as g,l as y,D as b,y as N}from"./index-Dlh53729.js";import{p as D}from"./printService-0HImUSS5.js";import{T as f,W as k,X as E,Y as A,_ as S,V as v,$ as F,U as M}from"./BarChart-f2RrQatP.js";import{P as I,a as R}from"./PieChart-SnYuay_F.js";const j=["#2563eb","#10b981","#f59e0b","#ef4444","#8b5cf6","#64748b"],p=({title:c,value:m,icon:d})=>e.jsxs("div",{className:"bg-slate-100 dark:bg-slate-800/50 p-4 rounded-xl flex items-center space-x-3",children:[e.jsx("div",{className:"flex-shrink-0 w-10 h-10 flex items-center justify-center bg-primary/10 text-primary rounded-lg",children:d}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-light-subtext dark:text-dark-subtext",children:c}),e.jsx("p",{className:"text-xl font-bold",children:m})]})]}),B=()=>{const{expenses:c,expenseCategories:m}=g(),{employees:d}=y(),[n,o]=x.useState(()=>{const s=new Date().toISOString().split("T")[0],r=new Date;return r.setMonth(r.getMonth()-1),{startDate:r.toISOString().split("T")[0],endDate:s,categoryId:"All",employeeId:"All"}}),l=s=>{o(r=>({...r,[s.target.name]:s.target.value}))},i=x.useMemo(()=>c.filter(s=>{const r=s.date.split("T")[0];return!(r<n.startDate||r>n.endDate||n.categoryId!=="All"&&s.category!==n.categoryId||n.employeeId!=="All"&&s.employeeId!==Number(n.employeeId))}),[c,n]),t=x.useMemo(()=>({totalAmount:i.reduce((s,r)=>s+r.amount,0),totalClaims:i.length}),[i]),a=s=>{switch(s){case"Approved":return"bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300";case"Pending":return"bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300";case"Rejected":return"bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300"}};return e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-bold mb-4",children:"Detailed Expense Report"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 mb-4 p-4 bg-slate-50 dark:bg-slate-800/50 rounded-lg no-print",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-xs",children:"Start Date"}),e.jsx("input",{type:"date",name:"startDate",value:n.startDate,onChange:l,className:"w-full p-2 rounded bg-slate-100 dark:bg-slate-800 mt-1"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs",children:"End Date"}),e.jsx("input",{type:"date",name:"endDate",value:n.endDate,onChange:l,className:"w-full p-2 rounded bg-slate-100 dark:bg-slate-800 mt-1"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs",children:"Category"}),e.jsxs("select",{name:"categoryId",value:n.categoryId,onChange:l,className:"w-full p-2 rounded bg-slate-100 dark:bg-slate-800 mt-1",children:[e.jsx("option",{value:"All",children:"All Categories"}),m.map(s=>e.jsx("option",{value:s,children:s},s))]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs",children:"Employee"}),e.jsxs("select",{name:"employeeId",value:n.employeeId,onChange:l,className:"w-full p-2 rounded bg-slate-100 dark:bg-slate-800 mt-1",children:[e.jsx("option",{value:"All",children:"All Employees"}),d.map(s=>e.jsx("option",{value:s.id,children:s.personal.fullName},s.id))]})]})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6",children:[e.jsx(p,{title:"Total Expense Amount",value:`$${t.totalAmount.toFixed(2)}`,icon:e.jsx(b,{className:"w-5 h-5"})}),e.jsx(p,{title:"Total Claims",value:t.totalClaims,icon:e.jsx(N,{className:"w-5 h-5"})})]}),e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b-2",children:[e.jsx("th",{className:"p-2",children:"Date"}),e.jsx("th",{className:"p-2",children:"Employee"}),e.jsx("th",{className:"p-2",children:"Category"}),e.jsx("th",{className:"p-2",children:"Description"}),e.jsx("th",{className:"p-2",children:"Status"}),e.jsx("th",{className:"p-2 text-right",children:"Amount"})]})}),e.jsx("tbody",{children:i.map(s=>e.jsxs("tr",{className:"border-b text-sm",children:[e.jsx("td",{className:"p-2",children:s.date}),e.jsx("td",{className:"p-2",children:s.employeeName}),e.jsx("td",{className:"p-2",children:s.category}),e.jsx("td",{className:"p-2",children:s.description}),e.jsx("td",{className:"p-2",children:e.jsx("span",{className:`px-2 py-1 text-xs font-semibold rounded-full ${a(s.status)}`,children:s.status})}),e.jsxs("td",{className:"p-2 font-mono text-right",children:["$",s.amount.toFixed(2)]})]},s.id))})]})]})},T=()=>{const{expenses:c}=g(),{employees:m}=y(),[d,n]=x.useState({year:new Date().getFullYear(),month:new Date().getMonth(),groupBy:"Category"}),o=t=>n(a=>({...a,[t.target.name]:t.target.value})),l=x.useMemo(()=>{const t=c.filter(r=>{const h=new Date(r.date);return h.getFullYear()===Number(d.year)&&h.getMonth()===Number(d.month)});let a="category";d.groupBy==="Date"?a="date":d.groupBy==="Employee"&&(a="employeeName");const s=t.reduce((r,h)=>{const u=h[a];return r[u]||(r[u]={amount:0,claims:0}),r[u].amount+=h.amount,r[u].claims+=1,r},{});return Object.entries(s).map(([r,h])=>({name:r,...h}))},[c,d]),i=x.useMemo(()=>{const t=l.reduce((s,r)=>s+r.amount,0),a=l.reduce((s,r)=>s+r.claims,0);return{totalAmount:t,totalClaims:a}},[l]);return e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-bold mb-4",children:"Monthly Expense Summary"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 mb-4 p-4 bg-slate-50 dark:bg-slate-800/50 rounded-lg no-print",children:[e.jsx("select",{name:"year",value:d.year,onChange:o,className:"p-2 rounded",children:[...Array(5)].map((t,a)=>e.jsx("option",{value:new Date().getFullYear()-a,children:new Date().getFullYear()-a},a))}),e.jsx("select",{name:"month",value:d.month,onChange:o,className:"p-2 rounded",children:[...Array(12)].map((t,a)=>e.jsx("option",{value:a,children:new Date(0,a).toLocaleString("default",{month:"long"})},a))}),e.jsxs("select",{name:"groupBy",value:d.groupBy,onChange:o,className:"p-2 rounded",children:[e.jsx("option",{children:"Category"}),e.jsx("option",{children:"Date"}),e.jsx("option",{children:"Employee"})]})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6",children:[e.jsx(p,{title:"Total Expense This Month",value:`$${i.totalAmount.toFixed(2)}`,icon:e.jsx(b,{className:"w-5 h-5"})}),e.jsx(p,{title:"Total Claims",value:i.totalClaims,icon:e.jsx(N,{className:"w-5 h-5"})})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b-2",children:[e.jsx("th",{className:"p-2",children:d.groupBy}),e.jsx("th",{className:"p-2 text-right",children:"Claims"}),e.jsx("th",{className:"p-2 text-right",children:"Amount"})]})}),e.jsx("tbody",{children:l.map(t=>e.jsxs("tr",{className:"border-b text-sm",children:[e.jsx("td",{className:"p-2 font-semibold",children:t.name}),e.jsx("td",{className:"p-2 text-right",children:t.claims}),e.jsxs("td",{className:"p-2 font-mono text-right",children:["$",t.amount.toFixed(2)]})]},t.name))})]}),e.jsx("div",{className:"h-80",children:e.jsx(f,{width:"100%",height:"100%",children:e.jsxs(I,{children:[e.jsx(R,{data:l,dataKey:"amount",nameKey:"name",cx:"50%",cy:"50%",outerRadius:100,fill:"#8884d8",label:({name:t,percent:a})=>`${t} ${(a*100).toFixed(0)}%`,children:l.map((t,a)=>e.jsx(M,{fill:j[a%j.length]},`cell-${a}`))}),e.jsx(v,{})]})})})]})]})},Y=()=>{const{expenses:c}=g(),[m,d]=x.useState({year:new Date().getFullYear(),groupBy:"Month"}),n=x.useMemo(()=>{const o=c.filter(i=>new Date(i.date).getFullYear()===Number(m.year));let l;if(m.groupBy==="Month")return l=o.reduce((t,a)=>{const s=new Date(a.date).toLocaleString("default",{month:"long"});return t[s]||(t[s]={amount:0,claims:0}),t[s].amount+=a.amount,t[s].claims+=1,t},{}),[...Array(12)].map((t,a)=>new Date(0,a).toLocaleString("default",{month:"long"})).map(t=>({name:t,...l[t]||{amount:0,claims:0}}));{const i=m.groupBy==="Category"?"category":"employeeName";return l=o.reduce((t,a)=>{const s=a[i];return t[s]||(t[s]={amount:0,claims:0}),t[s].amount+=a.amount,t[s].claims+=1,t},{}),Object.entries(l).map(([t,a])=>({name:t,...a}))}},[c,m]);return x.useMemo(()=>{const o=n.reduce((i,t)=>i+t.amount,0),l=n.reduce((i,t)=>i+t.claims,0);return{totalAmount:o,totalClaims:l}},[n]),e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-bold mb-4",children:"Yearly Expense Summary"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4 p-4 bg-slate-50 dark:bg-slate-800/50 rounded-lg no-print",children:[e.jsx("select",{name:"year",value:m.year,onChange:o=>d(l=>({...l,year:Number(o.target.value)})),className:"p-2 rounded",children:[...Array(5)].map((o,l)=>e.jsx("option",{value:new Date().getFullYear()-l,children:new Date().getFullYear()-l},l))}),e.jsxs("select",{name:"groupBy",value:m.groupBy,onChange:o=>d(l=>({...l,groupBy:o.target.value})),className:"p-2 rounded",children:[e.jsx("option",{children:"Month"}),e.jsx("option",{children:"Category"}),e.jsx("option",{children:"Employee"})]})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b-2",children:[e.jsx("th",{className:"p-2",children:m.groupBy}),e.jsx("th",{className:"p-2 text-right",children:"Claims"}),e.jsx("th",{className:"p-2 text-right",children:"Amount"})]})}),e.jsx("tbody",{children:n.map(o=>e.jsxs("tr",{className:"border-b text-sm",children:[e.jsx("td",{className:"p-2 font-semibold",children:o.name}),e.jsx("td",{className:"p-2 text-right",children:o.claims}),e.jsxs("td",{className:"p-2 font-mono text-right",children:["$",o.amount.toFixed(2)]})]},o.name))})]}),e.jsx("div",{className:"h-80",children:e.jsx(f,{width:"100%",height:"100%",children:e.jsxs(k,{data:n,children:[e.jsx(E,{strokeDasharray:"3 3",opacity:.2}),e.jsx(A,{dataKey:"name",fontSize:12}),e.jsx(S,{}),e.jsx(v,{}),e.jsx(F,{dataKey:"amount",fill:"#ef4444"})]})})})]})]})},_=()=>{const[c,m]=x.useState("detailed"),{companyProfile:d}=w(),n=x.useRef(null),o=()=>{n.current&&d&&D({detailed:"Detailed Expense Report",monthly:"Monthly Expense Summary",yearly:"Yearly Expense Summary"}[c],n.current,d)},l=({tab:t,label:a})=>e.jsx("button",{onClick:()=>m(t),className:`px-4 py-2 text-sm font-semibold rounded-lg ${c===t?"bg-primary text-white":"bg-slate-200 dark:bg-slate-700"}`,children:a}),i=()=>{switch(c){case"detailed":return e.jsx(B,{});case"monthly":return e.jsx(T,{});case"yearly":return e.jsx(Y,{});default:return null}};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex justify-between items-center mb-6 no-print",children:[e.jsx("h1",{className:"text-3xl font-bold text-light-text dark:text-dark-text",children:"Expense Reports"}),e.jsxs("button",{onClick:o,className:"bg-primary text-white font-bold py-2 px-4 rounded-lg flex items-center space-x-2",children:[e.jsx(C,{className:"w-5 h-5"}),e.jsx("span",{children:"Print Report"})]})]}),e.jsxs("div",{className:"bg-light-card dark:bg-dark-card p-6 rounded-2xl shadow-md",children:[e.jsxs("div",{className:"flex space-x-2 mb-4 overflow-x-auto pb-2 no-print",children:[e.jsx(l,{tab:"detailed",label:"Detailed Report"}),e.jsx(l,{tab:"monthly",label:"Monthly Summary"}),e.jsx(l,{tab:"yearly",label:"Yearly Summary"})]}),e.jsx("div",{ref:n,children:i()})]})]})};export{_ as default};

0xn0l - 0011000001111000011011100011000001101100