pragma ComponentBehavior: Bound

import qs.config
import qs.services
import qs.widgets
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Quickshell.Widgets

StyledPopupWindow {
    id: root

    backgroundColor: Theme.palette.base300
    margins: 16
    radius: 8

    content: ColumnLayout {
        spacing: 8
        WrapperRectangle {
            margin: 16
            color: Theme.palette.base200
            radius: 8
            Layout.fillWidth: true
            RowLayout {
                StyledText {
                    text: "Bluetooth"
                }

                Switch {
                    Layout.alignment: Qt.AlignRight
                    checked: Bluetooth.defaultAdapter.enabled
                    onClicked: Bluetooth.defaultAdapter.enabled = checked
                }
            }
        }

        WrapperRectangle {
            margin: 16
            color: Theme.palette.base200
            radius: 8
            ColumnLayout {
                spacing: 8

                StyledText {
                    Layout.minimumWidth: 320
                    font.bold: true
                    text: "Connected Devices"
                }

                ColumnLayout {
                    Repeater {
                        model: Bluetooth.connectedDevices
                        delegate: ConnectedDevice {
                            Layout.fillWidth: true
                        }
                    }
                }

                StyledText {
                    font.bold: true
                    text: "Paired Devices"
                }

                DeviceList {
                    devices: Bluetooth.pairedDevices
                    onDeviceActivated: device => {
                        device.connect();
                    }
                }

                StyledText {
                    font.bold: true
                    text: "Available Devices"
                }

                DeviceList {
                    devices: Bluetooth.availableDevices
                    onDeviceActivated: device => {
                        device.pair();
                    }
                }
            }
        }
    }
}