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 {
                RowLayout {
                    StyledText {
                        text: "Enabled"
                    }

                    Switch {
                        checked: Bluetooth.defaultAdapter.enabled
                        onClicked: Bluetooth.defaultAdapter.enabled = checked
                    }
                }

                RowLayout {
                    Layout.alignment: Qt.AlignRight
                    StyledText {
                        text: "Scan"
                    }

                    Switch {
                        checked: Bluetooth.defaultAdapter.discovering
                        onClicked: Bluetooth.defaultAdapter.discovering = checked
                    }
                }
            }
        }

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

                StyledText {
                    Layout.topMargin: 8
                    Layout.minimumWidth: 320
                    font.bold: true
                    font.pixelSize: 14
                    text: "Connected Devices"
                }

                ColumnLayout {
                    Loader {
                        active: Bluetooth.connectedDevices.length == 0
                        sourceComponent: StyledText {
                            font.italic: true
                            text: "No devices connected..."
                        }
                    }
                    Repeater {
                        model: Bluetooth.connectedDevices
                        delegate: Loader {
                            id: connectedDeviceLoader
                            required property var modelData
                            Layout.fillWidth: true
                            active: modelData != null
                            sourceComponent: ConnectedDevice {
                                device: connectedDeviceLoader.modelData
                            }
                        }
                    }
                }

                StyledText {
                    Layout.topMargin: 8
                    font.bold: true
                    font.pixelSize: 14
                    text: "Paired Devices"
                }

                ColumnLayout {
                    Loader {
                        active: Bluetooth.availableDevices.length == 0
                        sourceComponent: StyledText {
                            font.italic: true
                            text: "No paired devices..."
                        }
                    }
                    Repeater {
                        model: Bluetooth.pairedDevices
                        delegate: Loader {
                            id: pairedDeviceLoader
                            required property var modelData
                            Layout.fillWidth: true
                            active: modelData != null
                            sourceComponent: PairedDevice {
                                device: pairedDeviceLoader.modelData
                            }
                        }
                    }
                }

                StyledText {
                    Layout.topMargin: 8
                    font.bold: true
                    font.pixelSize: 14
                    text: "Available Devices"
                }

                ColumnLayout {
                    Loader {
                        active: Bluetooth.availableDevices.length == 0
                        sourceComponent: StyledText {
                            font.italic: true
                            text: Bluetooth.defaultAdapter.discovering ? "No devices found..." : "Scan to find devices..."
                        }
                    }
                    Repeater {
                        model: Bluetooth.availableDevices
                        delegate: Loader {
                            id: availableDeviceLoader
                            required property var modelData
                            Layout.fillWidth: true
                            active: modelData != null
                            sourceComponent: AvailableDevice {
                                device: availableDeviceLoader.modelData
                            }
                        }
                    }
                }
            }
        }
    }
}