import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

ColumnLayout
{
    anchors.top: TopBar.bottom

    Rectangle
    {
        color: "dimgrey"
        Layout.fillHeight: true
        Layout.fillWidth: true
        Layout.bottomMargin: 3
        radius: 45

        RowLayout
        {
            anchors.fill: parent

            Rectangle
            {
                id: contractButton
                width: 300
                height: 145
                color: "darkslategray"
                radius: 45
                Layout.alignment: Qt.AlignHCenter
                border.color: "steelblue"
                border.width: 1
                Text
                {
                    text: qsTr("Aufträge")
                    anchors.centerIn: parent
                    font.pixelSize: 45
                    font.bold: true
                    color: "lightgoldenrodyellow"
                }

                MouseArea
                {
                    anchors.fill: parent
                    cursorShape: Qt.PointingHandCursor
                    hoverEnabled: true
                    onPressed:
                    {
                        contractButton.color = "darkolivegreen"
                        contractButton.border.width = 3
                        contractButton.border.color = "skyblue"
                        console.log("Aufträge...")
                    }

                    onReleased:
                    {
                        contractButton.color = "darkslategray"
                        contractButton.border.width = 1
                        contractButton.border.color = "steelblue"
                    }

                    onHoveredChanged:
                    {
                        var w = contractButton.border.width === 3? 1: 3
                        contractButton.border.width = w
                    }

                    onExited:
                    {

                        contractButton.color = "darkslategray"
                        contractButton.border.color = "steelblue"
                        contractButton.border.width = 1
                    }
                }
            }

            Rectangle
            {
                id: offerButton
                width: 300
                height: 145
                color: "darkslategray"
                radius: 45
                Layout.alignment: Qt.AlignHCenter
                border.color: "steelblue"
                border.width: 1
                Text
                {
                    text: qsTr("Angebote")
                    anchors.centerIn: parent
                    font.pixelSize: 45
                    font.bold: true
                    color: "lightgoldenrodyellow"
                }
                MouseArea
                {
                    anchors.fill: parent
                    cursorShape: Qt.PointingHandCursor
                    hoverEnabled: true

                    onPressed:
                    {
                        offerButton.color = "darkolivegreen"
                        offerButton.border.width = 3
                        offerButton.border.color = "skyblue"
                        console.log("Angebote...")
                    }
                    onReleased:
                    {
                        offerButton.color = "darkslategray"
                        offerButton.border.width = 1
                        offerButton.border.color = "steelblue"
                    }

                    onHoveredChanged:
                    {
                        var w = offerButton.border.width === 3? 1: 3
                        offerButton.border.width = w
                    }

                    onExited:
                    {

                        offerButton.color = "darkslategray"
                        offerButton.border.color = "steelblue"
                        offerButton.border.width = 1
                    }
                }
            }
        }
    }
}