import QtQuick
import QtQuick.Layouts
import RibbonUI

Item {
    id: root
    height: 25
    clip: true

    property alias leftContent: left.data
    property alias rightContent: right.data
    default property alias content: left.data
    property bool modernStyle: RibbonTheme.modernStyle
    property bool isDarkMode: RibbonTheme.isDarkMode
    property bool showVersion: true
    property real bgOpacity: 0.8

    anchors{
        left: parent.left
        right: parent.right
        bottom: parent.bottom
    }

    Rectangle{
        visible: !modernStyle
        color: "#3D3D3D"
        anchors.fill: parent
        opacity: bgOpacity
        gradient: Gradient {
            GradientStop { position: 0.0; color: isDarkMode ? "#474949" : "#E4E3E4" }
            GradientStop { position: 0.5; color: isDarkMode ? "#434444" : "#DFDEDE" }
            GradientStop { position: 1.0; color: isDarkMode ? "#3D3D3D" : "#D9D9D9" }
        }
    }

    RibbonRectangle{
        visible: modernStyle
        color: isDarkMode ? "#141414" : "#F5F5F5"
        opacity: bgOpacity
        anchors.fill: parent
        bottomLeftRadius: Qt.platform.os === 'windows' ? RibbonUI.isWin11 ? 7 : 0 : 10
        bottomRightRadius: bottomLeftRadius
    }

    Rectangle{
        anchors{
            top: parent.top
            left: parent.left
            right: parent.right
        }
        color: isDarkMode ? modernStyle ? "#3B3A39":"#282828" : modernStyle ? "white":"#A1A2A2"
        height: 1
    }

    RowLayout{
        id: left
        Layout.maximumWidth: parent.width - right.width
        height: parent.height
        spacing: 1
        anchors{
            left: parent.left
            leftMargin: 20
        }
    }

    RowLayout{
        id: right
        Layout.maximumWidth: parent.width - left.width
        height: parent.height
        spacing: 1
        anchors{
            right: parent.right
            rightMargin: 20
        }
        layoutDirection: Qt.RightToLeft
        RibbonButton{
            visible: showVersion
            showBg:false
            text: `Designed with RibbonUI V${RibbonUI.version}`
            adaptHeight: true
            showTooltip: false
            onClicked: Qt.openUrlExternally("https://github.com/mentalfl0w/RibbonUI")
        }
    }
}