<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trading Bot Dashboard</title>
<meta http-equiv="refresh" content="30">
<link rel="stylesheet" href="/static/style.css">
</head>
<body>
<div class="container">
<header>
<h1>🤖 Trading Bot Dashboard</h1>
<div class="header-meta">
<span id="last-updated">Last updated: --</span>
<button onclick="refreshData()" title="Refresh now">↻</button>
</div>
</header>
<div class="grid">
<!-- Account Value Widget -->
<div class="widget widget-account">
<h2>💰 Account Value</h2>
<div class="account-content" id="account-content">
<div class="loading">Loading...</div>
</div>
</div>
<!-- Bot Status Widget -->
<div class="widget widget-bot">
<h2>🤖 Bot Status</h2>
<div class="status-indicator" id="bot-status-indicator">●</div>
<div class="status-content" id="bot-status-content">
<div class="loading">Loading...</div>
</div>
</div>
<!-- Trade Summary Widget -->
<div class="widget widget-trades">
<h2>💱 Trade Summary</h2>
<div class="trade-content" id="trade-content">
<div class="loading">Loading...</div>
</div>
</div>
<!-- Positions Held Widget -->
<div class="widget widget-positions">
<h2>📈 Positions Held</h2>
<div class="positions-content" id="positions-content">
<div class="loading">Loading...</div>
</div>
</div>
<!-- Cron Jobs Widget -->
<div class="widget widget-cron">
<h2>⏰ Scheduled Jobs</h2>
<div class="cron-content" id="cron-content">
<div class="loading">Loading...</div>
</div>
</div>
<!-- System Health Widget -->
<div class="widget widget-system">
<h2>📊 System Health</h2>
<div class="system-content" id="system-content">
<div class="loading">Loading...</div>
</div>
</div>
<!-- Recent Logs Widget -->
<div class="widget widget-logs full-width">
<h2>📝 Recent Logs</h2>
<div class="logs-content" id="logs-content">
<div class="loading">Loading...</div>
</div>
</div>
</div>
<footer>
<p>Dashboard v1.0 | Auto-refresh: 30s | <a href="/api/health" target="_blank">Health Check</a></p>
</footer>
</div>
<script src="/static/dashboard.js"></script>
</body>
</html>