{% extends "cms/base.html" %}
{% block title %}Data Health{% endblock %}
{% block page_title %}Data Health{% endblock %}
{% block cms_content %}
<div class="cms-section-header">
  <h2>Data Health <span style="font-size:.75em;font-weight:400;color:var(--cms-muted)">({{ issues|length }})</span></h2>
</div>
<div class="cms-card" style="padding:0;overflow:hidden">
  <table class="cms-table" style="width:100%">
    <thead><tr><th style="text-align:left">Issue</th><th>Rows</th><th style="text-align:left">What it means</th></tr></thead>
    <tbody>
      {% for label, count, meaning in issues %}
      <tr>
        <td style="text-align:left"><strong>{{ label }}</strong></td>
        <td>{{ count }}</td>
        <td style="text-align:left;color:var(--cms-muted)">{{ meaning }}</td>
      </tr>
      {% empty %}
      <tr><td colspan="3" style="padding:2rem;text-align:center;color:var(--cms-muted)">Nothing to review.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}