// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: MIT

import { LineEdit } from "std-widgets.slint";

// The window the user interacts with. Edits to the inputs propagate to
// the SystemTrayIcon instance via the host language's callbacks.
export component MainWindow inherits Window {
    title: "Dashboard";
    preferred-width: 1024px;
    preferred-height: 600px;

    in-out property <int> current-page: 0;
    in property <string> text: "Hello World";
    in property <string> next-event-label: "NEXT EVENT";
    in property <string> next-event-title: "LOADING CALENDAR";
    in property <string> next-event-time: "--";

    callback user-activity();

    Rectangle {
        x: 0;
        y: 0;
        width: parent.width;
        height: 5px;
        background: black;
    }

    Rectangle {
        x: 0;
        y: 0;
        width: parent.width / 2;
        height: parent.height;
        background: black;
    }

    TouchArea {
        x: 0;
        y: 5px;
        width: parent.width - 78px;
        height: 78px;
        clicked => { root.user-activity(); root.current-page = 2; }
    }

    Text {
        x: 38px;
        y: 12px;
        width: parent.width - 128px;
        height: 18px;
        text: root.next-event-label;
        font-size: 14px;
        font-weight: 700;
    }

    Text {
        x: 38px;
        y: 32px;
        width: 390px;
        height: 36px;
        text: root.next-event-title;
        font-size: 22px;
        font-weight: 700;
        overflow: elide;
        vertical-alignment: center;
    }

    Text {
        x: 438px;
        y: 32px;
        width: 100px;
        height: 36px;
        text: root.next-event-time;
        font-size: 18px;
        font-weight: 700;
        horizontal-alignment: right;
        vertical-alignment: center;
    }

}