{% extends 'base.html' %}
{% block title %}My Algos · Quantzy{% endblock %}
{% block content %}
<div class="algo-app">
  <section class="algo-heading"><div><p class="eyebrow">YOUR ALGO DESK</p><h1>My Algos</h1><p>Your next decision, in focus. Your deployments, in one place.</p></div><a class="button secondary" href="{{ url_for('marketplace') }}">Explore Algos <span>↗</span></a></section>
  <div class="journey-panel"><div><p class="eyebrow">A CLEAR PATH TO YOUR FIRST DEPLOYMENT</p><h2>{{ 'Your desk is set up.' if run_count else 'Make yourself at home.' }}</h2><p>Each step is yours to review. Nothing starts automatically.</p></div><ol class="journey-steps"><li class="{{ 'step-done' if subscriptions }}"><span>01</span><a href="/account/algos">Choose an algo</a><small>{{ 'Added to your collection' if subscriptions else 'Explore approaches & risk' }}</small></li><li class="{{ 'step-done' if connections }}"><span>02</span><a href="/account/connection">Connect your broker</a><small>{{ 'Account configured · verify sign-in' if connections else 'Set up a dedicated connection' }}</small></li><li class="{{ 'step-done' if run_count }}"><span>03</span><a href="#your-deployments">Review & activate</a><small>{{ 'Open controls to check status' if run_count else 'Confirm before starting' }}</small></li></ol></div>
  {% if attention_count %}<div class="attention-banner" role="status"><strong>{{ attention_count }} deployment{{ 's' if attention_count != 1 }} need attention.</strong><span>Open its controls to refresh status before starting again.</span></div>{% endif %}
  <div class="desk-section-heading" id="your-deployments"><h2>Your collection</h2><a href="/account/help#monitoring">Understand deployment states →</a></div>
  <div class="algo-stats" aria-label="Saved deployment summary"><div><span>In your collection</span><strong>{{ subscriptions|length }}</strong></div><div><span>Deployments</span><strong>{{ run_count }}</strong></div><div><span>Last recorded running</span><strong>{{ running_count }}</strong></div><div><span>Need attention</span><strong>{{ attention_count }}</strong></div></div>
  <p class="freshness-note">Statuses are last recorded. Open a deployment to check its current execution status.</p>
  {% for sub in subscriptions %}<article class="my-algo panel"><div class="my-algo-top"><div class="algo-identity"><span class="algo-avatar avatar-{{ loop.index % 3 }}" aria-hidden="true">{{ sub.item.title[0] }}</span><div><p class="eyebrow">{{ sub.item.category }}</p><h2>{{ sub.item.title }}</h2><p class="fine muted">{{ 'Paper trading · simulated fills' if sub.item.mode == 'paper' else ('Signals only · no orders' if sub.item.mode == 'signals' else 'Live execution') }} · Free early access</p></div></div>{% if sub.hidden %}<span class="risk-pill">Unavailable for new starts</span>{% elif not sub.runs %}<a class="button secondary" href="{{ url_for('configure_strategy',sid=sub.item.strategy_id) }}">Set up algo <span>→</span></a>{% endif %}</div>
    {% for run in sub.runs %}<div class="my-algo-run"><div><span class="cell-caption">Broker account</span><strong>{{ run.label }}</strong></div><div><span class="cell-caption">Last recorded status</span><span class="run-status state-{{ run.state }}">{{ state_labels.get(run.state,'Needs attention') }}</span></div><div><span class="cell-caption">Last updated</span><time>{{ run.updated|ist_time }}</time></div><a class="row-action" href="{{ url_for('deployment_detail',did=run.id) }}">Manage deployment <span aria-hidden="true">↗</span></a></div>{% else %}<div class="my-algo-no-run"><span class="run-status state-ready">Not deployed</span><p>Choose your broker and review the settings. Nothing runs until you activate it.</p></div>{% endfor %}
  </article>{% else %}<section class="algo-empty panel"><span class="algo-mark" aria-hidden="true">Q</span><h2>Your algo desk starts here.</h2><p>Explore the collection, review the risks and add an algo. You choose when it starts.</p><a class="button" href="{{ url_for('marketplace') }}">Explore Algos <span>→</span></a></section>{% endfor %}
</div>
{% endblock %}