{% set section = "Channels" %}
{% set section_class_name = section | lower | append_uuid %}

{# Collapse content during documentation build. #}
{% if collapsed %}
{% set collapsed_row_class = "repr-element-faded repr-element-collapsed" %}
{% else %}
{% set collapsed_row_class = "" %}
{% endif %}

<tr class="repr-section-header {{ section_class_name }}" {% if collapsed %} title="Show section" {% else %} title="Hide section" {% endif %}
    onclick="toggleVisibility('{{ section_class_name }}')">
    <th class="repr-section-toggle-col">
        <button>
            {# This span is for the background SVG icon #}
            <span class="collapse-uncollapse-caret"></span>
        </button>
    </th>
    <th colspan="2">
        <strong>{{ section }}</strong>
    </th>
</tr>
{% for channel_type, channels in (info | format_channels).items() %}
{% set channel_names_good = channels["good"] | map(attribute='name_html') | join(', ') %}
<tr class="repr-element {{ section_class_name }} {{ collapsed_row_class }}">
    <td class="repr-section-toggle-col"></td>
    <td>{{ channel_type }}</td>
    <td>
        <button class="channel-names-btn" onclick="alert('Good {{ channel_type}}:\n\n{{ channel_names_good | safe }}')" title="(Click to open in popup)&#13;&#13;{{ channel_names_good | safe }}">
            {{ channels["good"] | length}}
        </button>

        {% if channels["bad"] %}
        {% set channel_names_bad = channels["bad"] | map(attribute='name_html') | join(', ') %}
        and <button class="channel-names-btn" onclick="alert('Bad {{ channel_type}}:\n\n{{ channel_names_bad | safe }}')" title="(Click to open in popup)&#13;&#13;{{ channel_names_bad | safe }}">
            {{ channels["bad"] | length}} bad
        </button>
        {% endif %}
    </td>
</tr>
{% endfor %}

<tr class="repr-element {{ section_class_name }} {{ collapsed_row_class }}">
    <td class="repr-section-toggle-col"></td>
    <td>Head & sensor digitization</td>
    {% if info["dig"] is not none %}
    <td>{{ info["dig"] | length }} points</td>
    {% else %}
    <td>Not available</td>
    {% endif %}
</tr>