import { jsxs, jsx } from "react/jsx-runtime";
import { B as Badge } from "./badge-J-zeQvMg.js";
import { B as Button } from "./button-CdJZJLGw.js";
import { C as Card, a as CardHeader, c as CardTitle, b as CardContent, d as CardDescription } from "./card-B-gBwpxd.js";
import { L as LandingLayout } from "./landing-layout-Cned6N12.js";
import { usePage, Head } from "@inertiajs/react";
import { Building2, MapPin, Clock, Mail, Eye, Zap } from "lucide-react";
import { useState } from "react";
import { Renderer } from "richtor";
/* empty css                 */
import "@radix-ui/react-slot";
import "class-variance-authority";
import "./utils-DLCPGU0v.js";
import "clsx";
import "tailwind-merge";
import "./index-CzkkaexN.js";
import "./app-logo-DWyi5bLn.js";
import "lucide-react/dynamic";
import "./main-BKBelQb-.js";
import "next-themes";
import "sonner";
import "./dropdown-menu-msun3TP8.js";
import "@radix-ui/react-dropdown-menu";
import "./scroll-area-CDdrLubh.js";
import "@radix-ui/react-scroll-area";
import "./use-auth-8FvJer_G.js";
import "./use-screen-B7SDA5zE.js";
import "./appearance-BJIqrZL5.js";
import "./language-mewnB-2r.js";
import "./separator-CSqU-rrB.js";
import "@radix-ui/react-separator";
import "./notification-Bg6IzWOo.js";
import "./popover-Cv6Hz_y0.js";
import "@radix-ui/react-popover";
import "date-fns";
import "./profile-toggle-DX74bufz.js";
import "./avatar-C8iCpF5R.js";
import "@radix-ui/react-avatar";
import "nanoid";
const JobCircularShow = () => {
  const { jobCircular, translate } = usePage().props;
  const { frontend, button, common } = translate;
  const [showFullDescription, setShowFullDescription] = useState(false);
  const getDaysUntilDeadline = () => {
    const deadline = new Date(jobCircular.application_deadline);
    const today = /* @__PURE__ */ new Date();
    const diffTime = deadline.getTime() - today.getTime();
    const diffDays = Math.ceil(diffTime / (1e3 * 60 * 60 * 24));
    if (diffDays < 0) return common.expired;
    if (diffDays === 0) return common.today;
    if (diffDays === 1) return frontend.day_left;
    return `${diffDays} ${frontend.days_left}`;
  };
  const getFormattedSalary = () => {
    var _a, _b;
    const min = (_a = jobCircular.salary_min) == null ? void 0 : _a.toLocaleString();
    const max = (_b = jobCircular.salary_max) == null ? void 0 : _b.toLocaleString();
    const currency = jobCircular.salary_currency;
    if (jobCircular.salary_negotiable) {
      return `${currency} ${min} - ${max} (${frontend.negotiable})`;
    }
    return `${currency} ${min} - ${max}`;
  };
  const getStatusBadge = (status) => {
    const statusConfig = {
      active: { label: common.active, variant: "default" },
      draft: { label: common.draft, variant: "secondary" },
      closed: { label: frontend.closed, variant: "destructive" },
      expired: { label: common.expired, variant: "outline" }
    };
    const config = statusConfig[status] || { label: status, variant: "outline" };
    return /* @__PURE__ */ jsx(Badge, { variant: config.variant, children: config.label });
  };
  return /* @__PURE__ */ jsxs(LandingLayout, { customizable: false, children: [
    /* @__PURE__ */ jsx(Head, { title: jobCircular.title }),
    /* @__PURE__ */ jsxs("div", { className: "min-h-screen", children: [
      /* @__PURE__ */ jsx("div", { className: "border-border border-b", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
        /* @__PURE__ */ jsxs("div", { children: [
          /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
            /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold", children: jobCircular.title }),
            getStatusBadge(jobCircular.status)
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground mt-2 flex items-center space-x-4 text-sm", children: [
            /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
              /* @__PURE__ */ jsx(Building2, { className: "mr-1 h-4 w-4" }),
              /* @__PURE__ */ jsx("span", { children: frontend.company_fallback })
            ] }),
            /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
              /* @__PURE__ */ jsx(MapPin, { className: "mr-1 h-4 w-4" }),
              /* @__PURE__ */ jsx("span", { children: jobCircular.location })
            ] }),
            /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
              /* @__PURE__ */ jsx(Clock, { className: "mr-1 h-4 w-4" }),
              /* @__PURE__ */ jsx("span", { children: getDaysUntilDeadline() })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ jsx("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsx(Button, { size: "sm", asChild: true, children: /* @__PURE__ */ jsxs("a", { href: `mailto:${jobCircular.contact_email}`, children: [
          /* @__PURE__ */ jsx(Mail, { className: "mr-2 h-4 w-4" }),
          button.apply
        ] }) }) })
      ] }) }) }),
      /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-8 lg:grid-cols-3", children: [
        /* @__PURE__ */ jsxs("div", { className: "space-y-6 lg:col-span-2", children: [
          /* @__PURE__ */ jsxs(Card, { className: "!shadow-none", children: [
            /* @__PURE__ */ jsx(CardHeader, { className: "pb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
              /* @__PURE__ */ jsx(CardTitle, { className: "mb-2 text-xl font-semibold", children: jobCircular.title }),
              /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
                /* @__PURE__ */ jsx("h6", { className: "text-secondary-foreground text-lg font-semibold", children: getFormattedSalary() }),
                /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground mt-1 text-sm", children: [
                  jobCircular.positions_available,
                  " ",
                  jobCircular.positions_available !== 1 ? frontend.positions : frontend.position,
                  " ",
                  frontend.available
                ] })
              ] })
            ] }) }),
            /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 md:grid-cols-4", children: [
              /* @__PURE__ */ jsxs("div", { className: "bg-muted rounded-lg p-4 text-center", children: [
                /* @__PURE__ */ jsx("div", { className: "mb-2 text-2xl", children: "🎯" }),
                /* @__PURE__ */ jsx("div", { className: "font-semibold capitalize", children: jobCircular.experience_level }),
                /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-sm", children: frontend.experience_level })
              ] }),
              /* @__PURE__ */ jsxs("div", { className: "bg-muted rounded-lg p-4 text-center", children: [
                /* @__PURE__ */ jsx("div", { className: "mb-2 text-2xl", children: "💼" }),
                /* @__PURE__ */ jsx("div", { className: "font-semibold capitalize", children: jobCircular.job_type }),
                /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-sm", children: frontend.job_type })
              ] }),
              /* @__PURE__ */ jsxs("div", { className: "bg-muted rounded-lg p-4 text-center", children: [
                /* @__PURE__ */ jsx("div", { className: "mb-2 text-2xl", children: "🏢" }),
                /* @__PURE__ */ jsx("div", { className: "font-semibold capitalize", children: jobCircular.work_type }),
                /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-sm", children: frontend.work_type })
              ] }),
              /* @__PURE__ */ jsxs("div", { className: "bg-muted rounded-lg p-4 text-center", children: [
                /* @__PURE__ */ jsx("div", { className: "mb-2 text-2xl", children: "📅" }),
                /* @__PURE__ */ jsx("div", { className: "font-semibold capitalize", children: getDaysUntilDeadline() }),
                /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-sm", children: frontend.application_deadline })
              ] })
            ] }) })
          ] }),
          /* @__PURE__ */ jsxs(Card, { className: "!shadow-none", children: [
            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-xl font-semibold", children: frontend.job_description }) }),
            /* @__PURE__ */ jsxs(CardContent, { children: [
              /* @__PURE__ */ jsx("div", { className: `${showFullDescription ? "" : "max-h-96 overflow-hidden"}`, children: /* @__PURE__ */ jsx(Renderer, { value: jobCircular.description }) }),
              !showFullDescription && /* @__PURE__ */ jsx("div", { className: "mt-4 text-center", children: /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => setShowFullDescription(true), className: "w-full", children: [
                /* @__PURE__ */ jsx(Eye, { className: "mr-2 h-4 w-4" }),
                button.show_full
              ] }) }),
              showFullDescription && /* @__PURE__ */ jsx("div", { className: "mt-4 text-center", children: /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => setShowFullDescription(false), className: "w-full", children: [
                /* @__PURE__ */ jsx(Eye, { className: "mr-2 h-4 w-4" }),
                button.show_less
              ] }) })
            ] })
          ] }),
          /* @__PURE__ */ jsxs(Card, { className: "!shadow-none", children: [
            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center text-xl font-semibold", children: [
              /* @__PURE__ */ jsx(Zap, { className: "mr-2 h-5 w-5 text-yellow-500" }),
              frontend.skills_required
            ] }) }),
            /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: jobCircular.skills_required.map((skill, index) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "px-3 py-1 text-sm", children: skill }, index)) }) })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
          /* @__PURE__ */ jsxs(Card, { className: "!shadow-none", children: [
            /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
              /* @__PURE__ */ jsx(CardTitle, { className: "text-xl font-semibold", children: frontend.quick_apply }),
              /* @__PURE__ */ jsx(CardDescription, { children: frontend.send_application })
            ] }),
            /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
              /* @__PURE__ */ jsx(Button, { className: "w-full", asChild: true, children: /* @__PURE__ */ jsxs("a", { href: `mailto:${jobCircular.contact_email}`, children: [
                /* @__PURE__ */ jsx(Mail, { className: "mr-2 h-4 w-4" }),
                frontend.apply_via_email
              ] }) }),
              /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground text-center text-sm", children: [
                /* @__PURE__ */ jsxs("p", { children: [
                  frontend.application_deadline,
                  ":"
                ] }),
                /* @__PURE__ */ jsx("p", { className: "font-semibold", children: new Date(jobCircular.application_deadline).toLocaleDateString() })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ jsxs(Card, { className: "!shadow-none", children: [
            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg font-semibold", children: frontend.job_statistics }) }),
            /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
                /* @__PURE__ */ jsxs("div", { className: "bg-secondary text-secondary-foreground rounded-lg p-3 text-center", children: [
                  /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold", children: jobCircular.positions_available }),
                  /* @__PURE__ */ jsx("div", { className: "text-sm", children: frontend.positions_available })
                ] }),
                /* @__PURE__ */ jsxs("div", { className: "bg-secondary text-secondary-foreground rounded-lg p-3 text-center", children: [
                  /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold", children: getDaysUntilDeadline().includes("Expired") ? "0" : "Active" }),
                  /* @__PURE__ */ jsx("div", { className: "text-sm", children: common.status })
                ] })
              ] }),
              /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground text-center text-sm", children: [
                /* @__PURE__ */ jsxs("p", { children: [
                  frontend.posted,
                  " ",
                  new Date(jobCircular.created_at).toLocaleDateString()
                ] }),
                /* @__PURE__ */ jsxs("p", { children: [
                  frontend.last_updated,
                  " ",
                  new Date(jobCircular.updated_at).toLocaleDateString()
                ] })
              ] })
            ] })
          ] })
        ] })
      ] }) })
    ] })
  ] });
};
export {
  JobCircularShow as default
};