import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

ColumnLayout {
    anchors.top: Navigation.bottom

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

        RowLayout {
            anchors.fill: parent

            Rectangle {
                id: contractButton

                Layout.alignment: Qt.AlignHCenter
                border.color: "steelblue"
                border.width: 1
                color: "darkslategray"
                height: 145
                radius: 45
                width: 300

                Text {
                    anchors.centerIn: parent
                    color: "lightgoldenrodyellow"
                    font.bold: true
                    font.pixelSize: 45
                    text: qsTr("Aufträge")
                }
                MouseArea {
                    anchors.fill: parent
                    cursorShape: Qt.PointingHandCursor
                    hoverEnabled: true

                    onExited: {
                        contractButton.color = "darkslategray";
                        contractButton.border.color = "steelblue";
                        contractButton.border.width = 1;
                    }
                    onHoveredChanged: {
                        var w = contractButton.border.width === 3 ? 1 : 3;
                        contractButton.border.width = w;
                    }
                    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";
                    }
                }
            }
            Rectangle {
                id: offerButton

                Layout.alignment: Qt.AlignHCenter
                border.color: "steelblue"
                border.width: 1
                color: "darkslategray"
                height: 145
                radius: 45
                width: 300

                Text {
                    anchors.centerIn: parent
                    color: "lightgoldenrodyellow"
                    font.bold: true
                    font.pixelSize: 45
                    text: qsTr("Angebote")
                }
                MouseArea {
                    anchors.fill: parent
                    cursorShape: Qt.PointingHandCursor
                    hoverEnabled: true

                    onExited: {
                        offerButton.color = "darkslategray";
                        offerButton.border.color = "steelblue";
                        offerButton.border.width = 1;
                    }
                    onHoveredChanged: {
                        var w = offerButton.border.width === 3 ? 1 : 3;
                        offerButton.border.width = w;
                    }
                    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";
                    }
                }
            }
        }
    }
}