{% extends "base.html" %}
{% import "_macros.html" as m %}

{% block title %}Cast {{ cast_num }} — {{ cruise }} CTD{% endblock %}
{% block masthead_title %}Cast {{ cast_num }}{% endblock %}
{% block masthead_type %}Station{% endblock %}

{% block head_extra %}
<style>
/* Station page */
.topbar {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 1.25rem; font-size: var(--fs-meta);
}
.breadcrumb a { color: var(--ocean); text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb .sep { color: var(--muted); margin: 0 0.25rem; }
details.sensor-details {
  margin-bottom: 0.75rem; font-size: var(--fs-note); color: var(--muted);
}
details.sensor-details summary { cursor: pointer; user-select: none; padding: 0.2rem 0; }
/* Compact sizing only; header/zebra/borders come from the canonical table style so this
   table matches every other table (canonical --ocean header, white text). */
.sensor-table { font-size: var(--fs-nav); margin-top: 0.4rem; }
/* Per-cast netCDF data-ranges appendix table. */
table.data-ranges { font-size: var(--fs-nav); }
</style>
{% endblock %}

{% block topbar %}
<div class="topbar">
  <nav class="breadcrumb">
    <a href="{{ nav_prefix }}index.html">Index</a>
    <span class="sep">›</span>
    <a href="{{ nav_prefix }}casts.html">Casts</a>
    <span class="sep">›</span>
    <span>Cast {{ cast_num }}</span>
  </nav>
  <div class="nav-btns">
    {% if next_num %}<a class="btn-nav" href="cast_{{ next_num }}.html">← {{ next_num }}</a>{% endif %}
    {% if prev_num %}<a class="btn-nav" href="cast_{{ prev_num }}.html">{{ prev_num }} →</a>{% endif %}
  </div>
</div>
{% endblock %}

{% block masthead_meta %}
  <dl class="meta-grid">
    <div><dt>Cruise</dt><dd>{{ cruise }}</dd></div>
    <div><dt>Ship</dt><dd>{{ ship }}</dd></div>
    <div><dt>Latitude</dt><dd>{{ lat_str }}</dd></div>
    <div><dt>Longitude</dt><dd>{{ lon_str }}</dd></div>
    <div><dt>Start</dt><dd>{{ datetime_str }}</dd></div>
    <div><dt>End</dt><dd>{{ time_end_str }}</dd></div>
    <div><dt>Duration</dt><dd>{{ duration_str }}</dd></div>
    <div><dt>Max depth</dt><dd>{{ max_depth_str }}</dd></div>
    {% if ladcp_configured and not ladcp_available %}
    <div><dt>LADCP</dt><dd style="color:var(--warn);">⚠ not processed</dd></div>
    {% endif %}
    {% if source_str %}
    <div><dt>Source</dt><dd class="mono">{{ source_str }}</dd></div>
    {% endif %}
    {% if processed_str %}
    <div><dt>Processed</dt><dd>{{ processed_str }}</dd></div>
    {% endif %}
  </dl>
{% endblock %}

{% block content %}
{% if trim_note %}<div class="warn">{{ trim_note }}</div>{% endif %}
{% for note in cast_notes %}<p class="warn">{{ note }}</p>{% endfor %}

{{ m.report_body(report, section_columns) }}

{{ js_top_links | safe }}
{% endblock %}