<?php
session_start();
if(!isset($_SESSION['user'])){ header('Location: login.php'); exit; }
$user = $_SESSION['user'];
?>
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Account</title><link rel="stylesheet" href="assets/css/style.css"></head><body>
<header class="topbar"><div class="brand">GameHost</div><nav><a href="index.html">Home</a><a href="servers.html">Servers</a><a href="store.html">Store</a><a href="account.php">Account</a></nav></header>
<main class="main"><h2>Welcome, <?=htmlspecialchars($user['username'])?></h2>
<div class="card">
  <p><strong>Username:</strong> <?=htmlspecialchars($user['username'])?></p>
  <p><strong>Verified:</strong> <?=($user['verified']? 'Yes':'No')?></p>
  <form method="POST" action="api.php?action=logout"><button type="submit">Logout</button></form>
</div>
<h3>Your Orders</h3>
<div id="orders" class="plans"></div>
<script>
async function loadOrders(){
  const res = await fetch('api.php?action=list_orders');
  const data = await res.json();
  const el = document.getElementById('orders');
  if(data.length===0) el.innerHTML='<div class="card muted">No orders yet</div>';
  else data.forEach(o=>{ const c=document.createElement('div'); c.className='card plan'; c.innerHTML=`<h4>Order #${o.id}</h4><p>${o.item}</p><p>$${o.price}</p><p>Status: ${o.status}</p>`; el.appendChild(c); });
}
loadOrders();
</script>
</main></body></html>