import QtQuick 2.3
import QtQuick.Controls 2.1

Item {
    id: root
    anchors.fill: parent

    Image {
        id: logo
        width: 150
        height: 150
        source: "../images/HiFi_Voxel.png"

        anchors {
            top: root.top
            topMargin: 48
            horizontalCenter: root.horizontalCenter
        }

         RotationAnimator {
            target: logo;
            loops: Animation.Infinite
            from: 0;
            to: 360;
            duration: 5000
            running: true
        }
    }

    Text {
        id: firstText
        width: 300
        height: 41
        font.family: "Graphik"
        font.pixelSize: 28
        text: "Setup will take a moment"
        color: "#FFFFFF"

        anchors {
            top: logo.bottom
            topMargin: 46
            horizontalCenter: logo.horizontalCenter
        }
    }

    Text {
        id: secondText
        font.family: "Graphik"
        font.pixelSize: 14
        text: "We're getting your headquaters ready"
        color: "#FFFFFF"

        anchors {
            top: firstText.bottom
            topMargin: 14
            horizontalCenter: logo.horizontalCenter
        }
    }

    ProgressBar {
        id: progressBar
        width: 394
        height: 8

        anchors {
            top: secondText.bottom
            topMargin: 30
            horizontalCenter: logo.horizontalCenter
        }

        background: Rectangle {
            implicitWidth: progressBar.width
            implicitHeight: progressBar.height
            radius: 8
            color: "#252525"
        }

        contentItem: Item {
            implicitWidth: progressBar.width
            implicitHeight: progressBar.height * 0.85

            Rectangle {
                width: progressBar.visualPosition * parent.width
                height: parent.height
                radius: 6
                color: "#01B2ED"
            }
        }


        PropertyAnimation {
            target: progressBar;
            loops: Animation.Infinite
            property: "value"
            from: 0;
            to: 1;
            duration: 5000
            running: true
        }
    }
}