import QtQuick 2.6

import wesual.Stage   1.0
import wesual.Touch 1.0

Rectangle {
    id : homeScreen

    implicitWidth  : parent.width
    implicitHeight : parent.height

    Image {
        id : logo

        anchors {
            horizontalCenter : parent.horizontalCenter
            top : parent.top
            topMargin : 52
        }

        visible : !keyboardOverlay.visible

        source : "ambuLogoSmall.png"
    }

    Rectangle {
        id : searchBar

        anchors {
            horizontalCenter : parent.horizontalCenter
            top : logo.bottom
            topMargin : 35
        }

        width  : 758
        height : 72
        radius : 10

        border.width : 2
        border.color : "#afca0b"

        visible : !keyboardOverlay.visible
        enabled : !keyboardOverlay.visible

        TapArea {
            id : searchBarTapArea

            anchors.fill : parent
            mouseEnabled : true

            onTap : {
                keyboardOverlay.visible = true;
                keyboardOverlay.enabled = true;
            }
        }

        Text {
            id : searchInput

            anchors {
                left   : parent.left
                verticalCenter : parent.verticalCenter
                leftMargin : 25
            }

            color  : "#706f6f"
            width  : 640

            text : "Nach Namen suchen ..."

            font.pixelSize : 32
            font.family : "Lucida Sans Unicode"
        }

        Item {
            id : searchBarButton

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

            Image {
                id : searchBarIcon

                anchors.centerIn : parent

                source : "SearchThin.png"
            }
        }
    }

    Text {
        id : professionLabel

        anchors {
            top : searchBar.bottom
            horizontalCenter : parent.horizontalCenter
            topMargin : 10
        }

        color : "#706f6f"

        text : "Fachgebiete"
        font.pixelSize : 60
        font.family : "Lucida Sans Unicode"
        font.capitalization: Font.AllUppercase
    }

    HorizontalFlow {
        id : professionFlow

        horizonalSpacing : 9
        verticalSpacing : 85
        horizontalAlignment : Qt.AlignHCenter

        anchors {
            top : professionLabel.bottom
            left : parent.left
            right : parent.right
            bottom : parent.bottom
            topMargin   : 10
            leftMargin  : 9
            rightMargin : 9
        }

        Repeater {
            model : portrait_.professions
            delegate : ProfessionDelegate {
                onTapped : {
                    portrait_.activeProfession = portrait_.professions[index]
                    portrait_.buildDocList();
                }
            }
        }
    }

    VirtualKeyboardOverlay {
        id : keyboardOverlay

        anchors.fill : parent
        z : 10

        visible : false
    }
}