{extend name="layout/main" /}
{block name="content"}
<div class="auth-page">
    <div class="auth-box">
        <div class="auth-logo">
            <h1>IP智能体</h1>
            <p>微信公众号智能运营系统</p>
        </div>
        <div class="card">
            <div class="auth-tabs">
                <button class="auth-tab active" onclick="switchTab('login')">登录</button>
                <button class="auth-tab" onclick="switchTab('register')">注册</button>
            </div>
            <form id="loginForm">
                <div class="form-group">
                    <label class="form-label">用户名</label>
                    <input type="text" class="form-input" name="username" placeholder="请输入用户名" required>
                </div>
                <div class="form-group">
                    <label class="form-label">密码</label>
                    <input type="password" class="form-input" name="password" placeholder="请输入密码" required>
                </div>
                <button type="submit" class="btn btn-primary w-full">登录</button>
            </form>
            <form id="registerForm" style="display: none;">
                <div class="form-group">
                    <label class="form-label">用户名</label>
                    <input type="text" class="form-input" name="username" placeholder="请输入用户名" required>
                </div>
                <div class="form-group">
                    <label class="form-label">邮箱</label>
                    <input type="email" class="form-input" name="email" placeholder="请输入邮箱" required>
                </div>
                <div class="form-group">
                    <label class="form-label">密码</label>
                    <input type="password" class="form-input" name="password" placeholder="至少6位字符" required>
                </div>
                <div class="form-group">
                    <label class="form-label">确认密码</label>
                    <input type="password" class="form-input" name="password_confirm" placeholder="再次输入密码" required>
                </div>
                <button type="submit" class="btn btn-primary w-full">注册</button>
            </form>
        </div>
        <div class="auth-footer">
            <p>登录即表示同意 <a href="#">服务条款</a> 和 <a href="#">隐私政策</a></p>
        </div>
    </div>
</div>
<script>
function switchTab(tab) {
    document.querySelectorAll('.auth-tab').forEach(el => el.classList.remove('active'));
    event.target.classList.add('active');
    if (tab === 'login') {
        document.getElementById('loginForm').style.display = 'block';
        document.getElementById('registerForm').style.display = 'none';
    } else {
        document.getElementById('loginForm').style.display = 'none';
        document.getElementById('registerForm').style.display = 'block';
    }
}

document.getElementById('loginForm').addEventListener('submit', async (e) => {
    e.preventDefault();
    const formData = new FormData(e.target);
    try {
        const res = await App.http.postJSON('/auth/login', {
            username: formData.get('username'),
            password: formData.get('password')
        });
        App.Auth.setToken(res.data.token);
        App.Auth.setUser(res.data.user);
        App.Toast.success('登录成功');
        setTimeout(() => location.href = '/dashboard', 500);
    } catch (err) {
        App.Toast.error(err.message || '登录失败');
    }
});

document.getElementById('registerForm').addEventListener('submit', async (e) => {
    e.preventDefault();
    const formData = new FormData(e.target);
    if (formData.get('password') !== formData.get('password_confirm')) {
        App.Toast.error('两次密码不一致');
        return;
    }
    try {
        const res = await App.http.postJSON('/auth/register', {
            username: formData.get('username'),
            email: formData.get('email'),
            password: formData.get('password')
        });
        App.Auth.setToken(res.data.token);
        App.Auth.setUser(res.data.user);
        App.Toast.success('注册成功');
        setTimeout(() => location.href = '/dashboard', 500);
    } catch (err) {
        App.Toast.error(err.message || '注册失败');
    }
});
</script>
{/block}