import QtQuick 2.15
import QtQuick.Layouts 1.15
import org.kde.plasma.core as PlasmaCore
import org.kde.plasma.components as PlasmaComponents2
import org.kde.plasma.components as PlasmaComponents
import org.kde.kquickcontrolsaddons as KQuickAddons
import org.kde.coreaddons as KCoreAddons
import org.kde.plasma.workspace.components 2.0
import org.kde.kirigami as Kirigami

import "../lib" as Lib

Lib.Card { 
    id: battery

    Layout.fillHeight: true
    Layout.fillWidth: true
    smallTopMargins: true
    smallBottomMargins: true
    property bool isLongButton: false
    property bool showTitle: true

    property bool small: height < (root.sectionHeight*1.3) / 3.5

    visible: batteryPage.batteryControl.hasBatteries && root.showBattery

    GridLayout {
        anchors.fill: parent
        anchors.margins: root.mediumSpacing
        clip: true

        rows: (small || isLongButton) ? 1 : 2
        columns: 2

        BatteryIcon {
            id: batteryIcon

            Layout.alignment: isLongButton && showTitle ?  (Qt.AlignRight | Qt.AlignVcenter) : (Qt.AlignHCenter | Qt.AlignVcenter)
            Layout.preferredWidth: Kirigami.Units.iconSizes.medium
            Layout.preferredHeight: Kirigami.Units.iconSizes.medium
            Layout.columnSpan: (small || isLongButton ) ? 1 : 2

            percent: batteryPage.batteryControl.percent
            hasBattery: batteryPage.batteryControl.hasBatteries
            pluggedIn: batteryPage.batteryControl.pluggedIn

        }

        PlasmaComponents.Label {
            id: percentLabel
            Layout.alignment: isLongButton ?  (Qt.AlignLeft | Qt.AlignVcenter) : (Qt.AlignHCenter | Qt.AlignVcenter)
            text: i18nc("Placeholder is battery percentage", "%1%", batteryPage.batteryControl.percent)
            font.pixelSize: root.mediumFontSize
            font.weight:Font.Bold
            Layout.columnSpan: (small || isLongButton ) ? 1 : 2
            visible: showTitle
        }
    }
    
    MouseArea {
        anchors.fill: parent
        cursorShape: Qt.PointingHandCursor
        enabled: !root.editingLayout
        hoverEnabled: false
        onClicked: {
            var pageHeight =  batteryPage.contentItemHeight + batteryPage.headerHeight;
            fullRep.togglePage(fullRep.defaultInitialWidth, pageHeight, batteryPage);
        }
    }
}