{% extends "base.html" %}
{% block title %}Dashboard — Supernova{% endblock %}
{% block content %}
<div class="section-title" style="margin-top:36px">Your command deck</div>
<div class="stats">
  <div class="stat"><div class="n">₿ ${{ "%.2f"|format(user.balance) }}</div><div class="l">balance</div></div>
  <div class="stat"><div class="n">{{ orders|length }}</div><div class="l">recent orders</div></div>
  <div class="stat"><div class="n">⚡</div><div class="l">auto-fulfilled</div></div>
</div>

<div class="platform-grid">
  <div class="card">
    <h3>Add funds</h3>
    <div class="meta">Deposit Bitcoin — credited instantly on confirmation.</div>
    <div class="row"><a class="btn sm" href="{{ url_for('deposit') }}">Deposit ₿</a></div>
  </div>
  <div class="card">
    <h3>New boost</h3>
    <div class="meta">Browse the catalog and launch a campaign.</div>
    <div class="row"><a class="btn sm" href="{{ url_for('services') }}">Explore →</a></div>
  </div>
  <div class="card">
    <h3>Order history</h3>
    <div class="meta">Track every boost and its status.</div>
    <div class="row"><a class="btn sm ghost" href="{{ url_for('orders') }}">View all</a></div>
  </div>
</div>

<div class="section-title">Live delivery</div>
<div class="card" style="padding:22px">
  <div id="ticker"><div class="muted center">Loading your boosts…</div></div>
</div>

{% if deposits %}
<div class="section-title">Recent deposits</div>
<table class="list">
  <tr><th>Amount</th><th>Status</th></tr>
  {% for d in deposits %}
  <tr><td>${{ "%.2f"|format(d.amount) }}</td><td><span class="badge {{ d.status }}">{{ d.status }}</span></td></tr>
  {% endfor %}
</table>
{% endif %}
{% endblock %}