import { connectedControls } from "./connectedControls.js";
import { getBluetoothIcon } from "../utils.js";

const devices = (bluetooth, self) => {
  return self.hook(bluetooth, () => {
    if (!bluetooth.enabled) {
      return (self.child = Widget.Box({
        class_name: "bluetooth-items",
        vertical: true,
        expand: true,
        vpack: "center",
        hpack: "center",
        children: [
          Widget.Label({
            class_name: "dim",
            hexpand: true,
            label: "Bluetooth is disabled",
          }),
        ],
      }));
    }

    const availableDevices = bluetooth.devices
      .filter(
        (btDev) => btDev.name !== null,
      )
      .sort((a, b) => {
        if (a.connected || a.paired) {
          return -1;
        }

        if (b.connected || b.paired) {
          return 1;
        }

        return b.name - a.name;
      });

    const conDevNames = availableDevices
      .filter((d) => d.connected || d.paired)
      .map((d) => d.address);

    if (!availableDevices.length) {
      return (self.child = Widget.Box({
        class_name: "bluetooth-items",
        vertical: true,
        expand: true,
        vpack: "center",
        hpack: "center",
        children: [
          Widget.Label({
            class_name: "dim",
            hexpand: true,
            label: "No devices currently found",
          }),
          Widget.Label({
            class_name: "dim",
            hexpand: true,
            label: "Press '󰑐' to search",
          }),
        ],
      }));
    }

    return (self.child = Widget.Box({
      vertical: true,
      children: availableDevices.map((device) => {
        return Widget.Box({
          children: [
            Widget.Button({
              hexpand: true,
              class_name: `bluetooth-element-item ${device}`,
              on_primary_click: () => {
                if (!conDevNames.includes(device.address))
                  device.setConnection(true);
              },
              child: Widget.Box({
                hexpand: true,
                children: [
                  Widget.Box({
                    hexpand: true,
                    hpack: "start",
                    class_name: "menu-button-container",
                    children: [
                      Widget.Label({
                        vpack: "start",
                        class_name: `menu-button-icon bluetooth ${conDevNames.includes(device.address) ? "active" : ""}`,
                        label: getBluetoothIcon(`${device["icon-name"]}-symbolic`),
                      }),
                      Widget.Box({
                        vertical: true,
                        vpack: "center",
                        children: [
                          Widget.Label({
                            vpack: "center",
                            hpack: "start",
                            class_name: "menu-button-name bluetooth",
                            truncate: "end",
                            wrap: true,
                            label: device.alias,
                          }),
                          Widget.Revealer({
                            hpack: "start",
                            reveal_child: device.connected || device.paired,
                            child: Widget.Label({
                              hpack: "start",
                              class_name: "connection-status dim",
                              label: device.connected ? "Connected" : "Paired",
                            }),
                          }),
                        ],
                      }),
                    ],
                  }),
                  Widget.Box({
                    hpack: "end",
                    children: device.connecting
                      ? [
                          Widget.Spinner({
                            vpack: "start",
                            class_name: "spinner bluetooth",
                          }),
                        ]
                      : [],
                  }),
                ],
              }),
            }),
            connectedControls(device, conDevNames),
          ],
        });
      }),
    }));
  });
};

export { devices };