import app from "ags/gtk3/app"
import { Astal, Gtk, Gdk } from "ags/gtk3"
import { createPoll } from "ags/time"
import { getBrainState } from "../../lib/brain"
import GLib from "gi://GLib"

function BrainContent() {
  const state = createPoll("", 10000, () => JSON.stringify(getBrainState()))

  const version = state((s: string) => {
    try { return `kernel v${JSON.parse(s).kernelVersion}` } catch { return "" }
  })
  const focus = state((s: string) => {
    try { return JSON.parse(s).focus } catch { return "..." }
  })
  const session = state((s: string) => {
    try { return JSON.parse(s).session || "aucune session active" } catch { return "..." }
  })
  const intentionsTitle = state((s: string) => {
    try {
      const i = JSON.parse(s).intentions
      return `  INTENTIONS (${i.active} active${i.active > 1 ? "s" : ""})`
    } catch { return "  INTENTIONS" }
  })
  const intentionsList = state((s: string) => {
    try {
      return JSON.parse(s).intentions.names.map((n: string) => `  • ${n}`).join("\n") || "  aucune"
    } catch { return "..." }
  })
  const todosTitle = state((s: string) => {
    try { const t = JSON.parse(s).todos; return `${t.open} ouverts / ${t.done} faits` } catch { return "" }
  })
  const todosList = state((s: string) => {
    try {
      return JSON.parse(s).todos.top3.map((item: string) => `  ⬜ ${item}`).join("\n") || "  rien"
    } catch { return "..." }
  })

  return (
    <box orientation={Gtk.Orientation.VERTICAL} class="brain-content">
      <box class="brain-section">
        <label class="brain-section-title" label="  FOCUS" xalign={0} />
        <label class="brain-version" label={version} xalign={1} hexpand />
      </box>
      <label class="brain-focus" label={focus} xalign={0} wrap />
      <box class="brain-divider" />
      <box class="brain-section">
        <label class="brain-section-title" label="  SESSION" xalign={0} />
      </box>
      <label class="brain-session" label={session} xalign={0} />
      <box class="brain-divider" />
      <box class="brain-section">
        <label class="brain-section-title" label={intentionsTitle} xalign={0} />
      </box>
      <label class="brain-intentions-list" label={intentionsList} xalign={0} />
      <box class="brain-divider" />
      <box class="brain-section">
        <label class="brain-section-title" label="󰄲  TODOS" xalign={0} />
        <label class="brain-todos-count" label={todosTitle} xalign={1} hexpand />
      </box>
      <label class="brain-todos-list" label={todosList} xalign={0} />
    </box>
  )
}

export default function BrainPower(gdkmonitor: Gdk.Monitor) {
  const { TOP, LEFT, BOTTOM } = Astal.WindowAnchor

  return (
    <window
      class="BrainPower"
      name="brain-power"
      visible={false}
      gdkmonitor={gdkmonitor}
      exclusivity={Astal.Exclusivity.NONE}
      anchor={TOP | LEFT | BOTTOM}
      application={app}
      layer={Astal.Layer.OVERLAY}
    >
      <box orientation={Gtk.Orientation.VERTICAL} class="brain-panel">
        <box class="brain-header">
          <label class="brain-title" label="  BRAIN POWER" hexpand xalign={0} />
          <button
            class="brain-close"
            onClicked={() => {
              const win = app.get_window("brain-power")
              if (win) win.visible = false
            }}
          >
            <label label="✕" />
          </button>
        </box>
        <BrainContent />
      </box>
    </window>
  )
}
