{% extends "base.html" %}
{% block title %}Orders — Supernova{% endblock %}
{% block content %}
<div id="launch-banner">🚀 Boost launched — delivery starting!</div>
<div class="section-title" style="margin-top:36px">Your boosts</div>
{% if orders %}
<table class="list">
  <tr><th>Service</th><th>Link</th><th>Qty</th><th>Cost</th><th>Status</th></tr>
  {% for o in orders %}
  <tr>
    <td>{{ o.service_name }}</td>
    <td class="muted" style="max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ o.link }}</td>
    <td>{{ "{:,}".format(o.quantity) }}</td>
    <td>${{ "%.2f"|format(o.cost) }}</td>
    <td><span class="badge {{ o.status }}">{{ o.status }}</span></td>
  </tr>
  {% endfor %}
</table>
{% else %}
<div class="card center" style="padding:40px">
  <div style="font-size:2rem">🪐</div>
  <div class="muted mt-2">No orders yet. <a href="{{ url_for('services') }}" style="color:var(--nebula-b)">Launch your first boost →</a></div>
</div>
{% endif %}
{% endblock %}