import QtQuick 2.12
import BTPhone 1.0
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.11

Item {
    id: statusBarItem
    width: 800
    height: 45

    Image {
        id: statusBar
        x: 0
        y: 0
        width: 800
        height: 45
        source: "image_sample.JPG"
        fillMode: Image.PreserveAspectFit

        Rectangle {
            id: bg
            color: "#8e8fca"
            anchors.fill: parent
        }

        Button {
            id: homeBtn
            x: 4
            y: 2
            width: 41
            height: 41
            text: qsTr("H")
        }

        Item {
            id: dateItem
            x: 99
            y: 0
            width: 90
            height: 45

            Text {
                id: date
                color: "#ffffff"
                text: qsTr("Feb 01")
                anchors.verticalCenter: parent.verticalCenter
                font.pixelSize: 24
                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter
                anchors.verticalCenterOffset: 0
                anchors.horizontalCenterOffset: 0
                anchors.horizontalCenter: parent.horizontalCenter
            }

            RowLayout {
                id: imagegrid
                x: 6
                y: 4
                width: 84
                height: 19
                visible: false
                anchors.verticalCenter: parent.verticalCenter
                spacing: 5

                Image {
                    id: image
                    width: 25
                    height: 15
                    source: "image_sample.JPG"
                    Layout.fillHeight: true
                    Layout.fillWidth: true
                    fillMode: Image.PreserveAspectFit
                }

                Image {
                    id: image1
                    width: 25
                    height: 15
                    source: "image_sample.JPG"
                    Layout.fillHeight: true
                    fillMode: Image.PreserveAspectFit
                    Layout.fillWidth: true
                }
            }
        }

        Item {
            id: timeItem
            x: 320
            y: 0
            width: 90
            height: 45

            Text {
                id: time
                color: "#ffffff"
                text: qsTr("12:02")
                anchors.verticalCenter: parent.verticalCenter
                font.pixelSize: 28
                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignBottom

                Text {
                    id: am
                    y: 16
                    color: "#ffffff"
                    text: qsTr("AM")
                    anchors.left: parent.right
                    anchors.bottom: parent.bottom
                    font.pixelSize: 12
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignBottom
                    styleColor: "#000000"
                    anchors.bottomMargin: 0
                    anchors.leftMargin: 0
                }
            }
        }

        RowLayout {
            id: iconsGrid
            x: 490
            y: 0
            width: 310
            height: 45
            visible: true
            anchors.right: parent.right
            anchors.rightMargin: 0
            layoutDirection: Qt.RightToLeft

            Item {
                id: item2
                width: 40
                height: 45

                Image {
                    id: image2
                    width: 30
                    height: 40
                    anchors.verticalCenter: parent.verticalCenter
                    source: "image_sample.JPG"
                    anchors.horizontalCenter: parent.horizontalCenter
                    fillMode: Image.PreserveAspectFit
                }
            }

            Item {
                id: item3
                width: 40
                height: 45

                Image {
                    id: image3
                    width: 30
                    height: 40
                    anchors.verticalCenter: parent.verticalCenter
                    source: "image_sample.JPG"
                    anchors.horizontalCenter: parent.horizontalCenter
                    fillMode: Image.PreserveAspectFit
                }
            }

            Item {
                id: item4
                width: 40
                height: 45

                Image {
                    id: image4
                    width: 30
                    height: 40
                    anchors.verticalCenter: parent.verticalCenter
                    source: "image_sample.JPG"
                    anchors.horizontalCenter: parent.horizontalCenter
                    fillMode: Image.PreserveAspectFit
                }
            }

            Item {
                id: item5
                width: 40
                height: 45

                Image {
                    id: image5
                    width: 30
                    height: 40
                    anchors.verticalCenter: parent.verticalCenter
                    source: "image_sample.JPG"
                    anchors.horizontalCenter: parent.horizontalCenter
                    fillMode: Image.PreserveAspectFit
                }
            }

            Item {
                id: item6
                width: 40
                height: 45

                Image {
                    id: image6
                    width: 30
                    height: 40
                    anchors.verticalCenter: parent.verticalCenter
                    source: "image_sample.JPG"
                    anchors.horizontalCenter: parent.horizontalCenter
                    fillMode: Image.PreserveAspectFit
                }
            }

            Item {
                id: item7
                width: 40
                height: 45

                Image {
                    id: image7
                    width: 30
                    height: 40
                    anchors.verticalCenter: parent.verticalCenter
                    source: "image_sample.JPG"
                    anchors.horizontalCenter: parent.horizontalCenter
                    fillMode: Image.PreserveAspectFit
                }
            }

            Item {
                id: item8
                width: 40
                height: 45

                Image {
                    id: image8
                    width: 30
                    height: 40
                    anchors.verticalCenter: parent.verticalCenter
                    source: "image_sample.JPG"
                    anchors.horizontalCenter: parent.horizontalCenter
                    fillMode: Image.PreserveAspectFit
                }
            }
        }
    }
}

/*##^##
Designer {
    D{i:0;autoSize:true;height:480;width:640}
}
##^##*/

