{% extends "base.html" %}

{% block content %}
<div class="ph fi">
  <div class="ey">Console</div>
  <h1>对接日志管理</h1>
</div>

<table>
  <thead><tr>
    <th>对接时间</th><th>分离时间</th><th>母舰</th><th>子载具</th><th>备注</th><th>操作</th>
  </tr></thead>
  <tbody>
    {% for e in events %}
    <tr>
      <td class="mt">{{ e.docked_at.strftime('%Y-%m-%d %H:%M') if e.docked_at else '-' }}</td>
      <td class="mt">{{ e.undocked_at.strftime('%Y-%m-%d %H:%M') if e.undocked_at else '-' }}</td>
      <td>
        {% if e.parent_asset %}
        <a href="{{ url_for('web.asset_detail', asset_id=e.parent_asset.id) }}" style="color:var(--accent)">{{ e.parent_asset.name }}</a>
        {% else %}-{% endif %}
      </td>
      <td>
        {% if e.child_asset %}
        <a href="{{ url_for('web.asset_detail', asset_id=e.child_asset.id) }}" style="color:var(--accent)">{{ e.child_asset.name }}</a>
        {% elif e.child_label %}{{ e.child_label }}
        {% else %}-{% endif %}
      </td>
      <td class="mt" style="max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ e.dock_note or '-' }}</td>
      <td>
        <form method="post" action="{{ url_for('web.docking_log_delete', event_id=e.id) }}" style="display:inline" onsubmit="return confirm('确定删除这条对接记录？相关日志也会被清理。')">
          <button class="danger-link" type="submit" style="font-size:.66rem;border:none;background:none;color:var(--red);cursor:pointer">Del</button>
        </form>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>

<p class="mt" style="margin-top:12px">{{ events|length }} records</p>
{% endblock %}