<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><br />
<b>Warning</b>:  Use of undefined constant SITE_NAME - assumed 'SITE_NAME' (this will throw an Error in a future version of PHP) in <b>/www/wwwroot/b.oyqilar.top/index.php</b> on line <b>593</b><br />
SITE_NAME</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%); min-height: 100vh; display: flex; align-items: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
        .login-box { max-width: 440px; margin: 0 auto; width: 100%; padding: 20px; }
        .login-box .card { border: none; border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.1); overflow: hidden; }
        .login-box .card-body { padding: 40px 35px; }
        .login-box .nav-tabs { border-bottom: 2px solid #f0f0f0; }
        .login-box .nav-tabs .nav-link { border: none; color: #999; font-weight: 500; padding: 12px 0; margin: 0 20px; font-size: 16px; background: transparent; }
        .login-box .nav-tabs .nav-link.active { color: #07c160; border-bottom: 3px solid #07c160; background: transparent; }
        .login-box .form-control { border-radius: 10px; padding: 12px 16px; border: 2px solid #e8ecf1; }
        .login-box .form-control:focus { border-color: #07c160; box-shadow: 0 0 0 3px rgba(7,193,96,0.15); }
        .login-box .btn-success { border-radius: 10px; padding: 12px; font-weight: 600; font-size: 16px; background: #07c160; border: none; }
        .login-box .btn-success:hover { background: #06ad56; }
        .logo-icon { font-size: 60px; display: block; text-align: center; }
        .brand-name { text-align: center; font-size: 26px; font-weight: 700; color: #333; margin-bottom: 25px; }
        .brand-name span { color: #07c160; }
        .tab-content { padding-top: 25px; }
        .alert { border-radius: 10px; }
        .form-label { font-weight: 500; color: #555; font-size: 14px; }
        @media (max-width: 480px) {
            .login-box .card-body { padding: 25px 20px; }
            .login-box .nav-tabs .nav-link { margin: 0 10px; font-size: 14px; }
            .logo-icon { font-size: 48px; }
            .brand-name { font-size: 22px; }
        }
    </style>
</head>
<body>
    <div class="login-box">
        <div class="card">
            <div class="card-body">
                <span class="logo-icon">📱</span>
                <div class="brand-name">手机店<span>管理系统</span></div>
                
                <ul class="nav nav-tabs justify-content-center" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="login-tab" data-bs-toggle="tab" data-bs-target="#login" type="button" role="tab">登录</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="register-tab" data-bs-toggle="tab" data-bs-target="#register" type="button" role="tab">注册</button>
                    </li>
                </ul>
                
                <div class="tab-content">
                    <!-- 登录 -->
                    <div class="tab-pane fade show active" id="login" role="tabpanel">
                                                <form method="POST">
                            <input type="hidden" name="action" value="login">
                            <div class="mb-3">
                                <label class="form-label">手机号</label>
                                <input type="tel" class="form-control" name="phone" required placeholder="请输入手机号">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">密码</label>
                                <input type="password" class="form-control" name="password" required placeholder="请输入密码">
                            </div>
                            <button type="submit" class="btn btn-success w-100">登 录</button>
                            <div class="text-center mt-3">
                            </div>
                        </form>
                    </div>
                    
                    <!-- 注册 -->
                    <div class="tab-pane fade" id="register" role="tabpanel">
                                                                        <form method="POST">
                            <input type="hidden" name="action" value="register">
                            <div class="mb-3">
                                <label class="form-label">手机号 <span class="text-danger">*</span></label>
                                <input type="tel" class="form-control" name="phone" required placeholder="11位手机号">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">店铺名称 <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" name="shop_name" required placeholder="请输入店铺名称">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">姓名 <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" name="username" required placeholder="请输入您的姓名">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">密码 <span class="text-danger">*</span></label>
                                <input type="password" class="form-control" name="password" required placeholder="至少6位">
                            </div>
                            <div class="alert alert-info small">
                                <i class="bi bi-info-circle"></i> 注册后需要管理员审核通过才能登录
                            </div>
                            <button type="submit" class="btn btn-success w-100">提交注册</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>