{% if error %}
  <p class="error">The checks could not run: {{ error }}</p>
{% else %}
<div class="pf-verdict {% if ready %}ok{% else %}bad{% endif %}">
  {% if ready %}
    <strong>Ready to start a study.</strong>
  {% else %}
    <strong>Not ready yet.</strong> Fix the red lines below first.
  {% endif %}
  <span class="muted">{{ n_pass }} passed · {{ n_skip }} not set up (optional) · {{ n_fail }} failed</span>
</div>
<div class="pf-list">
  {% for c in checks %}
    <div class="pf pf-{{ c.status | lower }}">
      <span class="pf-mark">{% if c.status == "PASS" %}✓{% elif c.status == "FAIL" %}✗{% else %}·{% endif %}</span>
      <span class="pf-name">{{ c.name | check_label }}</span>
      <span class="pf-detail">{{ c.detail | check_detail(c.name) | ticks }}</span>
    </div>
  {% endfor %}
</div>
<details class="tech">
  <summary>Technical details</summary>
  <p class="small mono">{% for c in checks %}{{ c.name }}: {{ c.status }}: {{ c.detail }}{% if not loop.last %}<br>{% endif %}{% endfor %}</p>
</details>
{% endif %}