<?php
    $user = 'smansab';
    $pass = '123';
    $hashed_pass = password_hash($pass, PASSWORD_BCRYPT);
?>

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <title>Informasi Akun</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap 5 CDN -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            background: #f8f9fa;
        }
        .card {
            margin-top: 100px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }
        .label-col {
            font-weight: bold;
            color: #0d6efd;
            width: 150px;
        }
        .value-col {
            word-break: break-all;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card border-0 rounded-4">
                <div class="card-body p-5">
                    <h3 class="card-title text-center mb-4 text-primary">🔐 Informasi Akun</h3>
                    <div class="row mb-3">
                        <div class="col-sm-3 label-col">Username</div>
                        <div class="col-sm-9 value-col">: <?= htmlspecialchars($user); ?></div>
                    </div>
                    <div class="row mb-3">
                        <div class="col-sm-3 label-col">Buat Password</div>
                        <div class="col-sm-9 value-col">: <?= htmlspecialchars($pass); ?></div>
                    </div>
                    <div class="row mb-3">
                        <div class="col-sm-3 label-col">Password Hash</div>
                        <div class="col-sm-9 value-col">: <code><?= $hashed_pass; ?></code></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
