import { defineComponent, unref, withCtx, createVNode, toDisplayString, createBlock, openBlock, useSSRContext } from "vue";
import { ssrRenderComponent, ssrInterpolate } from "vue/server-renderer";
import { _ as _sfc_main$1 } from "./AppLayout-DXKl-uoF.js";
import { Head } from "@inertiajs/vue3";
import "class-variance-authority";
import "./AppLogoIcon-DhmQfNIw.js";
import "clsx";
import "tailwind-merge";
import "reka-ui";
import "@vueuse/core";
import "lucide-vue-next";
import "./Input-CFG4Vy8n.js";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "Dashboard",
  __ssrInlineRender: true,
  props: {
    assignedRequestsCount: {},
    metrics: {}
  },
  setup(__props) {
    const props = __props;
    const breadcrumbs = [
      {
        title: "Панель управления",
        href: "/dashboard"
      }
    ];
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<!--[-->`);
      _push(ssrRenderComponent(unref(Head), { title: "Панель управления" }, null, _parent));
      _push(ssrRenderComponent(_sfc_main$1, { breadcrumbs }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<div class="flex h-full flex-1 flex-col gap-6 p-4"${_scopeId}><div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"${_scopeId}><div class="flex flex-col justify-between p-4 rounded-xl shadow-md bg-white dark:bg-gray-900 hover:shadow-xl transition-all duration-300 border-l-4 border-gray-300"${_scopeId}><span class="text-xs text-gray-500 uppercase"${_scopeId}>Всего заявок</span><span class="text-3xl font-bold text-gray-900 dark:text-white"${_scopeId}>${ssrInterpolate(props.metrics.total)}</span></div><div class="flex flex-col justify-between p-4 rounded-xl shadow-md bg-blue-50 dark:bg-blue-950/20 hover:shadow-xl transition-all duration-300 border-l-4 border-blue-400"${_scopeId}><span class="text-xs uppercase font-medium text-blue-700 dark:text-blue-300"${_scopeId}>Новые</span><span class="text-3xl font-bold text-blue-700 dark:text-blue-300"${_scopeId}>${ssrInterpolate(props.metrics.new)}</span></div><div class="flex flex-col justify-between p-4 rounded-xl shadow-md bg-amber-50 dark:bg-amber-950/20 hover:shadow-xl transition-all duration-300 border-l-4 border-amber-400"${_scopeId}><span class="text-xs uppercase font-medium text-amber-700 dark:text-amber-300"${_scopeId}>В работе</span><span class="text-3xl font-bold text-amber-700 dark:text-amber-300"${_scopeId}>${ssrInterpolate(props.metrics.in_progress)}</span></div><div class="flex flex-col justify-between p-4 rounded-xl shadow-md bg-green-50 dark:bg-green-950/20 hover:shadow-xl transition-all duration-300 border-l-4 border-green-400"${_scopeId}><span class="text-xs uppercase font-medium text-green-700 dark:text-green-300"${_scopeId}>Выполнено</span><span class="text-3xl font-bold text-green-700 dark:text-green-300"${_scopeId}>${ssrInterpolate(props.metrics.done)}</span></div><div class="flex flex-col justify-between p-4 rounded-xl shadow-md bg-red-50 dark:bg-red-950/20 hover:shadow-xl transition-all duration-300 border-l-4 border-red-400"${_scopeId}><span class="text-xs uppercase font-medium text-red-700 dark:text-red-300"${_scopeId}>Отменено</span><span class="text-3xl font-bold text-red-700 dark:text-red-300"${_scopeId}>${ssrInterpolate(props.metrics.cancelled)}</span></div><div class="flex flex-col justify-between p-4 rounded-xl shadow-md bg-purple-50 dark:bg-purple-950/20 hover:shadow-xl transition-all duration-300 border-l-4 border-purple-400"${_scopeId}><span class="text-xs uppercase font-medium text-purple-700 dark:text-purple-300"${_scopeId}>Назначено вам</span><span class="text-3xl font-bold text-purple-700 dark:text-purple-300"${_scopeId}>${ssrInterpolate(props.assignedRequestsCount)}</span></div></div><div class="relative min-h-[50vh] flex-1 rounded-xl border border-sidebar-border/70 dark:border-sidebar-border overflow-hidden"${_scopeId}><div class="absolute inset-0 opacity-5 pointer-events-none select-none"${_scopeId}><svg width="100%" height="100%"${_scopeId}><pattern id="p1" width="40" height="40" patternUnits="userSpaceOnUse"${_scopeId}><circle cx="1" cy="1" r="1" fill="currentColor"${_scopeId}></circle></pattern><rect width="100%" height="100%" fill="url(#p1)"${_scopeId}></rect></svg></div></div></div>`);
          } else {
            return [
              createVNode("div", { class: "flex h-full flex-1 flex-col gap-6 p-4" }, [
                createVNode("div", { class: "grid gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6" }, [
                  createVNode("div", { class: "flex flex-col justify-between p-4 rounded-xl shadow-md bg-white dark:bg-gray-900 hover:shadow-xl transition-all duration-300 border-l-4 border-gray-300" }, [
                    createVNode("span", { class: "text-xs text-gray-500 uppercase" }, "Всего заявок"),
                    createVNode("span", { class: "text-3xl font-bold text-gray-900 dark:text-white" }, toDisplayString(props.metrics.total), 1)
                  ]),
                  createVNode("div", { class: "flex flex-col justify-between p-4 rounded-xl shadow-md bg-blue-50 dark:bg-blue-950/20 hover:shadow-xl transition-all duration-300 border-l-4 border-blue-400" }, [
                    createVNode("span", { class: "text-xs uppercase font-medium text-blue-700 dark:text-blue-300" }, "Новые"),
                    createVNode("span", { class: "text-3xl font-bold text-blue-700 dark:text-blue-300" }, toDisplayString(props.metrics.new), 1)
                  ]),
                  createVNode("div", { class: "flex flex-col justify-between p-4 rounded-xl shadow-md bg-amber-50 dark:bg-amber-950/20 hover:shadow-xl transition-all duration-300 border-l-4 border-amber-400" }, [
                    createVNode("span", { class: "text-xs uppercase font-medium text-amber-700 dark:text-amber-300" }, "В работе"),
                    createVNode("span", { class: "text-3xl font-bold text-amber-700 dark:text-amber-300" }, toDisplayString(props.metrics.in_progress), 1)
                  ]),
                  createVNode("div", { class: "flex flex-col justify-between p-4 rounded-xl shadow-md bg-green-50 dark:bg-green-950/20 hover:shadow-xl transition-all duration-300 border-l-4 border-green-400" }, [
                    createVNode("span", { class: "text-xs uppercase font-medium text-green-700 dark:text-green-300" }, "Выполнено"),
                    createVNode("span", { class: "text-3xl font-bold text-green-700 dark:text-green-300" }, toDisplayString(props.metrics.done), 1)
                  ]),
                  createVNode("div", { class: "flex flex-col justify-between p-4 rounded-xl shadow-md bg-red-50 dark:bg-red-950/20 hover:shadow-xl transition-all duration-300 border-l-4 border-red-400" }, [
                    createVNode("span", { class: "text-xs uppercase font-medium text-red-700 dark:text-red-300" }, "Отменено"),
                    createVNode("span", { class: "text-3xl font-bold text-red-700 dark:text-red-300" }, toDisplayString(props.metrics.cancelled), 1)
                  ]),
                  createVNode("div", { class: "flex flex-col justify-between p-4 rounded-xl shadow-md bg-purple-50 dark:bg-purple-950/20 hover:shadow-xl transition-all duration-300 border-l-4 border-purple-400" }, [
                    createVNode("span", { class: "text-xs uppercase font-medium text-purple-700 dark:text-purple-300" }, "Назначено вам"),
                    createVNode("span", { class: "text-3xl font-bold text-purple-700 dark:text-purple-300" }, toDisplayString(props.assignedRequestsCount), 1)
                  ])
                ]),
                createVNode("div", { class: "relative min-h-[50vh] flex-1 rounded-xl border border-sidebar-border/70 dark:border-sidebar-border overflow-hidden" }, [
                  createVNode("div", { class: "absolute inset-0 opacity-5 pointer-events-none select-none" }, [
                    (openBlock(), createBlock("svg", {
                      width: "100%",
                      height: "100%"
                    }, [
                      createVNode("pattern", {
                        id: "p1",
                        width: "40",
                        height: "40",
                        patternUnits: "userSpaceOnUse"
                      }, [
                        createVNode("circle", {
                          cx: "1",
                          cy: "1",
                          r: "1",
                          fill: "currentColor"
                        })
                      ]),
                      createVNode("rect", {
                        width: "100%",
                        height: "100%",
                        fill: "url(#p1)"
                      })
                    ]))
                  ])
                ])
              ])
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`<!--]-->`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/pages/Dashboard.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
export {
  _sfc_main as default
};
