const pptxgen = require("pptxgenjs");
const path = require("path");

const pres = new pptxgen();
pres.layout = "LAYOUT_16x9";
pres.title = "Carotid Triangle";

// Color palette: deep navy bg for title/summary, white content slides with teal accents
const NAVY = "0D2B55";
const TEAL = "1A8C8C";
const GOLD = "F0A500";
const WHITE = "FFFFFF";
const LTGRAY = "F4F6FA";
const DARKTEXT = "1A1A2E";
const SUBTEXT = "4A5568";

// ─── SLIDE 1: Title ───────────────────────────────────────────────────────────
{
  const slide = pres.addSlide();
  // Dark navy background
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 0, w: 10, h: 5.625, fill: { color: NAVY } });
  // Teal accent bar
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 2.6, w: 10, h: 0.07, fill: { color: TEAL } });
  // Gold side accent
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 0, w: 0.18, h: 5.625, fill: { color: GOLD } });

  slide.addText("CAROTID TRIANGLE", {
    x: 0.4, y: 1.0, w: 9.2, h: 1.0,
    fontSize: 44, bold: true, color: WHITE, fontFace: "Calibri",
    align: "left", charSpacing: 3
  });
  slide.addText("Anatomy | Contents | Clinical Significance", {
    x: 0.4, y: 2.1, w: 9.2, h: 0.55,
    fontSize: 20, color: TEAL, fontFace: "Calibri", align: "left", italic: true
  });
  slide.addText("Class Presentation  •  Anatomy", {
    x: 0.4, y: 4.8, w: 9.2, h: 0.5,
    fontSize: 13, color: "8A9BBE", fontFace: "Calibri", align: "left"
  });

  // Neck triangles overview image (right side)
  slide.addImage({
    path: path.resolve(__dirname, "img1.jpg"),
    x: 5.8, y: 0.4, w: 3.9, h: 2.9,
    rounding: true
  });
}

// ─── SLIDE 2: Boundaries ──────────────────────────────────────────────────────
{
  const slide = pres.addSlide();
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 0, w: 10, h: 5.625, fill: { color: LTGRAY } });
  // Header bar
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 0, w: 10, h: 1.05, fill: { color: NAVY } });
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 1.05, w: 10, h: 0.07, fill: { color: TEAL } });

  slide.addText("BOUNDARIES", {
    x: 0.35, y: 0.1, w: 9.2, h: 0.82,
    fontSize: 30, bold: true, color: WHITE, fontFace: "Calibri"
  });

  // 3 boundary cards
  const cards = [
    { label: "Superiorly", detail: "Posterior belly of Digastric\n+ Stylohyoid muscle", icon: "▲" },
    { label: "Laterally", detail: "Posterior border of\nSternocleidomastoid (SCM)", icon: "◀" },
    { label: "Medially", detail: "Superior belly of\nOmohyoid muscle", icon: "▶" },
  ];
  cards.forEach((c, i) => {
    const x = 0.35 + i * 3.2;
    slide.addShape(pres.ShapeType.rect, { x, y: 1.3, w: 3.0, h: 2.2, fill: { color: WHITE }, line: { color: TEAL, width: 2 }, shadow: { type: "outer", blur: 6, offset: 2, angle: 45, color: "CCCCCC" } });
    slide.addText(c.icon + "  " + c.label, { x, y: 1.32, w: 3.0, h: 0.55, fontSize: 15, bold: true, color: TEAL, fontFace: "Calibri", align: "center" });
    slide.addText(c.detail, { x, y: 1.88, w: 3.0, h: 1.3, fontSize: 14, color: DARKTEXT, fontFace: "Calibri", align: "center", valign: "middle" });
  });

  slide.addText("Floor: Thyrohyoid, Hyoglossus, Middle & Inferior Pharyngeal Constrictors", {
    x: 0.35, y: 3.65, w: 9.3, h: 0.52,
    fontSize: 13, color: SUBTEXT, fontFace: "Calibri", italic: true,
    align: "center"
  });
  slide.addText("Roof: Investing layer of deep cervical fascia + skin + platysma", {
    x: 0.35, y: 4.2, w: 9.3, h: 0.52,
    fontSize: 13, color: SUBTEXT, fontFace: "Calibri", italic: true,
    align: "center"
  });

  // Small diagram on right
  slide.addImage({
    path: path.resolve(__dirname, "img1.jpg"),
    x: 6.8, y: 3.55, w: 2.9, h: 1.8
  });
}

// ─── SLIDE 3: Vessels ────────────────────────────────────────────────────────
{
  const slide = pres.addSlide();
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 0, w: 10, h: 5.625, fill: { color: LTGRAY } });
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 0, w: 10, h: 1.05, fill: { color: NAVY } });
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 1.05, w: 10, h: 0.07, fill: { color: GOLD } });

  slide.addText("VESSELS", {
    x: 0.35, y: 0.1, w: 9.2, h: 0.82,
    fontSize: 30, bold: true, color: WHITE, fontFace: "Calibri"
  });

  // Left column – Arteries
  slide.addShape(pres.ShapeType.rect, { x: 0.35, y: 1.2, w: 4.5, h: 0.42, fill: { color: "C0392B" }, rounding: true });
  slide.addText("🩸  ARTERIES", { x: 0.35, y: 1.2, w: 4.5, h: 0.42, fontSize: 14, bold: true, color: WHITE, fontFace: "Calibri", align: "center" });

  const arteries = [
    "Common Carotid Artery (CCA)",
    "Internal Carotid Artery (ICA) — no branch in neck",
    "External Carotid Artery (ECA)",
    "  → Superior Thyroid A.",
    "  → Lingual A.",
    "  → Facial A.",
    "  → Ascending Pharyngeal A.",
    "  → Occipital A. (occasionally)",
  ];
  arteries.forEach((a, i) => {
    slide.addText(a, {
      x: 0.45, y: 1.72 + i * 0.38,
      w: 4.3, h: 0.38,
      fontSize: 12.5, color: DARKTEXT, fontFace: "Calibri",
      bullet: a.startsWith("  ") ? false : { code: "2022" }
    });
  });

  // Right column – Veins
  slide.addShape(pres.ShapeType.rect, { x: 5.15, y: 1.2, w: 4.5, h: 0.42, fill: { color: "1A5276" }, rounding: true });
  slide.addText("🔵  VEINS", { x: 5.15, y: 1.2, w: 4.5, h: 0.42, fontSize: 14, bold: true, color: WHITE, fontFace: "Calibri", align: "center" });

  const veins = [
    "Internal Jugular Vein (IJV)",
    "  Anterolateral to carotid arteries",
    "  in the carotid sheath",
    "Tributaries correspond to ECA branches:",
    "  → Superior Thyroid V.",
    "  → Lingual V.",
    "  → Facial V.",
    "  → Pharyngeal V.",
  ];
  veins.forEach((v, i) => {
    slide.addText(v, {
      x: 5.25, y: 1.72 + i * 0.38,
      w: 4.3, h: 0.38,
      fontSize: 12.5, color: DARKTEXT, fontFace: "Calibri",
      bullet: (!v.startsWith("  ") && !v.startsWith("  →")) ? { code: "2022" } : false
    });
  });
}

// ─── SLIDE 4: Nerves ─────────────────────────────────────────────────────────
{
  const slide = pres.addSlide();
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 0, w: 10, h: 5.625, fill: { color: LTGRAY } });
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 0, w: 10, h: 1.05, fill: { color: NAVY } });
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 1.05, w: 10, h: 0.07, fill: { color: TEAL } });

  slide.addText("NERVES", {
    x: 0.35, y: 0.1, w: 9.2, h: 0.82,
    fontSize: 30, bold: true, color: WHITE, fontFace: "Calibri"
  });

  const nerves = [
    { name: "Vagus Nerve (CN X)", detail: "Runs deep in carotid sheath, posterior to vessels. Gives rise to Superior Laryngeal Nerve here." },
    { name: "Hypoglossal Nerve (CN XII)", detail: "Crosses superficially, hooks around occipital artery. Motor to tongue muscles." },
    { name: "Superior Laryngeal Nerve", detail: "Branch of vagus. Divides into: Internal branch (sensory, larynx above cords) & External branch (motor, cricothyroid)." },
    { name: "Ansa Cervicalis (Superior Root)", detail: "From C1 fibres carried by CN XII. Descends to form ansa, supplies infrahyoid 'strap' muscles." },
    { name: "Sympathetic Chain", detail: "Lies posterior to carotid sheath. Contains superior cervical ganglion." },
  ];

  nerves.forEach((n, i) => {
    const y = 1.2 + i * 0.82;
    slide.addShape(pres.ShapeType.rect, { x: 0.35, y, w: 9.3, h: 0.75, fill: { color: WHITE }, line: { color: TEAL, width: 1.5 } });
    slide.addText(n.name, { x: 0.5, y: y + 0.03, w: 2.8, h: 0.35, fontSize: 13, bold: true, color: TEAL, fontFace: "Calibri" });
    slide.addText(n.detail, { x: 3.4, y: y + 0.04, w: 6.1, h: 0.66, fontSize: 12, color: DARKTEXT, fontFace: "Calibri", valign: "middle" });
  });
}

// ─── SLIDE 5: Diagram ────────────────────────────────────────────────────────
{
  const slide = pres.addSlide();
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 0, w: 10, h: 5.625, fill: { color: LTGRAY } });
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 0, w: 10, h: 1.05, fill: { color: NAVY } });
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 1.05, w: 10, h: 0.07, fill: { color: GOLD } });

  slide.addText("DIAGRAM", {
    x: 0.35, y: 0.1, w: 9.2, h: 0.82,
    fontSize: 30, bold: true, color: WHITE, fontFace: "Calibri"
  });

  // Big labeled diagram (the detailed carotid triangle image)
  slide.addImage({
    path: path.resolve(__dirname, "img0.jpg"),
    x: 0.5, y: 1.2, w: 5.0, h: 4.1
  });

  // Key label box
  const keyItems = [
    { text: "CCA", desc: "Common Carotid Artery" },
    { text: "ICA", desc: "Internal Carotid Artery" },
    { text: "ECA", desc: "External Carotid Artery" },
    { text: "IJV", desc: "Internal Jugular Vein" },
    { text: "CN X", desc: "Vagus Nerve" },
    { text: "CN XII", desc: "Hypoglossal Nerve" },
    { text: "SCM", desc: "Sternocleidomastoid" },
  ];
  slide.addShape(pres.ShapeType.rect, { x: 5.8, y: 1.2, w: 3.85, h: 4.1, fill: { color: WHITE }, line: { color: TEAL, width: 1.5 } });
  slide.addText("Key Structures", { x: 5.9, y: 1.22, w: 3.65, h: 0.45, fontSize: 14, bold: true, color: TEAL, fontFace: "Calibri", align: "center" });
  keyItems.forEach((k, i) => {
    slide.addText(k.text + " — " + k.desc, {
      x: 6.0, y: 1.72 + i * 0.48,
      w: 3.55, h: 0.45,
      fontSize: 12.5, color: DARKTEXT, fontFace: "Calibri",
      bullet: { code: "2022" }
    });
  });
}

// ─── SLIDE 6: Clinical Significance ──────────────────────────────────────────
{
  const slide = pres.addSlide();
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 0, w: 10, h: 5.625, fill: { color: NAVY } });
  slide.addShape(pres.ShapeType.rect, { x: 0, y: 1.05, w: 10, h: 0.07, fill: { color: GOLD } });

  slide.addText("CLINICAL SIGNIFICANCE", {
    x: 0.35, y: 0.1, w: 9.2, h: 0.82,
    fontSize: 28, bold: true, color: WHITE, fontFace: "Calibri"
  });

  const points = [
    { icon: "🫀", title: "Carotid Pulse", body: "Palpated between SCM & trachea — first site to check circulation." },
    { icon: "⚡", title: "Carotid Sinus Syndrome", body: "Pressure on sinus → reflex bradycardia / syncope (vasovagal). Avoid during neck exam." },
    { icon: "🔬", title: "Carotid Endarterectomy", body: "Surgical removal of atherosclerotic plaque to prevent stroke." },
    { icon: "💉", title: "IJV Cannulation", body: "Central venous access gained in carotid triangle — risk of inadvertent CCA puncture." },
    { icon: "🦠", title: "Neck Masses / Lymph Nodes", body: "Jugular chain nodes here enlarge in infection & malignancy (especially head & neck cancer)." },
    { icon: "⚔️", title: "Carotid Body Tumour", body: "Rare paraganglioma at bifurcation — pulsatile neck mass, splays ICA & ECA ('lyre sign')." },
  ];

  points.forEach((p, i) => {
    const col = i < 3 ? 0 : 1;
    const row = i % 3;
    const x = 0.35 + col * 4.95;
    const y = 1.25 + row * 1.35;
    slide.addShape(pres.ShapeType.rect, { x, y, w: 4.6, h: 1.22, fill: { color: "1A3A6B" }, line: { color: GOLD, width: 1.5 } });
    slide.addText(p.icon + "  " + p.title, { x: x + 0.12, y: y + 0.05, w: 4.35, h: 0.38, fontSize: 13.5, bold: true, color: GOLD, fontFace: "Calibri" });
    slide.addText(p.body, { x: x + 0.12, y: y + 0.42, w: 4.35, h: 0.76, fontSize: 12, color: "D0E0FF", fontFace: "Calibri", valign: "top" });
  });
}

// Write file
pres.writeFile({ fileName: "/home/daytona/workspace/carotid-triangle-ppt/Carotid_Triangle.pptx" })
  .then(() => console.log("DONE: Carotid_Triangle.pptx"))
  .catch(e => { console.error("ERROR:", e); process.exit(1); });