import { TextEdit, LineEdit, Button } from "std-widgets.slint";
import { Global } from "global.slint";

export component LoginView inherits VerticalLayout {
    padding: 16px;
    alignment: center;
    spacing: 8px;

    HorizontalLayout {
        alignment: center;
        Image {
            width: 128px;
            height: self.width;
            source: @image-url("../assets/immich-logo.svg");
        }
    }

    url := LineEdit {
        placeholder-text: "immich url";
        height: 40px;
    }

    api-key := LineEdit {
        placeholder-text: "immich api key";
        height: 40px;
    }

    Button {
        text: "Login";
        height: 40px;
        clicked => {
            Global.login-api-key(url.text, api-key.text);
        }
    }
}