/* cctv.ae — part 2: threats (live-scan sim), facial, industries, partners, ANPR parking sim, CCC callback, page. */ (function () { const data = window.cctv; const wrap = window.cctvWrap; const Icon = window.CCTVIcon; const sevColor = (s) => (s === "Critical" ? "#ff6168" : s === "High" ? "#ffb020" : "var(--af-light-blue)"); const feedBg = "radial-gradient(120% 90% at 28% 18%, rgba(0,174,239,0.22), transparent 55%), repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 5px), linear-gradient(135deg, #082a55, #041a3a)"; /* ── Threats Uncovered — live camera-network simulation ─── */ function Threats() { const t = data.threats; const IconChip = window.CCTVIconChip; const col = (s) => (s === "Critical" ? "#ff6168" : s === "High" ? "#ffb020" : "var(--af-light-blue)"); const counts = t.items.reduce((m, it) => (m[it.severity] = (m[it.severity] || 0) + 1, m), {}); return (

{t.title}

{t.intro}

Al-Futtaim{t.scanLabel} ANALYSING
LIVE TOPOLOGY · 248 NODES● ONLINE
{React.createElement(window.CCTVCameraNetwork, { items: t.items })}
{[["Critical", counts.Critical || 0], ["High", counts.High || 0], ["Medium", counts.Medium || 0]].map(([s, n]) => ( {s} · {n} ))}
{t.items.map((it) => { const c = col(it.severity); return (

{it.title}

{it.severity}

{it.body}

); })}
); } /* ── Facial recognition band ────────────────────────────── */ function Facial() { const f = data.facial; return (
{window.AIFaceBand && React.createElement(window.AIFaceBand)}

{f.eyebrow}

{f.titleLead}
{f.titleHighlight}

{f.intro}

{f.items.map((it) => (
{it.no}

{it.title}

{it.body}

))}
); } /* ── Industries — branded live-FR feed tiles ────────────── */ function Industries() { const ind = data.industries; return (

{ind.eyebrow}

{ind.titleLead}
{ind.titleTail}

{ind.intro}

{ind.tiles.map((tile, i) => (
{window.CCTVIllos[tile.illo] && React.createElement(window.CCTVIllos[tile.illo])}
FR ACTIVE {tile.title} ))}
    {ind.capabilities.map((c) => (
  • {React.createElement(window.CCTVIconChip, { name: c.icon, chip: 40, size: 19 })} {c.label}
    • ))}

{ind.demo.title}

{ind.demo.sub}

e.preventDefault()} style={{ marginTop: "1rem", display: "flex", gap: "0.5rem" }}>
); } /* ── Strategic partners — frosted cards ─────────────────── */ function Partners() { const p = data.partners; return (

{p.title}

{p.logos.map((logo) => (
{logo.name}
))}
); } /* ── ANPR smart-parking simulation (innovative footer band) */ function ANPRParking() { const a = data.anpr; return (
{/* scene */}
{/* parking bays */}
{a.bays.map((b) => { const on = b === a.assignedBay; return ( {b} ); })}
{/* ground line */}
{/* ANPR camera pole */}
{/* barrier */}
{/* car */} {/* plate ANPR HUD */}
{a.region}{a.plate}
{/* status chip */}
{a.statusScanning} ✓ {a.statusGranted}
{/* copy + meta */}

{a.eyebrow}

{a.title}

{a.intro}

{a.meta.map((m) => (
{m.v}
{m.k}
))}
); } /* ── Request a Call Back — CCC console ───────────────────── */ function Callback() { const c = data.callback; const [done, setDone] = React.useState(false); const [submitting, setSubmitting] = React.useState(false); const [err, setErr] = React.useState(""); const ref = React.useMemo(() => "CCC-" + Math.floor(100000 + Math.random() * 899999), []); const submit = async (e) => { e.preventDefault(); setSubmitting(true); setErr(""); const payload = Object.fromEntries(new FormData(e.target).entries()); payload.ref = ref; try { const res = await fetch("/api/callback", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }); const out = await res.json().catch(() => ({})); if (!res.ok || !out.ok) throw new Error([out.error, out.detail].filter(Boolean).join(" — ") || ("HTTP " + res.status)); setDone(true); } catch (e2) { setErr("Couldn't submit: " + ((e2 && e2.message) ? e2.message : "unknown error") + ". You can also email support@alfuttaim.technology."); } finally { setSubmitting(false); } }; const field = (fld) => { const base = { width: "100%", padding: "0.7rem 0.9rem", fontSize: "var(--text-sm)", border: "1.5px solid #c2cedd", borderRadius: "var(--radius-sm)", outline: "none", fontFamily: "inherit", background: "#fff", color: "var(--text-strong)", boxSizing: "border-box" }; if (fld.type === "select") return ; if (fld.type === "textarea") return