import { jsx, jsxs } from "react/jsx-runtime";
import { C as Card, b as CardContent, a as CardHeader, c as CardTitle } from "./card-B-gBwpxd.js";
import { c as cn } from "./utils-DLCPGU0v.js";
import { TrendingUp, TrendingDown, ArrowLeft, Edit, Users, Award, DollarSign, Eye, BookOpen, Calendar } from "lucide-react";
import { B as Badge } from "./badge-J-zeQvMg.js";
import { B as Button } from "./button-CdJZJLGw.js";
import { S as Separator } from "./separator-CSqU-rrB.js";
import { D as DashboardLayout } from "./layout-Cf9mPjOS.js";
import { Head, Link } from "@inertiajs/react";
import { format, parseISO } from "date-fns";
import "react";
import "clsx";
import "tailwind-merge";
import "@radix-ui/react-slot";
import "class-variance-authority";
import "@radix-ui/react-separator";
import "./sidebar-C1tqSfnl.js";
import "./sheet-BOQ-e9_C.js";
import "@radix-ui/react-dialog";
import "./tooltip-BYKuzaoQ.js";
import "@radix-ui/react-tooltip";
import "./main-BKBelQb-.js";
import "next-themes";
import "sonner";
import "./appearance-BJIqrZL5.js";
import "./dropdown-menu-msun3TP8.js";
import "@radix-ui/react-dropdown-menu";
import "./language-mewnB-2r.js";
import "./notification-Bg6IzWOo.js";
import "./popover-Cv6Hz_y0.js";
import "@radix-ui/react-popover";
import "./scroll-area-CDdrLubh.js";
import "@radix-ui/react-scroll-area";
import "./app-logo-DWyi5bLn.js";
import "./accordion-cIAfVfPq.js";
import "@radix-ui/react-accordion";
import "./route-DlE7FdTW.js";
import "./avatar-C8iCpF5R.js";
import "@radix-ui/react-avatar";
import "./use-lang-44ndmTOc.js";
const ExamStatsCard = ({ icon: Icon, label, value, trend, className }) => {
  return /* @__PURE__ */ jsx(Card, { className: cn(className), children: /* @__PURE__ */ jsx(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
      /* @__PURE__ */ jsx("div", { className: "bg-primary/10 flex h-12 w-12 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx(Icon, { className: "text-primary h-6 w-6" }) }),
      /* @__PURE__ */ jsxs("div", { children: [
        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-600", children: label }),
        /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-gray-900", children: value })
      ] })
    ] }),
    trend && /* @__PURE__ */ jsxs(
      "div",
      {
        className: cn(
          "flex items-center gap-1 rounded-full px-2 py-1 text-xs font-medium",
          trend.isPositive ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"
        ),
        children: [
          trend.isPositive ? /* @__PURE__ */ jsx(TrendingUp, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(TrendingDown, { className: "h-3 w-3" }),
          Math.abs(trend.value),
          "%"
        ]
      }
    )
  ] }) }) });
};
const ShowExam = ({ exam, stats }) => {
  const recentEnrollments = exam.enrollments.slice(0, 5);
  const recentAttempts = exam.attempts.slice(0, 5);
  return /* @__PURE__ */ jsxs(DashboardLayout, { children: [
    /* @__PURE__ */ jsx(Head, { title: exam.title }),
    /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
          /* @__PURE__ */ jsx(Link, { href: route("exams.index"), children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", children: [
            /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }),
            "Back"
          ] }) }),
          /* @__PURE__ */ jsxs("div", { children: [
            /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-gray-900", children: exam.title }),
            /* @__PURE__ */ jsx("p", { className: "mt-1 text-gray-600", children: exam.exam_category.title })
          ] })
        ] }),
        /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx(Link, { href: route("exams.edit", exam.id), children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
          /* @__PURE__ */ jsx(Edit, { className: "mr-2 h-4 w-4" }),
          "Edit"
        ] }) }) })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4", children: [
        /* @__PURE__ */ jsx(ExamStatsCard, { icon: Users, label: "Total Enrollments", value: stats.total_enrollments.toString() }),
        /* @__PURE__ */ jsx(ExamStatsCard, { icon: TrendingUp, label: "Active Students", value: stats.active_enrollments.toString() }),
        /* @__PURE__ */ jsx(ExamStatsCard, { icon: Award, label: "Pass Rate", value: `${stats.pass_rate.toFixed(1)}%` }),
        /* @__PURE__ */ jsx(ExamStatsCard, { icon: DollarSign, label: "Revenue", value: `$${stats.total_revenue.toFixed(2)}` })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-3", children: [
        /* @__PURE__ */ jsxs("div", { className: "space-y-6 lg:col-span-2", children: [
          /* @__PURE__ */ jsxs(Card, { children: [
            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Exam Details" }) }),
            /* @__PURE__ */ jsx(CardContent, { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
              /* @__PURE__ */ jsxs("div", { children: [
                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "Status" }),
                /* @__PURE__ */ jsx(Badge, { variant: exam.status === "published" ? "default" : exam.status === "draft" ? "secondary" : "outline", children: exam.status })
              ] }),
              /* @__PURE__ */ jsxs("div", { children: [
                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "Pricing" }),
                /* @__PURE__ */ jsx("p", { className: "font-semibold", children: exam.pricing_type === "free" ? "Free" : `$${exam.discount_price || exam.price}` })
              ] }),
              /* @__PURE__ */ jsxs("div", { children: [
                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "Total Questions" }),
                /* @__PURE__ */ jsx("p", { className: "font-semibold", children: exam.total_questions })
              ] }),
              /* @__PURE__ */ jsxs("div", { children: [
                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "Total Marks" }),
                /* @__PURE__ */ jsx("p", { className: "font-semibold", children: exam.total_marks })
              ] }),
              /* @__PURE__ */ jsxs("div", { children: [
                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "Duration" }),
                /* @__PURE__ */ jsxs("p", { className: "font-semibold", children: [
                  exam.duration_hours > 0 && `${exam.duration_hours}h `,
                  exam.duration_minutes > 0 && `${exam.duration_minutes}m`
                ] })
              ] }),
              /* @__PURE__ */ jsxs("div", { children: [
                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "Pass Mark" }),
                /* @__PURE__ */ jsx("p", { className: "font-semibold", children: exam.pass_mark })
              ] }),
              /* @__PURE__ */ jsxs("div", { children: [
                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "Max Attempts" }),
                /* @__PURE__ */ jsx("p", { className: "font-semibold", children: exam.max_attempts })
              ] }),
              /* @__PURE__ */ jsxs("div", { children: [
                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "Level" }),
                /* @__PURE__ */ jsx("p", { className: "font-semibold", children: exam.level || "Not set" })
              ] })
            ] }) })
          ] }),
          /* @__PURE__ */ jsxs(Card, { children: [
            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Performance Analytics" }) }),
            /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600", children: "Total Attempts" }),
                /* @__PURE__ */ jsx("span", { className: "font-semibold", children: stats.total_attempts })
              ] }),
              /* @__PURE__ */ jsx(Separator, {}),
              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600", children: "Completed Attempts" }),
                /* @__PURE__ */ jsx("span", { className: "font-semibold", children: stats.completed_attempts })
              ] }),
              /* @__PURE__ */ jsx(Separator, {}),
              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600", children: "Average Score" }),
                /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
                  stats.average_score.toFixed(1),
                  "%"
                ] })
              ] }),
              /* @__PURE__ */ jsx(Separator, {}),
              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600", children: "Pass Rate" }),
                /* @__PURE__ */ jsxs(Badge, { variant: stats.pass_rate >= 70 ? "default" : "destructive", children: [
                  stats.pass_rate.toFixed(1),
                  "%"
                ] })
              ] })
            ] }) })
          ] }),
          /* @__PURE__ */ jsxs(Card, { children: [
            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Recent Attempts" }) }),
            /* @__PURE__ */ jsx(CardContent, { children: recentAttempts.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: recentAttempts.map((attempt) => {
              var _a;
              return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-lg border p-3", children: [
                /* @__PURE__ */ jsxs("div", { children: [
                  /* @__PURE__ */ jsx("p", { className: "font-semibold", children: (_a = attempt.user) == null ? void 0 : _a.name }),
                  /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: format(parseISO(attempt.start_time), "MMM dd, yyyy HH:mm") })
                ] }),
                /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
                  /* @__PURE__ */ jsx(
                    Badge,
                    {
                      variant: attempt.status === "completed" ? "default" : attempt.status === "abandoned" ? "destructive" : "secondary",
                      children: attempt.status
                    }
                  ),
                  /* @__PURE__ */ jsxs("p", { className: "mt-1 text-sm font-semibold", children: [
                    attempt.obtained_marks,
                    "/",
                    attempt.total_marks
                  ] })
                ] })
              ] }, attempt.id);
            }) }) : /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-gray-600", children: "No attempts yet" }) })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
          /* @__PURE__ */ jsxs(Card, { children: [
            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Quick Actions" }) }),
            /* @__PURE__ */ jsxs(CardContent, { className: "space-y-2", children: [
              /* @__PURE__ */ jsx(Link, { href: route("student.exams.show", exam.slug), target: "_blank", children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "w-full justify-start", children: [
                /* @__PURE__ */ jsx(Eye, { className: "mr-2 h-4 w-4" }),
                "View as Student"
              ] }) }),
              /* @__PURE__ */ jsx(Link, { href: route("exams.questions.index", exam.id), children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "w-full justify-start", children: [
                /* @__PURE__ */ jsx(BookOpen, { className: "mr-2 h-4 w-4" }),
                "Manage Questions"
              ] }) })
            ] })
          ] }),
          /* @__PURE__ */ jsxs(Card, { children: [
            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Recent Enrollments" }) }),
            /* @__PURE__ */ jsx(CardContent, { children: recentEnrollments.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: recentEnrollments.map((enrollment) => {
              var _a;
              return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
                /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4 text-gray-400" }),
                /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
                  /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: (_a = enrollment.user) == null ? void 0 : _a.name }),
                  /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-600", children: format(parseISO(enrollment.entry_date), "MMM dd, yyyy") })
                ] })
              ] }, enrollment.id);
            }) }) : /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-gray-600", children: "No enrollments yet" }) })
          ] }),
          exam.reviews.length > 0 && /* @__PURE__ */ jsxs(Card, { children: [
            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Reviews" }) }),
            /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
              /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold", children: (exam.reviews.reduce((sum, r) => sum + r.rating, 0) / exam.reviews.length).toFixed(1) }),
              /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-600", children: [
                exam.reviews.length,
                " reviews"
              ] })
            ] }) })
          ] })
        ] })
      ] })
    ] })
  ] });
};
export {
  ShowExam as default
};