import {Widget, Utils, Service} from "../imports.js"
import Bluetooth from "resource:///com/github/Aylur/ags/service/bluetooth.js"
import Network from "resource:///com/github/Aylur/ags/service/network.js"
const {execAsync, exec} = Utils
import {BluetoothIndicator, NetworkIndicator} from "./statusicons.js"
import {setupCursorHover} from "./lib/cursorhover.js"
import {MaterialIcon} from "./lib/materialicon.js"

export const ToggleIconWifi = (props = {}) =>
  Widget.Button({
    className: "txt-small sidebar-iconbutton",
    tooltipText: "Wifi | Right-click to configure",
    onClicked: Network.toggleWifi,
    onSecondaryClickRelease: () => {
      execAsync(["bash", "-c", 'XDG_CURRENT_DESKTOP="gnome" gnome-control-center wifi', "&"])
    },
    child: NetworkIndicator(),
    connections: [
      [
        Network,
        button => {
          button.toggleClassName(
            "sidebar-button-active",
            Network.wifi?.internet == "connected" || Network.wired?.internet == "connected",
          )
        },
      ],
      [
        Network,
        button => {
          button.tooltipText = `${Network.wifi?.ssid} | Right-click to configure` || "Unknown"
        },
      ],
    ],
    setup: button => setupCursorHover(button),
    ...props,
  })

export const ToggleIconBluetooth = (props = {}) =>
  Widget.Button({
    className: "txt-small sidebar-iconbutton",
    tooltipText: "Bluetooth | Right-click to configure",
    onClicked: () => {
      // Provided service doesn't work hmmm
      const status = Bluetooth?.enabled
      if (status) {
        exec("rfkill block bluetooth")
      } else {
        exec("rfkill unblock bluetooth")
      }
    },
    onSecondaryClickRelease: () => {
      execAsync(["bash", "-c", 'XDG_CURRENT_DESKTOP="gnome" gnome-control-center bluetooth', "&"])
    },
    child: BluetoothIndicator(),
    connections: [
      [
        Bluetooth,
        button => {
          button.toggleClassName("sidebar-button-active", Bluetooth?.enabled)
        },
      ],
    ],
    setup: button => setupCursorHover(button),
    ...props,
  })

export const HyprToggleIcon = (icon, name, hyprlandConfigValue, props = {}) =>
  Widget.Button({
    className: "txt-small sidebar-iconbutton",
    tooltipText: `${name}`,
    onClicked: button => {
      // Set the value to 1 - value
      Utils.execAsync(`hyprctl -j getoption ${hyprlandConfigValue}`)
        .then(result => {
          const currentOption = JSON.parse(result).int
          execAsync(["bash", "-c", `hyprctl keyword ${hyprlandConfigValue} ${1 - currentOption} &`]).catch(
            print,
          )
          button.toggleClassName("sidebar-button-active", currentOption == 0)
        })
        .catch(print)
    },
    child: MaterialIcon(icon, "norm", {halign: "center"}),
    setup: button => {
      button.toggleClassName(
        "sidebar-button-active",
        JSON.parse(Utils.exec(`hyprctl -j getoption ${hyprlandConfigValue}`)).int == 1,
      )
      setupCursorHover(button)
    },
    ...props,
  })

export const ModuleNightLight = (props = {}) =>
  Widget.Button({
    className: "txt-small sidebar-iconbutton",
    tooltipText: "Night Light",
    onClicked: button => {
      // Set the value to 1 - value
      const shaderPath = JSON.parse(exec("hyprctl -j getoption decoration:screen_shader")).str
      if (shaderPath != "[[EMPTY]]" && shaderPath != "") {
        execAsync(["bash", "-c", `hyprctl keyword decoration:screen_shader ''`]).catch(print)
        button.toggleClassName("sidebar-button-active", false)
      } else {
        execAsync([
          "bash",
          "-c",
          `hyprctl keyword decoration:screen_shader ~/.config/hypr/shaders/extradark.frag`,
        ]).catch(print)
        button.toggleClassName("sidebar-button-active", true)
      }
    },
    child: MaterialIcon("nightlight", "norm"),
    setup: button => setupCursorHover(button),
    ...props,
  })

export const ModuleEditIcon = (props = {}) =>
  Widget.Button({
    // TODO: Make this work
    ...props,
    className: "txt-small sidebar-iconbutton",
    onClicked: () => {
      execAsync(["bash", "-c", 'XDG_CURRENT_DESKTOP="gnome" gnome-control-center', "&"])
      App.toggleWindow("sideright")
    },
    child: MaterialIcon("edit", "norm"),
    setup: button => {
      setupCursorHover(button)
    },
  })

export const ModuleReloadIcon = (props = {}) =>
  Widget.Button({
    ...props,
    className: "txt-small sidebar-iconbutton",
    tooltipText: "Reload Hyprland",
    onClicked: () => {
      execAsync(["bash", "-c", "hyprctl reload &"])
      App.toggleWindow("sideright")
    },
    child: MaterialIcon("refresh", "norm"),
    setup: button => {
      setupCursorHover(button)
    },
  })

export const ModuleSettingsIcon = (props = {}) =>
  Widget.Button({
    ...props,
    className: "txt-small sidebar-iconbutton",
    tooltipText: "Open Settings",
    onClicked: () => {
      execAsync(["bash", "-c", 'XDG_CURRENT_DESKTOP="gnome" gnome-control-center', "&"])
      App.toggleWindow("sideright")
    },
    child: MaterialIcon("settings", "norm"),
    setup: button => {
      setupCursorHover(button)
    },
  })

export const ModulePowerIcon = (props = {}) =>
  Widget.Button({
    ...props,
    className: "txt-small sidebar-iconbutton",
    tooltipText: "Session",
    onClicked: () => {
      App.toggleWindow("session")
    },
    child: MaterialIcon("power_settings_new", "norm"),
    setup: button => {
      setupCursorHover(button)
    },
  })