{% extends 'base.html' %}{% block title %}My broker · Quantzy{% endblock %}{% block content %}
<section class="page-heading accounts-heading"><div><p class="eyebrow">YOUR TRADING DESK</p><h1>Welcome, {{ user.username }}<span>.</span></h1><p class="intro">Your broker connection and trading connection. All in one place.</p></div>{% if profiles|length < account_limit %}<a class="button" href="/account/broker"><span aria-hidden="true">+</span> Add broker account</a>{% endif %}</section>
<section class="account-summary" aria-label="Account overview"><div><span>Broker account</span><strong>{{ profiles|length }} <small>/ {{ account_limit }}</small></strong></div><div><span>Your active connection</span><strong>{{ profiles|selectattr('state','equalto','running')|list|length }} <i class="live-dot" aria-hidden="true"></i></strong></div><p>One broker.<br><strong>One focused trading connection.</strong></p></section>
<div class="section-row"><h2>Your broker</h2><span class="muted fine">One broker account per user</span></div>
<section class="account-grid">
{% for profile in profiles %}
  <article class="broker-card tone-{{ loop.index }}">
    <div class="row"><span class="broker-monogram" aria-hidden="true">{{ profile.broker_name[:1] }}</span><span class="status {{ profile.state }}">{{ profile.state|capitalize }}</span></div>
    <p class="broker-provider">{{ profile.broker_name }}</p><h2>{{ profile.label }}</h2>
    <dl><div><dt>Outgoing IP</dt><dd>{{ profile.egress_ip }}</dd></div></dl>
    <a class="button {{ 'secondary' if profile.state != 'running' else '' }} full" href="/account/workspace/{{ profile.id }}">{{ 'View connection' if profile.state == 'running' else 'Manage connection' }} <span aria-hidden="true">↗</span></a>
  </article>
{% else %}
  <article class="empty-state"><div class="empty-art" aria-hidden="true"><span>Q</span><i>+</i></div><p class="eyebrow">YOUR NEXT STEP</p><h2>Make your first connection.</h2><p>Have your broker API credentials and proxy details ready. Connect one broker account during testing.</p><a class="button" href="/account/broker">Connect your first broker <span aria-hidden="true">↗</span></a><div class="setup-trail"><span>01 &nbsp; Broker details</span><span>02 &nbsp; Proxy verification</span><span>03 &nbsp; Your connection</span></div></article>
{% endfor %}
{% if profiles and profiles|length < account_limit %}<a class="add-account-card" href="/account/broker"><span aria-hidden="true">+</span><strong>Add another account</strong><small>Connect your trading account.</small></a>{% endif %}
</section>
<aside class="access-note"><span class="badge">TEST CAPACITY</span><p>Ten users share three active workspace slots. Each user can connect one broker account.{% if profiles|length >= account_limit %} To change brokers, stop and archive your current account, then connect the new one. Previous settings and history are preserved.{% endif %}</p></aside>
{% if google_enabled and not user.google_sub %}<p class="fine"><a href="/account/google">Connect Google to your account</a></p>{% endif %}
{% if archived %}<details class="panel archived-panel"><summary>Archived accounts <span class="badge">{{ archived|length }}</span></summary><p class="muted">Your settings and history are preserved. Restore an account when a slot is available.</p>{% for item in archived %}<form action="/account/restore" method="post" class="row"><input type="hidden" name="csrf" value="{{ csrf_token() }}"><input type="hidden" name="profile_id" value="{{ item.id }}"><span>{{ item.label }} <small class="muted">· {{ item.broker_name }}</small></span><button class="button secondary" {% if profiles|length >= account_limit %}disabled{% endif %}>Restore account</button></form>{% endfor %}</details>{% endif %}
{% endblock %}