import QtQuick
import QtQuick.Layouts

Rectangle {
  id: root
  anchors.left: parent.left
  anchors.right: parent.right
  anchors.bottom: parent.bottom
  height: 26
  color: mouseArea.containsMouse ? Theme.color9 : Theme.color8
  z: 50

  property string title: ""
  property string status: ""
  property bool consoleOpen: false

  signal toggled()

  Rectangle {
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.right: parent.right
    height: 1
    color: Theme.color5
  }

  RowLayout {
    anchors.fill: parent
    anchors.leftMargin: Theme.baseMargins
    anchors.rightMargin: Theme.baseMargins
    spacing: Theme.baseSpacing

    Text {
      text: root.consoleOpen ? "▼  Скрыть консоль" : "▲  " + root.title
      color: Theme.color3
      font.pixelSize: 11
    }

    Item { Layout.fillWidth: true }

    Text {
      text: root.status
      color: Theme.color7
      font.pixelSize: 11
    }
  }

  MouseArea {
    id: mouseArea
    anchors.fill: parent
    hoverEnabled: true
    cursorShape: Qt.PointingHandCursor
    onClicked: root.toggled()
  }
}