<div class="tab-pane" id="info">

{% if info_title %}
<p class="report_item_title">{{ info_title }}</p>
{% endif %}

    {% if info_tabs | length > 0 %}
    <div class="report_item">
        <ul class="nav nav-pills" role="tablist">
            {% for (tab,anchor_id) in info_tabs %}
            <li {% if loop.first %} class="nav-item active"{% else %} class="nav-item" {% endif %}>
                <a href="#info-{{ anchor_id }}"
                   {% if loop.first %} class="nav-link active" {% else %} class="nav-link"{% endif %}
                   data-toggle="tab">{{ tab }}</a>
            </li>
            {% endfor %}
        </ul>

        <div class="tab-content" style="padding-top: 5px;">
        {% for (tab,anchor_id) in info_tabs %}

            <div class="tab-pane {% if loop.first %} active{% endif %}"
                 id="info-{{ anchor_id }}">
                <div class="report_text">

                {% if tab == "Overview" %}
                    {% for key,value in info_basic.items() %}
                    <b><strong>{{key}}:</strong></b>
                        {{value}}
                    <br>
                    {% endfor %}
                {% endif %}

                {% if tab == "Participant Info" %}
                    {% for key,value in info_participant_dict.items() %}
                    <b><strong>{{key}}:</strong></b>
                    {{value}}
                    <br>
                    {% endfor %}
                {% endif %}

                {% if tab == "MEG Info" %}
                    {% if info_meg_list | length > 0 %}
                    <table class="basic_info_table">
                        <thead>
                        <tr>
                            {% for v in info_meg_list %}
                            <th style="white-space: nowrap;">{{v[0]}}</th>
                            {% endfor %}
                        </tr>
                        </thead>
                        {% endif %}
                        <tbody>
                        <tr>
                        {% for value in info_meg_list %}
                            <td style="white-space:pre white-space:nowrap">{{ value[1] }}</td>
                        {% endfor %}

                        </tr>

                        </tbody>
                    </table>


                {% endif %}
                </div>
            </div>
        {% endfor %}
    </div>
</div>
{% endif %}

{% if caption %}
<div class="caption text-center text-muted">
    {{ caption }}
</div>
{% endif %}
</div>