{% extends "base.html" %}
{% import "macros.html" as ui %}

{% block main %}
  <section class="project-summary" aria-labelledby="summary-label">
    <h1 id="summary-label">Project coverage</h1>
    <div class="project-percentage">{{ "%.0f"|format(report.total_percentage) }}%</div>
    <div class="project-coverage-bar">
      {{ ui.coverage_bar(
        report.total_percentage,
        report_status,
        "%.1f%% total coverage"|format(report.total_percentage)
      ) }}
    </div>
    <dl class="project-facts" aria-label="Coverage totals">
      <div>
        <dt>statements</dt>
        <dd>{{ "{:,}".format(report.total_statements) }}</dd>
      </div>
      <div>
        <dt>missing</dt>
        <dd>{{ "{:,}".format(report.total_missing) }}</dd>
      </div>
      <div>
        <dt>files</dt>
        <dd>{{ "{:,}".format(report.files|length) }}</dd>
      </div>
    </dl>
  </section>

  <section class="report-section health" aria-labelledby="health-title">
    <h2 id="health-title">File coverage</h2>
    <div class="health-bar" aria-label="Distribution of file coverage">
      {% for group in health_groups %}
        <span class="health-segment health-segment--{{ group.status }}"
          style="--segment: {{ '%.2f'|format(group.percentage) }}%"></span>
      {% endfor %}
    </div>
    <div class="health-legend">
      {% for group in health_groups %}
        <span>
          <strong class="text-{{ group.status }}">{{ group.count }}</strong>
          {{ group.label }}
        </span>
      {% endfor %}
    </div>
  </section>

  {% if risk_rows %}
    <section class="report-section" aria-labelledby="risk-title">
      <h2 id="risk-title">Directories by missing lines</h2>
      <div class="table-wrap">
        <table>
          <thead>
            <tr>
              <th scope="col">Directory</th>
              <th scope="col">Statements</th>
              <th scope="col">Missing</th>
              <th scope="col">Coverage</th>
            </tr>
          </thead>
          <tbody>
            {% for row in risk_rows %}
              {{ ui.coverage_row(row) }}
            {% endfor %}
          </tbody>
        </table>
      </div>
    </section>
  {% endif %}

  <section class="report-section" aria-labelledby="structure-title">
    <h2 id="structure-title">Project root</h2>
    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th scope="col">Name</th>
            <th scope="col">Statements</th>
            <th scope="col">Missing</th>
            <th scope="col">Coverage</th>
          </tr>
        </thead>
        <tbody>
          {% for row in project_rows %}
            {{ ui.coverage_row(row) }}
          {% endfor %}
        </tbody>
      </table>
    </div>
  </section>
{% endblock %}