import {App, Utils, Widget} from "../imports.js"
const {execAsync, exec} = Utils
import {MaterialIcon} from "./lib/materialicon.js"
import {setupCursorHover} from "./lib/cursorhover.js"

const RECORD_SCRIPT_DIR = `${App.configDir}/scripts/record-script.sh`
const RECORDER_PROCESS = "record-script.sh"
const CLOSE_ANIM_TIME = 150

async function toggleSystemdService(serviceName, button) {
  const serviceState = exec(`systemctl is-enabled ${serviceName}`) == "enabled"
  // console.log(`pkexec bash -c "systemctl ${serviceState ? 'disable' : 'enable'} ${serviceName}"`)
  exec(`pkexec bash -c "systemctl ${serviceState ? "disable" : "enable"} ${serviceName}"`)
  const newServiceState = exec(`systemctl is-enabled ${serviceName}`) == "enabled"
  button.toggleClassName("sidebar-button-active", newServiceState)
  serviceState.toggleClassName("invisible", newServiceState)
}

const ModuleRecord = (props = {}) =>
  Widget.Button({
    ...props,
    className: "button-minsize sidebar-button-nopad sidebar-button-alone-normal txt-small",
    onClicked: () => {
      execAsync(["bash", "-c", RECORD_SCRIPT_DIR]).catch(print)
      setTimeout(() => {
        button.toggleClassName(
          "sidebar-button-active",
          exec(`pidof ${RECORDER_PROCESS} >/dev/null && echo 1 || echo`) == "1",
        )
      }, CLOSE_ANIM_TIME)
    },
    child: MaterialIcon("screen_record", "larger"),
    setup: button => {
      button.toggleClassName(
        "sidebar-button-active",
        exec(`pidof ${RECORDER_PROCESS} >/dev/null && echo 1 || echo`),
      )
      setupCursorHover(button)
    },
  })

const SystemdService = serviceName => {
  const serviceState = Widget.Label({
    className: `icon-material txt-larger`,
    label: "check",
    setup: label => {
      // label.toggleClassName('invisible', exec(`bash -c "systemctl is-enabled ${serviceName} >/dev/null && echo ON || echo OFF"`) == 'OFF');
    },
  })
  return Widget.Button({
    className: "button-minsize sidebar-button sidebar-button-alone-normal txt-small",
    onClicked: button => {
      toggleSystemdService(serviceName, button)
    },
    setup: button => {
      button.toggleClassName(
        "sidebar-button-active",
        exec(`systemctl is-enabled ${serviceName}`) == "enabled",
      )
      setupCursorHover(button)
    },
    child: Widget.Box({
      setup: box => {
        box.pack_start(
          Widget.Label({
            xalign: 0,
            label: serviceName,
          }),
          true,
          true,
          0,
        )
        // box.pack_end(serviceState, false, false, 0);
      },
    }),
  })
}

export const ModuleMiscToggles = () => {
  const PowerSavers = Widget.Revealer({
    revealChild: false,
    transition: "slide_left",
    transitionDuration: 100,
    child: Widget.Box({
      className: "spacing-v-5 margin-right-10",
      vertical: true,
      children: [SystemdService("tlp"), SystemdService("auto-cpufreq")],
    }),
  })
  const ModulePowerSavers = Widget.Button({
    className: "button-minsize sidebar-button-nopad sidebar-button-alone-normal txt-small",
    child: MaterialIcon("keyboard_arrow_leftenergy_savings_leaf", "larger", {
      xalign: 0.2,
    }),
    onClicked: button => {
      const revealed = PowerSavers.revealChild
      PowerSavers.revealChild = !revealed
      button.toggleClassName("sidebar-button-active", !revealed)
      button.child.label = revealed
        ? "keyboard_arrow_leftenergy_savings_leaf"
        : "keyboard_arrow_rightenergy_savings_leaf"
    },
    setup: button => setupCursorHover(button),
  })
  return Widget.Box({
    className: "sidebar-group spacing-h-10",
    children: [
      PowerSavers,
      Widget.Box({
        vertical: true,
        className: "spacing-v-5",
        children: [
          ModulePowerSavers,
          Widget.Box({
            className: "spacing-h-5",
            children: [ModuleNightLight(), ModuleRecord()],
          }),
        ],
      }),
    ],
  })
}