{% extends "base.html" %}
{% block title %}{{ mooring_name }} – Mooring Recovery Table{% endblock %}
{% block masthead_class %}masthead-plain{% endblock %}
{% block masthead_title %}{{ mooring_name }} ({{ year }}){% endblock %}
{% block masthead_type %}Mooring Recovery{% endblock %}
{% block masthead_nav %}{% endblock %}
{% block masthead_meta %}
    {% if latitude %}<div><dt>Latitude</dt><dd>{{ latitude }}</dd></div>{% endif %}
    {% if longitude %}<div><dt>Longitude</dt><dd>{{ longitude }}</dd></div>{% endif %}
    <div><dt>Water depth</dt><dd>{{ waterdepth }}&thinsp;m</dd></div>
    <div><dt>Deployment</dt><dd>{{ deploy_time }}</dd></div>
    <div><dt>Recovery</dt><dd>{{ recover_time }}</dd></div>
    <div><dt>Duration</dt><dd>{{ duration }}</dd></div>
  {% endblock %}
{% block page_styles %}
  table {
    border-collapse: collapse;
    width: 100%;
    font-size: 9.5pt;
  }
  th {
    background: var(--ocean);
    color: #fff;
    padding: 0.35rem 0.5rem;
    text-align: left;
    font-weight: bold;
    vertical-align: bottom;
    white-space: pre-line;
  }
  th.num { text-align: right; }
  td {
    padding: 0.28rem 0.5rem;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
  }
  tr:nth-child(even) td { background: var(--seafoam); }
  tr.nonlog td {
    background: #f0f0f0;
    font-style: italic;
    color: #444;
    border-bottom: 1px solid #aaa;
  }
  td.ts { font-size: 8.5pt; white-space: pre; font-family: monospace; }
  td.drift { font-family: monospace; font-size: 9pt; text-align: center; }
  td.star { text-align: center; font-weight: bold; }
  .notes { margin-top: 1.2rem; font-size: 9.5pt; }
  .notes h3 { font-size: 10pt; margin-bottom: 0.4rem; }
  .notes dl { margin: 0; }
  .notes dt { font-weight: bold; margin-top: 0.4rem; }
  .notes dd { margin: 0 0 0.2rem 1.2rem; }
  .footer { margin-top: 1.5rem; font-size: 8.5pt; color: #888; border-top: 1px solid #ddd; padding-top: 0.5rem; }
  @media print {
    body { padding: 0; max-width: 100%; font-size: 9pt; }
    th { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    table { page-break-inside: auto; }
    tr { page-break-inside: avoid; }
    .footer { display: none; }
  }
{% endblock %}
{% block content %}

<table>
  <thead>
    <tr>
      <th class="num">Height
(above
bottom)
(m)</th>
      <th class="num">Depth
(nominal)
(m)</th>
      <th>Instrument</th>
      <th>Param.</th>
      <th class="num">Sample
int.
(s)</th>
      <th>Start/stop
time UTC</th>
      <th>Clock
drift</th>
      <th>First good /
Last good record</th>
      <th>Notes</th>
    </tr>
  </thead>
  <tbody>
  {% for row in rows %}
  {% if row.nonlog %}
  <tr class="nonlog">
    <td class="num">{{ row.hab if row.hab is not none else "" }}</td>
    <td class="num">{{ row.depth if row.depth is not none else "" }}</td>
    <td colspan="7">{{ row.description }}</td>
  </tr>
  {% else %}
  <tr>
    <td class="num">{{ row.hab if row.hab is not none else "?" }}</td>
    <td class="num">{{ row.depth if row.depth is not none else "?" }}</td>
    <td>{{ row.instrument }}</td>
    <td>{{ row.params }}</td>
    <td class="num">{{ row.interval_s if row.interval_s else "" }}</td>
    <td class="ts">{{ row.start_stop }}</td>
    <td class="drift">{{ row.clock_drift }}</td>
    <td class="ts">{{ row.first_last }}</td>
    <td class="star">{{ "*" if row.comment else "" }}</td>
  </tr>
  {% endif %}
  {% endfor %}
  </tbody>
</table>

{% if comments %}
<div class="notes">
  <h3>Notes</h3>
  <dl>
  {% for c in comments %}
    <dt>SN {{ c.serial }} ({{ c.instrument }}, {{ c.depth_str }})</dt>
    <dd>{{ c.comment }}</dd>
  {% endfor %}
  </dl>
</div>
{% endif %}

<p class="footer">
  Generated by <strong>oceanarray</strong> on {{ generated }} &bull;
  Start/stop times are instrument clock times, uncorrected for drift.
  First/last good record times are from the trimmed (stage&nbsp;2) record.
</p>

{% endblock %}