@model Fengling.AuthService.ViewModels.DashboardViewModel

@{
    Layout = "_Layout";
    ViewData["Title"] = "个人资料";
}

<div class="container mx-auto px-4 py-8">
    <div class="mb-8">
        <h1 class="text-3xl font-bold">个人资料</h1>
        <p class="text-muted-foreground mt-2">管理您的个人信息</p>
    </div>

    <div class="max-w-2xl">
        <div class="bg-card border border-border rounded-lg p-6">
            <div class="flex items-center gap-6 mb-6">
                <div class="h-24 w-24 rounded-full bg-primary flex items-center justify-center text-primary-foreground text-3xl font-bold">
                    @(Model.Username?.Substring(0, 1).ToUpper() ?? "U")
                </div>
                <div>
                    <h2 class="text-xl font-semibold">@Model.Username</h2>
                    <p class="text-muted-foreground">@Model.Email</p>
                </div>
            </div>

            <div class="space-y-4">
                <div class="space-y-2">
                    <label class="text-sm font-medium">用户名</label>
                    <div class="p-3 rounded-md border border-input bg-muted/50 text-sm">
                        @Model.Username
                    </div>
                </div>

                <div class="space-y-2">
                    <label class="text-sm font-medium">邮箱</label>
                    <div class="p-3 rounded-md border border-input bg-muted/50 text-sm">
                        @Model.Email
                    </div>
                </div>

                <div class="space-y-2">
                    <label class="text-sm font-medium">注册时间</label>
                    <div class="p-3 rounded-md border border-input bg-muted/50 text-sm">
                        2026-01-15
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>