import Quickshell
import Quickshell.Io
import Custom as Custom
import QtQuick


PanelWindow {
  property var modelData

  anchors {
    bottom: true
    left: true
    right: true
  }
  margins {
    left: 26 + 8
    right: 26 + 8
  }

  screen: modelData
  implicitHeight: 21
  color: Qt.rgba(0, 0, 0, 0.66)

  Row {
    id: left

    height: parent.height
    anchors.left: parent.left
    anchors.leftMargin: 8
    anchors.verticalCenter: parent.verticalCenter
    spacing: 5

    Text {
      color: "white"
      anchors.verticalCenter: parent.verticalCenter
      text: "left"
    }
  }

  Row {
    id: center

    height: parent.height
    anchors.centerIn: parent
    spacing: 5

    Text {
      color: "white"
      anchors.verticalCenter: parent.verticalCenter
      text: "center"
    }
  }

  Row {
    id: right

    height: parent.height
    anchors.right: parent.right
    anchors.rightMargin: 8
    anchors.verticalCenter: parent.verticalCenter
    spacing: 5

    Text {
      id: clock
      color: "white"

      anchors.verticalCenter: parent.verticalCenter

      Custom.Chrono {
	id: chrono
	format:  "W{0:%V-%u} {0:%F} {0:%H:%M:%S%Ez}"
      }

      text: chrono.date

      font.pointSize: 10
      font.family: "Fira Sans"
      font.features: { "tnum": 1 }
    }
  }
}