import { _ as __nuxt_component_0$1 } from "./SelectField-Cu-FGEiZ.js";
import { _ as __nuxt_component_0 } from "./client-only-bjZkSkO2.js";
import { defineComponent, ref, watch, computed, withCtx, createVNode, useSSRContext, mergeProps, isRef, unref } from "vue";
import { ssrRenderComponent, ssrRenderAttrs, ssrRenderList, ssrInterpolate } from "vue/server-renderer";
import { u as useTheme } from "./useTheme-BJEBqOKH.js";
import { _ as _export_sfc } from "../server.mjs";
import "D:/laragon backup/www/Fikri/Report System/FE/node_modules/hookable/dist/index.mjs";
import "D:/laragon backup/www/Fikri/Report System/FE/node_modules/defu/dist/defu.mjs";
import "D:/laragon backup/www/Fikri/Report System/FE/node_modules/ofetch/dist/node.mjs";
import "#internal/nuxt/paths";
import "D:/laragon backup/www/Fikri/Report System/FE/node_modules/unctx/dist/index.mjs";
import "D:/laragon backup/www/Fikri/Report System/FE/node_modules/h3/dist/index.mjs";
import "vue-router";
import "D:/laragon backup/www/Fikri/Report System/FE/node_modules/ufo/dist/index.mjs";
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "DateField",
  __ssrInlineRender: true,
  props: {
    modelValue: {}
  },
  emits: ["update:modelValue"],
  setup(__props, { emit: __emit }) {
    const props = __props;
    const emit = __emit;
    const { isDark } = useTheme();
    const localValue = ref(props.modelValue);
    watch(() => props.modelValue, (value) => {
      localValue.value = value;
    });
    watch(localValue, (value) => {
      emit("update:modelValue", value || "");
    });
    computed(() => ({
      dateFormat: "Y-m-d",
      disableMobile: true,
      prevArrow: "<span>←</span>",
      nextArrow: "<span>→</span>",
      theme: isDark.value ? "dark" : "light"
    }));
    return (_ctx, _push, _parent, _attrs) => {
      const _component_ClientOnly = __nuxt_component_0;
      _push(ssrRenderComponent(_component_ClientOnly, _attrs, {
        fallback: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<input class="input" placeholder="Select date" data-v-075f3f29${_scopeId}>`);
          } else {
            return [
              createVNode("input", {
                class: "input",
                placeholder: "Select date"
              })
            ];
          }
        })
      }, _parent));
    };
  }
});
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/DateField.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const __nuxt_component_1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-075f3f29"]]);
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "team",
  __ssrInlineRender: true,
  setup(__props) {
    const selectedDivision = ref("all");
    const selectedDate = ref("");
    const divisionOptions = [
      { label: "All Divisions", value: "all" },
      { label: "IT Division", value: "it" },
      { label: "HR Division", value: "hr" },
      { label: "Finance Division", value: "finance" },
      { label: "Marketing Division", value: "marketing" },
      { label: "Operations Division", value: "operations" }
    ];
    const users = [
      { name: "Ardi Putra", division: "IT", completion: "100%", score: "93", status: "Online" },
      { name: "Nadia Pram", division: "HR", completion: "92%", score: "88", status: "Online" },
      { name: "Tama Yusuf", division: "Finance", completion: "84%", score: "79", status: "Offline" },
      { name: "Gita M", division: "Marketing", completion: "97%", score: "90", status: "Online" }
    ];
    return (_ctx, _push, _parent, _attrs) => {
      const _component_UiSelectField = __nuxt_component_0$1;
      const _component_UiDateField = __nuxt_component_1;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-6" }, _attrs))}><header><h1 class="text-2xl font-semibold">Team Monitoring</h1><p class="text-sm text-text-secondary">Monitor report completion, productivity, and attendance across divisions.</p></header><section class="card p-4"><div class="grid gap-3 md:grid-cols-4"><input class="input" placeholder="Search employee...">`);
      _push(ssrRenderComponent(_component_UiSelectField, {
        modelValue: unref(selectedDivision),
        "onUpdate:modelValue": ($event) => isRef(selectedDivision) ? selectedDivision.value = $event : null,
        options: divisionOptions,
        placeholder: "All Divisions"
      }, null, _parent));
      _push(ssrRenderComponent(_component_UiDateField, {
        modelValue: unref(selectedDate),
        "onUpdate:modelValue": ($event) => isRef(selectedDate) ? selectedDate.value = $event : null
      }, null, _parent));
      _push(`<button class="btn-primary">Apply Filters</button></div></section><section class="card overflow-hidden"><div class="overflow-x-auto"><table class="min-w-full text-sm"><thead class="bg-brand-50/70 text-left text-text-secondary"><tr><th class="px-4 py-3">Employee</th><th class="px-4 py-3">Division</th><th class="px-4 py-3">Completion</th><th class="px-4 py-3">Productivity</th><th class="px-4 py-3">Status</th></tr></thead><tbody><!--[-->`);
      ssrRenderList(users, (user) => {
        _push(`<tr class="border-t border-surface-border hover:bg-brand-50/30"><td class="px-4 py-3">${ssrInterpolate(user.name)}</td><td class="px-4 py-3">${ssrInterpolate(user.division)}</td><td class="px-4 py-3">${ssrInterpolate(user.completion)}</td><td class="px-4 py-3">${ssrInterpolate(user.score)}</td><td class="px-4 py-3"><span class="chip">${ssrInterpolate(user.status)}</span></td></tr>`);
      });
      _push(`<!--]--></tbody></table></div><div class="flex items-center justify-between border-t border-surface-border px-4 py-3 text-sm text-text-secondary"><p>Showing 1-8 of 102 employees</p><div class="flex gap-2"><button class="btn-ghost">Prev</button><button class="btn-ghost">Next</button></div></div></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/team.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
export {
  _sfc_main as default
};
//# sourceMappingURL=team-D7Qm0kZH.js.map
