import QtQuick
import QtQuick.Layouts
import Quickshell
import qs
import qs.services
import qs.modules.common
import qs.modules.common.functions
import qs.modules.waffle.looks

Rectangle {
    Layout.fillHeight: false
    Layout.fillWidth: true
    color: Looks.colors.bgPanelFooter

    implicitWidth: 360
    implicitHeight: 47

    // Battery button
    WPanelFooterButton {
        visible: Battery.available
        anchors.verticalCenter: parent.verticalCenter
        anchors.left: parent.left
        anchors.leftMargin: 12

        contentItem: Row {
            spacing: 4

            FluentIcon {
                anchors.verticalCenter: parent.verticalCenter
                icon: WIcons.batteryIcon
            }
            WText {
                anchors.verticalCenter: parent.verticalCenter
                text: `${Math.round(Battery.percentage * 100) || 0}%`
            }
        }
    }

    // Settings button
    WPanelFooterButton {
        anchors.verticalCenter: parent.verticalCenter
        anchors.right: parent.right
        anchors.rightMargin: 12

        onClicked: {
            GlobalStates.sidebarLeftOpen = false;
            Quickshell.execDetached(["qs", "-p", Quickshell.shellPath("settings.qml")]);
        }

        contentItem: FluentIcon {
            icon: "settings"
        }
    }
}