import { VerticalBox, HorizontalBox, LineEdit, Button, CheckBox } from "std-widgets.slint";
import "../assets/fonts/Amble-Regular.ttf";
export component LoginWindow inherits Window {
    default-font-family: "Amble";
    preferred-width: 500px;
    preferred-height: 400px;
    title: "用户登录";
    icon: @image-url("../assets/icons/windowlog.png");
    in-out property <string> userName: "";
    in-out property <string> passWord: "";
    in-out property <bool> remember-me: false;
    in-out property <string> message: "";
    callback login();
    // 1. 先把整个内容放进一个占满窗口的布局
    VerticalLayout {
        alignment: center; // 垂直居中
        HorizontalLayout {
            alignment: center; // 水平居中
            // 2. 真正负责外观的卡片
            Rectangle {
                background: #ffffff;
                border-radius: 8px;
                drop-shadow-offset-x: 2px;
                drop-shadow-offset-y: 2px;
                drop-shadow-blur: 6px;
                drop-shadow-color: #00000030;
                width: 450px;
                VerticalLayout {
                    spacing: 12px;
                    padding: 20px;
                  // 标题
                  Text {
                        text: "用户登录";
                        font-size: 24px;
                        color: #2c3e50;
                        font-weight: 700;
                        horizontal-alignment: center;
                    }

                  // 表单区域
                  VerticalLayout {
                        spacing: 10px;
                        width: 400px;

                      // 用户名输入
                      HorizontalLayout {
                            spacing: 10px;
                            height: 40px;

                            Text {
                                text: "用户名:";
                                width: 80px;
                                horizontal-alignment: right;
                                vertical-alignment: center;
                            }

                            LineEdit {
                                placeholder-text: "请输入用户名";
                                text <=> root.userName;
                            }
                        }

                      // 密码输入
                      HorizontalLayout {
                            spacing: 10px;
                            height: 40px;

                            Text {
                                text: "密码:";
                                width: 80px;
                                horizontal-alignment: right;
                                vertical-alignment: center;
                            }

                            LineEdit {
                                placeholder-text: "请输入密码";
                                text <=> root.passWord;
                                input-type: password;
                            }
                        }

                      // 记住我选项
                      CheckBox {
                            text: "记住登录状态";
                            checked <=> root.remember-me;
                        }
                    }

                  // 登录按钮
                 HorizontalLayout {
                        alignment: center;
                        Button {
                            text: "登  录";
                            clicked => {
                                root.login();
                            }
                            width: 120px;
                            height: 36px;
                        }
                    }

                  // 消息提示
                  Text {
                        color: #e74c3c;
                        height: 20px;
                        text <=> root.message;
                    }
                }
            }
        }
    }
}

slint::include_modules!();  // 导入编译生成的 UI 代码
use std::time::Duration;
fn main() -> Result<(), slint::PlatformError> {
    let ui = LoginWindow::new()?;
    // 加载保存的用户名和密码（示例中简单实现）
    if let Some((user, pass)) = load_credentials() {
        ui.set_userName(user.into());
        ui.set_passWord(pass.into());
        ui.set_remember_me(true);
    }

    let ui_handle = ui.as_weak();
    ui.on_login(move || {
        let ui = ui_handle.unwrap();
        let username = ui.get_userName();
        let password = ui.get_passWord();
        let remember = ui.get_remember_me();

        // 简单的验证逻辑
        if username.is_empty() || password.is_empty() {
            ui.set_message("用户名和密码不能为空".into());
            return;
        }
        // 模拟网络请求延迟
        slint::spawn_local({
            let ui_weak = ui.as_weak();
            async move {
                // 模拟网络请求
                async_std::task::sleep(Duration::from_secs(1)).await;
                let success = username == "admin" && password == "123456";

                ui_weak.upgrade_in_event_loop(move |ui| {
                    ui.set_message(if success {
                        if remember {
                            save_credentials(&username, &password);
                        } else {
                            clear_credentials();
                        }
                        "登录成功!".into()
                    } else {
                        "用户名或密码错误".into()
                    });
                }).unwrap();
            }
        }).expect("程序内部错误！");

    });

    ui.run()
}

// 简单的凭证存储（实际应用中应该加密）
fn save_credentials(username: &str, password: &str) {
    // 这里应该使用更安全的方式存储
    println!("保存凭证: {}:{}", username, password);
}

fn load_credentials() -> Option<(String, String)> {
    // 这里从安全存储中加载
    Some(("admin".into(), "123456".into())) // 示例中硬编码
}

fn clear_credentials() {
    println!("清除保存的凭证");
}