import Button from "@/components/common/button";
import { StatusBadge } from "@/components/common/statusBadge";
import { Eye, GitBranch, KeyRound, Pencil, Settings } from "lucide-react";
import ActionButtons from "@/components/common/actionButton";





export const siteHeaders = [
  "Site",
  "Tenant",
  "Coordinates",
  "Radius",
  "Status",
  "Actions",
];

export const siteRows = [
  [
    <div>
      <p className="font-semibold text-slate-100">Apple One — HQ Tower</p>
      <p className="font-mono text-xs text-slate-400">AO-HQ · SIT-3001</p>
    </div>,
    "Apple One",
    <span className="font-mono whitespace-nowrap">19.0760, 72.8777</span>,
    <span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">200 m</span>,
    <div className="flex items-center gap-3">
      <div className="h-7 w-12 rounded-full bg-teal-400 relative">
        <div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
      </div>
      <StatusBadge
        text="Active"
        color="bg-emerald-500/15 text-emerald-400"
      />
    </div>,
    <ActionButtons />,
  ],

  [
    <div>
      <p className="font-semibold text-slate-100">Apple One — Annexe</p>
      <p className="font-mono text-xs text-slate-400">AO-AX · SIT-3002</p>
    </div>,
    "Apple One",
    <span className="font-mono whitespace-nowrap">19.1020, 72.8895</span>,
    <span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">150 m</span>,
    <div className="flex items-center gap-3">
      <div className="h-7 w-12 rounded-full bg-teal-400 relative">
        <div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
      </div>
      <StatusBadge
        text="Active"
        color="bg-emerald-500/15 text-emerald-400"
      />
    </div>,
    <ActionButtons />,
  ],

  [
    <div>
      <p className="font-semibold text-slate-100">Novotel Pune — Main</p>
      <p className="font-mono text-xs text-slate-400">NP-M · SIT-3003</p>
    </div>,
    "Novotel Pune",
    <span className="font-mono whitespace-nowrap">18.5604, 73.9090</span>,
    <span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">180 m</span>,
    <div className="flex items-center gap-3">
      <div className="h-7 w-12 rounded-full bg-teal-400 relative">
        <div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
      </div>
      <StatusBadge
        text="Active"
        color="bg-emerald-500/15 text-emerald-400"
      />
    </div>,
    <ActionButtons />,
  ],

  [
    <div>
      <p className="font-semibold text-slate-100">
        SRM Campus — Academic Block
      </p>
      <p className="font-mono text-xs text-slate-400">SRM-AB · SIT-3004</p>
    </div>,
    "SRM Campus",
    <span className="font-mono whitespace-nowrap">12.8230, 80.0444</span>,
    <span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">400 m</span>,
    <div className="flex items-center gap-3">
      <div className="h-7 w-12 rounded-full bg-teal-400 relative">
        <div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
      </div>
      <StatusBadge
        text="Active"
        color="bg-emerald-500/15 text-emerald-400"
      />
    </div>,
    <ActionButtons />,
  ],

  [
    <div>
      <p className="font-semibold text-slate-100">
        SRM Campus — Hostel Block
      </p>
      <p className="font-mono text-xs text-slate-400">SRM-HB · SIT-3005</p>
    </div>,
    "SRM Campus",
    <span className="font-mono whitespace-nowrap">12.8255, 80.0478</span>,
    <span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">350 m</span>,
    <div className="flex items-center gap-3">
      <div className="h-7 w-12 rounded-full bg-teal-400 relative">
        <div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
      </div>
      <StatusBadge
        text="Active"
        color="bg-emerald-500/15 text-emerald-400"
      />
    </div>,
    <ActionButtons />,
  ],

  [
    <div>
      <p className="font-semibold text-slate-100">Local 1 — Site</p>
      <p className="font-mono text-xs text-slate-400">L1-S · SIT-3006</p>
    </div>,
    "Local 1",
    <span className="font-mono whitespace-nowrap">19.2183, 72.9781</span>,
    <span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">120 m</span>,
    <div className="flex items-center gap-3">
      <div className="h-7 w-12 rounded-full bg-teal-400 relative">
        <div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
      </div>
      <StatusBadge
        text="Active"
        color="bg-emerald-500/15 text-emerald-400"
      />
    </div>,
    <ActionButtons />,
  ],
];

export const organizationHeaders = [
  "Organization",
  "Tenant ID",
  "Contact",
  "Time Zone",
  "Status",
  "Actions",
];



export const organizationRows = [
  [
    <div className="flex items-center gap-3">
      <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-emerald-500/15 font-semibold text-emerald-400">
        AO
      </div>

      <div>
        <div className="font-semibold text-slate-100">Apple One</div>
        <div className="text-slate-400">ops@appleone.com</div>
      </div>
    </div>,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      TNT-1001
    </span>,

    <div>
      <div className="font-semibold text-slate-100">Dhananjay T.</div>
      <div className="text-sky-300">+91 98200 10001</div>
    </div>,

    <span className="font-mono">Asia/Kolkata</span>,

    <StatusBadge
      text="Active"
      color="bg-emerald-500/15 text-emerald-400"
    />,

    <ActionButtons />,
  ],

  [
    <div className="flex items-center gap-3">
      <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-blue-500/15 font-semibold text-blue-400">
        NP
      </div>

      <div>
        <div className="font-semibold text-slate-100">Novotel Pune</div>
        <div className="text-slate-400">fm@novotelpune.com</div>
      </div>
    </div>,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      TNT-1002
    </span>,

    <div>
      <div className="font-semibold text-slate-100">Site FM Lead</div>
      <div className="text-sky-300">+91 98220 20002</div>
    </div>,

    <span className="font-mono">Asia/Kolkata</span>,

    <StatusBadge
      text="Active"
      color="bg-emerald-500/15 text-emerald-400"
    />,

    <ActionButtons />,
  ],

  [
    <div className="flex items-center gap-3">
      <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-blue-500/15 font-semibold text-blue-400">
        SC
      </div>

      <div>
        <div className="font-semibold text-slate-100">SRM Campus</div>
        <div className="text-slate-400">estates@srm.edu</div>
      </div>
    </div>,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      TNT-1003
    </span>,

    <div>
      <div className="font-semibold text-slate-100">Estates Office</div>
      <div className="text-sky-300">+91 98430 30003</div>
    </div>,

    <span className="font-mono">Asia/Kolkata</span>,

    <StatusBadge
      text="Active"
      color="bg-emerald-500/15 text-emerald-400"
    />,

    <ActionButtons />,
  ],

  [
    <div className="flex items-center gap-3">
      <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-blue-500/15 font-semibold text-blue-400">
        L1
      </div>

      <div>
        <div className="font-semibold text-slate-100">Local 1</div>
        <div className="text-slate-400">admin@local1.com</div>
      </div>
    </div>,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      TNT-1004
    </span>,

    <div>
      <div className="font-semibold text-slate-100">Local Admin</div>
      <div className="text-sky-300">+91 98000 40004</div>
    </div>,

    <span className="font-mono">Asia/Kolkata</span>,

    <StatusBadge
      text="Active"
      color="bg-emerald-500/15 text-emerald-400"
    />,

    <ActionButtons />,
  ],
];



export const userHeaders = [
  "Name",
  "Email",
  "Phone",
  "Tenants",
  "MFA",
  "User ID",
  "Actions",
];

const UserActionButtons = () => (
  <div className="flex items-center justify-center gap-2">
    <Button className="flex h-9 w-9 items-center justify-center rounded-xl border border-slate-700/60 text-slate-400 hover:bg-slate-800 hover:text-white transition">
      <Eye size={16} />
    </Button>

    <Button className="flex h-9 w-9 items-center justify-center rounded-xl border border-slate-700/60 text-slate-400 hover:bg-slate-800 hover:text-white transition">
      <KeyRound size={16} />
    </Button>
  </div>
);

export const userRows = [
  [
    <div className="flex items-center gap-4">
      <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-amber-500/15 font-semibold text-amber-400">
        DT
      </div>

      <span className="font-semibold text-slate-100">
        Dhananjay T.
      </span>
    </div>,

    <span className="font-semibold text-slate-100">
      dhananjay@kafm.io
    </span>,

    <span className="font-mono text-sky-300">
      +91 98200 10001
    </span>,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      4 assigned
    </span>,

    <StatusBadge
      text="On"
      color="bg-emerald-500/15 text-emerald-400"
    />,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      USR-5001
    </span>,

    <UserActionButtons />,
  ],

  [
    <div className="flex items-center gap-4">
      <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/15 font-semibold text-cyan-400">
        MS
      </div>

      <span className="font-semibold text-slate-100">
        ME Supervisor
      </span>
    </div>,

    <span className="font-semibold text-slate-100">
      me.local@kafm.io
    </span>,

    <span className="font-mono text-sky-300">
      +91 98201 10010
    </span>,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      1 assigned
    </span>,

    <StatusBadge
      text="On"
      color="bg-emerald-500/15 text-emerald-400"
    />,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      USR-5002
    </span>,

    <UserActionButtons />,
  ],

  [
    <div className="flex items-center gap-4">
      <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-amber-500/15 font-semibold text-amber-400">
        T
      </div>

      <span className="font-semibold text-slate-100">
        Technician
      </span>
    </div>,

    <span className="font-semibold text-slate-100">
      tech.local@kafm.io
    </span>,

    <span className="font-mono text-sky-300">
      +91 98202 10011
    </span>,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      2 assigned
    </span>,

    <StatusBadge
      text="Off"
      color="bg-slate-700/50 text-slate-400"
    />,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      USR-5003
    </span>,

    <UserActionButtons />,
  ],

  [
    <div className="flex items-center gap-4">
      <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-rose-500/15 font-semibold text-rose-400">
        TC
      </div>

      <span className="font-semibold text-slate-100">
        Tenant Customer
      </span>
    </div>,

    <span className="font-semibold text-slate-100">
      tenant@kafm.io
    </span>,

    <span className="font-mono text-sky-300">
      +91 98203 10012
    </span>,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      1 assigned
    </span>,

    <StatusBadge
      text="On"
      color="bg-emerald-500/15 text-emerald-400"
    />,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      USR-5004
    </span>,

    <UserActionButtons />,
  ],

  [
    <div className="flex items-center gap-4">
      <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-violet-500/15 font-semibold text-violet-400">
        HA
      </div>

      <span className="font-semibold text-slate-100">
        Helpdesk Agent
      </span>
    </div>,

    <span className="font-semibold text-slate-100">
      help@kafm.io
    </span>,

    <span className="font-mono text-sky-300">
      +91 98204 10013
    </span>,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      2 assigned
    </span>,

    <StatusBadge
      text="On"
      color="bg-emerald-500/15 text-emerald-400"
    />,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      USR-5005
    </span>,

    <UserActionButtons />,
  ],

  [
    <div className="flex items-center gap-4">
      <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-orange-500/15 font-semibold text-orange-400">
        EA
      </div>

      <span className="font-semibold text-slate-100">
        Energy Analyst
      </span>
    </div>,

    <span className="font-semibold text-slate-100">
      energy@kafm.io
    </span>,

    <span className="font-mono text-sky-300">
      +91 98430 30030
    </span>,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      1 assigned
    </span>,

    <StatusBadge
      text="On"
      color="bg-emerald-500/15 text-emerald-400"
    />,

    <span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
      USR-5006
    </span>,

    <UserActionButtons />,
  ],
];