/*
 * Copyright (C) 2016 The Qt Company Ltd.
 * Copyright (C) 2019 Konsulko Group
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import QtQuick 2.11
import QtQuick.Layouts 1.11
import QtQuick.Controls 2.4
import AGL.Demo.Controls 1.0
import QtQuick.Window 2.13

ApplicationWindow {
    id: root

    width: container.width * container.scale
    height: container.height * container.scale

    Item {
        id: container
        anchors.centerIn: parent
        width: Window.width
        height: Window.height
        //scale: screenInfo.scale_factor()
        scale: 1

        TabBar {
            id: bar
            width: parent.width
            contentHeight: 160

            TabImageButton {
                icon: "./images/ic_contacts_48px.svg"
                text: "Alerts"
                font.pixelSize: 50
            }

            TabImageButton {
                icon: "./images/ic_contacts_48px.svg"
                text: "Compose"
                font.pixelSize: 50
            }
        }

        StackLayout {
            anchors.top: bar.bottom
            width: parent.width
            height: parent.height - bar.height
            currentIndex: bar.currentIndex
            NotificationPage {
                id: alerts
            }
            ComposePage {
                id: compose
            }
        }

        Keyboard {
            id: keyboard
            target: activeFocusControl
            anchors.left: parent.left
            anchors.right: parent.right
            anchors.bottom: parent.bottom
        }
    }
}