const {Gdk, Gtk} = imports.gi
import {Utils, Widget} from "../imports.js"
const {execAsync, exec} = Utils
const {Box, EventBox} = Widget
import {
  ToggleIconBluetooth,
  ToggleIconWifi,
  HyprToggleIcon,
  ModuleNightLight,
  ModuleEditIcon,
  ModuleReloadIcon,
  ModuleSettingsIcon,
  ModulePowerIcon,
} from "./quicktoggles.js"
import ModuleNotificationList from "./notificationlist.js"
import {ModuleMusicControls} from "./musiccontrols.js"
import {ModuleCalendar} from "./calendar.js"

const NUM_OF_TOGGLES_PER_LINE = 5

const togglesFlowBox = Widget({
  type: Gtk.FlowBox,
  className: "sidebar-group spacing-h-10",
  setup: self => {
    self.set_max_children_per_line(NUM_OF_TOGGLES_PER_LINE)
    self.add(ToggleIconWifi({hexpand: "true"}))
    self.add(ToggleIconBluetooth({hexpand: "true"}))
    self.add(HyprToggleIcon("mouse", "Raw input", "input:force_no_accel", {hexpand: "true"}))
    self.add(
      HyprToggleIcon("front_hand", "No touchpad while typing", "input:touchpad:disable_while_typing", {
        hexpand: "true",
      }),
    )
    self.add(ModuleNightLight({hexpand: "true"}))
    // Setup flowbox rearrange
    self.connect("child-activated", (self, child) => {
      if (child.get_index() === 0) {
        self.reorder_child(child, self.get_children().length - 1)
      } else {
        self.reorder_child(child, 0)
      }
    })
  },
})

const togglesBox = Widget.Box({
  className: "sidebar-group spacing-h-10",
  children: [
    ToggleIconWifi({hexpand: "true"}),
    ToggleIconBluetooth({hexpand: "true"}),
    HyprToggleIcon("mouse", "Raw input", "input:force_no_accel", {hexpand: "true"}),
    HyprToggleIcon("front_hand", "No touchpad while typing", "input:touchpad:disable_while_typing", {
      hexpand: "true",
    }),
    ModuleNightLight({hexpand: "true"}),
  ],
})

export default () =>
  Box({
    // vertical: true,
    vexpand: true,
    hexpand: true,
    children: [
      EventBox({
        onPrimaryClick: () => App.closeWindow("sideright"),
        onSecondaryClick: () => App.closeWindow("sideright"),
        onMiddleClick: () => App.closeWindow("sideright"),
      }),
      Box({
        vertical: true,
        vexpand: true,
        className: "sidebar-right",
        children: [
          Box({
            vertical: true,
            vexpand: true,
            className: "spacing-v-15",
            children: [
              Box({
                vertical: true,
                className: "spacing-v-5",
                children: [
                  Box({
                    // Header
                    className: "spacing-h-5 sidebar-group-invisible-morehorizpad",
                    children: [
                      Widget.Label({
                        className: "txt-title txt",
                        connections: [
                          [
                            5000,
                            label => {
                              execAsync([`date`, "+%H:%M"])
                                .then(timeString => {
                                  label.label = timeString
                                })
                                .catch(print)
                            },
                          ],
                        ],
                      }),
                      Widget.Label({
                        halign: "center",
                        className: "txt-small txt",
                        connections: [
                          [
                            5000,
                            label => {
                              execAsync([
                                "bash",
                                "-c",
                                `uptime -p | sed -e 's/up //;s/ hours,/h/;s/ minutes/m/'`,
                              ])
                                .then(upTimeString => {
                                  label.label = `• uptime ${upTimeString}`
                                })
                                .catch(print)
                            },
                          ],
                        ],
                      }),
                      Widget.Box({hexpand: true}),
                      // ModuleEditIcon({ halign: 'end' }), // TODO: Make this work
                      ModuleReloadIcon({halign: "end"}),
                      ModuleSettingsIcon({halign: "end"}),
                      ModulePowerIcon({halign: "end"}),
                    ],
                  }),
                  // togglesFlowBox,
                  togglesBox,
                ],
              }),
              ModuleNotificationList({vexpand: true}),
              ModuleCalendar(),
            ],
          }),
        ],
      }),
    ],
  })