import QtQuick
import Weave.Controls
import Weave.Templates as T

T.TableToolbar {
    id: root

    implicitWidth: implicitContentWidth + leftPadding + rightPadding
    implicitHeight: implicitContentHeight + topPadding + bottomPadding

    leftPadding: Theme.component.table.toolbar.paddingLeft
    rightPadding: Theme.component.table.toolbar.paddingRight
    topPadding: Theme.component.table.toolbar.paddingTop
    bottomPadding: Theme.component.table.toolbar.paddingBottom

    contentItem: T.TableLayoutRow {
        horizontalSpacing: Theme.component.table.toolbar.button.marginRight

        Button {
            visible: !!root.view?.multiFilter?.enabled

            text: qsTr("Filters")
            icon.name: "filter"

            style: Button.Flat

            onClicked: {
                root.view.openMultiFilterMenu()
            }

            Text {
                x: Theme.component.table.filtering.badge.marginRight + Theme.component.button.paddingLeft - width
                y: Theme.component.table.filtering.badge.marginTop + Theme.component.iconbutton.icon.paddingTop

                font.family: Theme.component.table.fontFamily
                font.pixelSize: Theme.component.table.badge.fontSize
                font.weight: Theme.component.table.badge.fontWeight
                lineHeight: Theme.component.table.lineHeight
                lineHeightMode: Text.FixedHeight
                verticalAlignment: Text.AlignVCenter 

                color: Theme.component.button.flat.textColor

                visible: root.view?.multiFilter?.expressionCount ?? 0 > 0
                text: root.view?.multiFilter?.expressionCount ?? ""
            }
        }
    }
}