import{_ as p,a as m}from"./0EZW2gk1.js";import{g as u,o as n,c as o,v as d,a as t,b as a,F as x,s as y,t as v}from"./BKxwI4SA.js";import"./DCU3B9FD.js";import"./C3-jcdaM.js";const b={class:"space-y-5"},g={class:"grid gap-3 sm:grid-cols-2 xl:grid-cols-4"},f={class:"grid gap-4 xl:grid-cols-[1.5fr_1fr]"},h={class:"card p-5 sm:p-6"},w={class:"mt-5 h-64"},_={class:"card p-5 sm:p-6"},k={class:"mt-4 space-y-2 text-sm"},A=u({__name:"index",setup(T){const i=[{day:"Mon",value:65},{day:"Tue",value:72},{day:"Wed",value:68},{day:"Thu",value:76},{day:"Fri",value:82},{day:"Sat",value:54},{day:"Sun",value:48}],r=["Follow up pending reports from Finance division","Resolve blocker escalation from Operations","Review attendance anomaly for HR shift B"];return(S,s)=>{const l=p,c=m;return n(),o("div",b,[s[5]||(s[5]=d('<section class="card p-5 sm:p-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="space-y-2"><p class="chip">Wednesday, May 13</p><h1 class="text-2xl font-semibold tracking-tight sm:text-3xl">Good afternoon, Fikri</h1><p class="max-w-2xl text-sm text-text-secondary"> Here is your daily reporting pulse: submission health, team activity, and blockers that need follow-up. </p></div><div class="flex flex-wrap gap-2"><button class="btn-ghost">View Team Calendar</button><button class="btn-primary">Submit Today Report</button></div></div><div class="mt-5 grid gap-3 md:grid-cols-3"><div class="card-muted p-3"><p class="text-xs uppercase tracking-wide text-text-secondary">Today status</p><p class="mt-1 text-sm font-semibold text-emerald-600">Submitted · On time</p></div><div class="card-muted p-3"><p class="text-xs uppercase tracking-wide text-text-secondary">Pending in team</p><p class="mt-1 text-sm font-semibold">12 reports pending</p></div><div class="card-muted p-3"><p class="text-xs uppercase tracking-wide text-text-secondary">Main blocker</p><p class="mt-1 text-sm font-semibold">Finance approval delay</p></div></div></section>',1)),t("section",g,[a(l,{title:"Productivity Score",value:"91.4",trend:"+3.1%"}),a(l,{title:"Attendance Summary",value:"96%",trend:"+1.2%"}),a(l,{title:"On-time Completion",value:"94%",trend:"+2.8%"}),a(l,{title:"Avg. Task Velocity",value:"7.2/day",trend:"+0.6"})]),t("section",f,[t("article",h,[s[0]||(s[0]=t("div",{class:"flex items-center justify-between"},[t("div",null,[t("h2",{class:"text-lg font-semibold"},"Weekly Progress Trend"),t("p",{class:"text-sm text-text-secondary"},"Report completion and productivity over the last 7 days.")]),t("button",{class:"btn-ghost"},"This Week")],-1)),t("div",w,[a(c,{values:i.map(e=>e.value),labels:i.map(e=>e.day)},null,8,["values","labels"])])]),t("article",_,[s[2]||(s[2]=t("h2",{class:"text-lg font-semibold"},"Focus Today",-1)),s[3]||(s[3]=t("p",{class:"text-sm text-text-secondary"},"Prioritized tasks for smoother daily execution.",-1)),t("ul",k,[(n(),o(x,null,y(r,e=>t("li",{key:e,class:"card-muted flex items-center gap-2 p-3"},[s[1]||(s[1]=t("span",{class:"h-2 w-2 rounded-full bg-brand-500"},null,-1)),t("span",null,v(e),1)])),64))]),s[4]||(s[4]=t("button",{class:"btn-primary mt-4 w-full"},"Open Team Monitoring",-1))])]),s[6]||(s[6]=d('<section class="grid gap-4 lg:grid-cols-[1.15fr_1fr_1fr]"><article class="card p-5 sm:p-6"><div class="flex items-center justify-between"><h2 class="font-semibold">Recent Activity Timeline</h2><button class="text-sm text-brand-700">View all</button></div><ul class="mt-4 space-y-3 text-sm"><li class="card-muted p-3">08:42 · IT Division posted 18 updates</li><li class="card-muted p-3">10:05 · HR completed attendance recap</li><li class="card-muted p-3">11:17 · Finance flagged a budget blocker</li><li class="card-muted p-3">13:01 · Marketing reached weekly target</li></ul></article><article class="card p-5 sm:p-6"><h2 class="font-semibold">Team Presence</h2><p class="mt-2 text-3xl font-semibold">87 <span class="text-base font-medium text-text-secondary">/ 102</span></p><p class="text-sm text-text-secondary">Employees online right now.</p><div class="mt-4 h-2 rounded-full bg-brand-50"><div class="h-2 rounded-full bg-brand-500" style="width:85%;"></div></div><p class="mt-2 text-xs text-text-secondary">Healthy activity level across all divisions.</p></article><article class="card p-5 sm:p-6"><h2 class="font-semibold">Quick Actions</h2><div class="mt-4 grid gap-2"><button class="btn-ghost justify-start">Submit daily report</button><button class="btn-ghost justify-start">Review pending reports</button><button class="btn-ghost justify-start">Open analytics insights</button></div></article></section>',1))])}}});export{A as default};
