<?php
// Trading Center architectural-separation refactor: this file used to be
// the combined Prop Firm + Live Account creation/management page. It has
// been fully split into three independent pages — add-prop-account.php,
// add-live-account.php, manage-live-accounts.php — each owning exactly one
// workflow, per Kevin's explicit "no shared Add Account page trying to
// serve two unrelated purposes" instruction.
//
// This file survives only as a thin type-chooser for any old bookmark/link
// that still points at a bare /add-account with no `type` param (it doesn't
// know whether the visitor wants a prop or live account). It renders zero
// form fields and owns zero account-creation/management logic itself — it
// only routes to the two real, independent pages. public/checklist.php
// (the page that used to link here) was deleted in the 2026-08-01 Trading
// Center/Strategies redesign — every current Add Account entry point in
// the app now links straight to /add-prop-account or /add-live-account.
$userId = $auth->requireAuth();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Add Account - TraderAlign</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/traderalign/assets/tokens.css">
<link rel="icon" type="image/png" sizes="32x32" href="/traderalign/assets/favicon/favicon-32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/traderalign/assets/favicon/favicon-16.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/traderalign/assets/favicon/apple-touch-icon.png">
    <link rel="shortcut icon" href="/traderalign/assets/favicon/favicon.ico">
<link rel="stylesheet" href="/traderalign/assets/css/brand.css">
<style>
.dash-layout{display:flex;min-height:100vh}
.sidebar{width:4rem;background:var(--sidebar);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;align-items:center;padding-top:1rem;gap:.25rem;position:fixed;top:0;left:0;bottom:0;z-index:40}
.sidebar a{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);color:var(--foreground-dim);transition:background var(--t-fast),color var(--t-fast);position:relative}
.sidebar a:hover{background:var(--background-surface);color:var(--foreground)}
.sidebar a.active{background:var(--background-surface);color:var(--sidebar-primary)}
.sidebar a .tt{position:absolute;left:3.5rem;background:var(--popover);color:var(--foreground);font-size:.75rem;padding:.25rem .625rem;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t-fast)}
.sidebar a:hover .tt{opacity:1}
.main{margin-left:4rem;flex:1;padding:2rem}
body{background:var(--background);margin:0}
.page-title{font-size:1.5rem;font-weight:700;color:var(--foreground);margin-bottom:.15rem}
.page-sub{color:var(--foreground-muted);font-size:.88rem;margin-bottom:1.5rem;line-height:1.5}
.back-link{font-size:.82rem;color:var(--foreground-dim);margin-bottom:1.25rem;display:inline-flex;align-items:center;gap:.3rem;text-decoration:none}
.back-link:hover{color:var(--primary)}

.tc-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;max-width:44rem}
.tc-tile{display:flex;flex-direction:column;gap:.4rem;background:var(--background-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;text-decoration:none;color:var(--foreground);transition:border-color var(--t-fast),transform var(--t-fast)}
.tc-tile:hover{border-color:var(--primary);transform:translateY(-2px)}
.tc-tile-icon{font-size:1.6rem}
.tc-tile-label{font-size:1.05rem;font-weight:800}
.tc-tile-sub{font-size:.82rem;color:var(--foreground-dim)}
</style>
</head>
<body class="dash-layout">
<?php include __DIR__ . '/sidebar.php'; ?>

<main class="main">
    <a href="/traderalign/trading-center" class="back-link">← Back to Trading Center</a>
    <h1 class="page-title">Add Account</h1>
    <p class="page-sub">Which kind of account do you want to add? Prop firm evaluations and live accounts are two completely separate workflows.</p>

    <div class="tc-tile-grid">
        <a class="tc-tile" href="/traderalign/add-prop-account">
            <span class="tc-tile-icon">🏛️</span>
            <span class="tc-tile-label">Prop Firm Account</span>
            <span class="tc-tile-sub">Start a new challenge evaluation</span>
        </a>
        <a class="tc-tile" href="/traderalign/add-live-account">
            <span class="tc-tile-icon">💼</span>
            <span class="tc-tile-label">Live Account</span>
            <span class="tc-tile-sub">Add your own personal brokerage account</span>
        </a>
    </div>
</main>
</body>
</html>
