import { Bluetooth } from 'types/service/bluetooth.js';
import Box from 'types/widgets/box.js';
import { connectedControls } from './connectedControls.js';
import { getBluetoothIcon } from '../utils.js';
import Gtk from 'types/@girs/gtk-3.0/gtk-3.0.js';
import { Attribute, Child } from 'lib/types/widget.js';

const devices = (bluetooth: Bluetooth, self: Box<Gtk.Widget, unknown>): Box<Child, Attribute> => {
    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: 'bluetooth-disabled 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: 'no-bluetooth-devices dim',
                        hexpand: true,
                        label: 'No devices currently found',
                    }),
                    Widget.Label({
                        class_name: 'search-bluetooth-label 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' : ''} txt-icon`,
                                                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 };