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 />,
  ],
];

// Security in admin
export const auditLogHeaders = [
  "WHEN",
  "USER",
  "EVENT",
  "IP",
  "RESULT",
];

export const auditLogRows = [
  [
    <span className="font-mono text-slate-300">Today 08:12</span>,
    <span className="font-mono text-slate-300">dhananjay@kafm.io</span>,
    <span className="text-slate-200">Sign-in · password + MFA</span>,
    <span className="font-mono text-slate-300">103.212.14.8</span>,
    <StatusBadge
      text="OK"
      color="bg-emerald-500/15 text-emerald-400"
    />,
  ],

  [
    <span className="font-mono text-slate-300">Today 07:56</span>,
    <span className="font-mono text-slate-300">kavya@kafm.io</span>,
    <span className="text-slate-200">
      Role changed · Technician → M&E Supervisor
    </span>,
    <span className="font-mono text-slate-300">49.37.201.55</span>,
    <StatusBadge
      text="OK"
      color="bg-emerald-500/15 text-emerald-400"
    />,
  ],

  [
    <span className="font-mono text-slate-300">Today 07:31</span>,
    <span className="font-mono text-slate-300">unknown@ext.net</span>,
    <span className="text-slate-200">
      Sign-in · wrong password (3rd attempt)
    </span>,
    <span className="font-mono text-slate-300">91.240.118.7</span>,
    <StatusBadge
      text="FAILED"
      color="bg-rose-500/15 text-rose-400"
    />,
  ],

  [
    <span className="font-mono text-slate-300">Today 06:58</span>,
    <span className="font-mono text-slate-300">rahul@kafm.io</span>,
    <span className="text-slate-200">
      Device trusted · KAFM Mobile (30 days)
    </span>,
    <span className="font-mono text-slate-300">152.58.33.104</span>,
    <StatusBadge
      text="OK"
      color="bg-emerald-500/15 text-emerald-400"
    />,
  ],

  [
    <span className="font-mono text-slate-300">Yesterday 17:40</span>,
    <span className="font-mono text-slate-300">kavya@kafm.io</span>,
    <span className="text-slate-200">
      Password reset · self-service link
    </span>,
    <span className="font-mono text-slate-300">49.37.201.55</span>,
    <StatusBadge
      text="OK"
      color="bg-emerald-500/15 text-emerald-400"
    />,
  ],

  [
    <span className="font-mono text-slate-300">Yesterday 14:05</span>,
    <span className="font-mono text-slate-300">meera@kafm.io</span>,
    <span className="text-slate-200">
      MFA reset by admin · device revoked
    </span>,
    <span className="font-mono text-slate-300">103.212.14.31</span>,
    <StatusBadge
      text="PENDING"
      color="bg-amber-500/15 text-amber-400"
    />,
  ],

  [
    <span className="font-mono text-slate-300">Jun 30 09:12</span>,
    <span className="font-mono text-slate-300">admin@kafm.io</span>,
    <span className="text-slate-200">
      Sign-in policy updated · idle timeout 30 min
    </span>,
    <span className="font-mono text-slate-300">103.212.14.8</span>,
    <StatusBadge
      text="OK"
      color="bg-emerald-500/15 text-emerald-400"
    />,
  ],
];


export const trustedDeviceHeaders = [
  "USER",
  "DEVICE",
  "IP",
  "LAST SEEN",
  "EXPIRES",
  "STATUS",
  "ACTIONS",
];

export const trustedDeviceRows = [
  [
    <span className="font-semibold text-white">Dhananjay T.</span>,
    "Chrome 126 · Windows 11",
    <span className="font-mono">103.212.14.8</span>,
    <span className="font-mono">Today, 08:12</span>,
    <span className="font-mono">Jul 30, 2026</span>,
    <StatusBadge
      text="TRUSTED"
      color="bg-emerald-500/15 text-emerald-400"
    />,
    <Button className="rounded-md border border-slate-700/80 bg-slate-800/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 transition-colors">
      Revoke
    </Button>,
  ],

  [
    <span className="font-semibold text-white">Kavya Raghunathan</span>,
    "Safari 18 · macOS",
    <span className="font-mono">49.37.201.55</span>,
    <span className="font-mono">Yesterday, 17:40</span>,
    <span className="font-mono">Jul 21, 2026</span>,
    <StatusBadge
      text="TRUSTED"
      color="bg-emerald-500/15 text-emerald-400"
    />,
    <Button className="rounded-md border border-slate-700/80 bg-slate-800/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 transition-colors">
      Revoke
    </Button>,
  ],

  [
    <span className="font-semibold text-white">Rahul Iyer</span>,
    "KAFM Mobile · Android 15",
    <span className="font-mono">152.58.33.104</span>,
    <span className="font-mono">Today, 06:58</span>,
    <span className="font-mono">Jul 12, 2026</span>,
    <StatusBadge
      text="TRUSTED"
      color="bg-emerald-500/15 text-emerald-400"
    />,
    <Button className="rounded-md border border-slate-700/80 bg-slate-800/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 transition-colors">
      Revoke
    </Button>,
  ],

  [
    <span className="font-semibold text-white">Meera Pillai</span>,
    "Edge 126 · Windows 10",
    <span className="font-mono">103.212.14.31</span>,
    <span className="font-mono">Jun 18, 2026</span>,
    <span className="font-mono text-slate-400">Expired</span>,
    <StatusBadge
      text="REVOKED"
      color="bg-slate-700/50 text-slate-400"
    />,
    <span className="text-slate-500 text-center">—</span>,
  ],
];