import { _ as _sfc_main$1, a as _sfc_main$2 } from './LineAreaChart-BKRLleJI.mjs';
import { defineComponent, mergeProps, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrInterpolate, ssrRenderStyle } from 'vue/server-renderer';
import './client-only-bjZkSkO2.mjs';
import './useTheme-BJEBqOKH.mjs';
import './server.mjs';
import '../_/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:events';
import 'node:buffer';
import 'node:fs';
import 'node:path';
import 'node:crypto';
import 'node:url';
import '../routes/renderer.mjs';
import 'vue-bundle-renderer/runtime';
import 'unhead/server';
import 'devalue';
import 'unhead/utils';
import 'unhead/plugins';
import 'vue-router';

const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "index",
  __ssrInlineRender: true,
  setup(__props) {
    const trendBars = [
      { 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 }
    ];
    const focusList = [
      "Follow up pending reports from Finance division",
      "Resolve blocker escalation from Operations",
      "Review attendance anomaly for HR shift B"
    ];
    return (_ctx, _push, _parent, _attrs) => {
      const _component_UiStatCard = _sfc_main$1;
      const _component_UiLineAreaChart = _sfc_main$2;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-5" }, _attrs))}><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 \xB7 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><section class="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">`);
      _push(ssrRenderComponent(_component_UiStatCard, {
        title: "Productivity Score",
        value: "91.4",
        trend: "+3.1%"
      }, null, _parent));
      _push(ssrRenderComponent(_component_UiStatCard, {
        title: "Attendance Summary",
        value: "96%",
        trend: "+1.2%"
      }, null, _parent));
      _push(ssrRenderComponent(_component_UiStatCard, {
        title: "On-time Completion",
        value: "94%",
        trend: "+2.8%"
      }, null, _parent));
      _push(ssrRenderComponent(_component_UiStatCard, {
        title: "Avg. Task Velocity",
        value: "7.2/day",
        trend: "+0.6"
      }, null, _parent));
      _push(`</section><section class="grid gap-4 xl:grid-cols-[1.5fr_1fr]"><article class="card p-5 sm:p-6"><div class="flex items-center justify-between"><div><h2 class="text-lg font-semibold">Weekly Progress Trend</h2><p class="text-sm text-text-secondary">Report completion and productivity over the last 7 days.</p></div><button class="btn-ghost">This Week</button></div><div class="mt-5 h-64">`);
      _push(ssrRenderComponent(_component_UiLineAreaChart, {
        values: trendBars.map((item) => item.value),
        labels: trendBars.map((item) => item.day)
      }, null, _parent));
      _push(`</div></article><article class="card p-5 sm:p-6"><h2 class="text-lg font-semibold">Focus Today</h2><p class="text-sm text-text-secondary">Prioritized tasks for smoother daily execution.</p><ul class="mt-4 space-y-2 text-sm"><!--[-->`);
      ssrRenderList(focusList, (item) => {
        _push(`<li class="card-muted flex items-center gap-2 p-3"><span class="h-2 w-2 rounded-full bg-brand-500"></span><span>${ssrInterpolate(item)}</span></li>`);
      });
      _push(`<!--]--></ul><button class="btn-primary mt-4 w-full">Open Team Monitoring</button></article></section><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 \xB7 IT Division posted 18 updates</li><li class="card-muted p-3">10:05 \xB7 HR completed attendance recap</li><li class="card-muted p-3">11:17 \xB7 Finance flagged a budget blocker</li><li class="card-muted p-3">13:01 \xB7 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="${ssrRenderStyle({ "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></div>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/index.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as default };
//# sourceMappingURL=index-DnpzRRH5.mjs.map
