{{define "content"}}
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;">
    <h1 style="margin: 0;">🤖 AI Trading Dashboard</h1>
    <div id="mode-banner" class="mode-banner mode-dryrun"></div>
</div>

<div class="tabs">
    <a href="/overview" class="tab {{if eq .CurrentPage "overview"}}active{{end}}">Overview</a>
    <a href="/trades" class="tab {{if eq .CurrentPage "trades"}}active{{end}}">Trades</a>
    <a href="/whitelist" class="tab {{if eq .CurrentPage "whitelist"}}active{{end}}">Whitelist</a>
    <a href="/news" class="tab {{if eq .CurrentPage "news"}}active{{end}}">News</a>
</div>

{{if eq .CurrentPage "overview"}}
    {{template "overview" .}}
{{else if eq .CurrentPage "trades"}}
    {{template "trades" .}}
{{else if eq .CurrentPage "whitelist"}}
    {{template "whitelist" .}}
    {{template "whitelist-modal" .}}
{{else}}
    {{template "overview" .}}
{{end}}
{{end}}