{% extends "base.html" %}

{% block content %}
<div class="ph fi">
  <div class="ey">Mission Operations</div>
  <h1>任务总览</h1>
  <p>Simulation: <strong>{{ simulation_time_display }}</strong> · All metrics derived from asset logs</p>
</div>

<div class="mg fi">
  <div class="mc ac"><div class="l">Tracked Assets</div><div class="v">{{ total_assets }}</div><div class="s">{{ mothership_count }} Motherships · {{ station_count }} Stations</div></div>
  <div class="mc gn"><div class="l">Active Missions</div><div class="v">{{ active_missions }}</div></div>
  <div class="mc am"><div class="l">Upcoming (30d)</div><div class="v">{{ upcoming_count }}</div><div class="s">{{ upcoming_summary }}</div></div>
</div>

<div class="stl fi">Status Board</div>
<div class="sgr fi">
  {% for group in status_groups %}
  <div class="sgi">
    <div class="sgh">
      <span class="sdt {{ group.css_class }}"></span>{{ group.label }}
      <span class="scc">{{ group.assets|length }}</span>
    </div>
    {% for asset in group.assets %}
    <div class="srw">
      <a class="an" href="{{ url_for('web.asset_detail', asset_id=asset.id
) }}">{{ asset.name }}</a>
      <span class="am">{{ asset.mission }}</span>
      <span class="al">{{ asset.location }}</span>
    </div>
    {% endfor %}
  </div>
  {% endfor %}
</div>

<div class="stl fi">Upcoming Events</div>
<div class="evl fi">
  {% for ev in upcoming_events %}
  <div class="evr">
    <span class="ed">{{ ev.date }}</span>{{ ev.title }}
    {% if ev.within_30d %}<span class="eb">30d</span>{% endif %}
  </div>
  {% endfor %}
</div>
{% endblock %}