{% if updates|length or whatsNew|length %}
    {% set warningInfo = "<b>What is this?</b> This feature keeps you informed about important issues that may specifically affect this site. Freeform runs a variety of checks on this local install to see which features you're using and checks the Solspace website to see if any future versions address potential issues your site may have. We respect your privacy, so this feature only pulls update notices from the Solspace.com site and does not and cannot send any information back. This feature can also be disabled in the plugin settings." | t('freeform') %}
    {% set newInfo = "<b>What is this?</b> This feature lets you know about new features available in the current version you've just updated to. We respect your privacy, so this feature only pulls notices from the Solspace.com site and does not and cannot send any information back. This feature can also be disabled in the plugin settings." | t('freeform') %}

    <div class="row">
        <div class="col-xs-12">
            {% if updates|length %}
                <div class="banner banner-{{ updatesLevel }}" data-type="updates">
                    <div>
                        <span>
                            {{ 'Important Update Notices' | t('freeform') }}
                        </span>
                        <span class="info-popup" data-tippy-content="{{ warningInfo }}"></span>

                        <a class="button dismiss-type">{{ 'Dismiss All' | t('freeform') }}</a>
                    </div>
                    <table>
                        <tbody>
                        {% for update in updates %}
                            <tr data-id="{{ update.id }}" data-type="{{ update.type }}">
                                <td class="icon">
                                    {{ update.icon }}
                                </td>
                                <td class="date">
                                    {{ update.issueDate|date('long') }}
                                </td>
                                <td class="message">{{ update.message }}</td>
                                <td class="action-buttons">
                                    <a class="button mark-as-read"></a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}

            {% if whatsNew|length %}
                <div class="banner banner-new" data-type="new">
                    <div>
                        <span>
                            {{ 'What\'s New In Freeform?' | t('freeform') }}
                        </span>

                        <span class="info-popup" data-tippy-content="{{ newInfo }}"></span>

                        <a class="button dismiss-type">{{ 'Dismiss All' | t('freeform') }}</a>
                    </div>

                    <table>
                        <tbody>
                        {% for update in whatsNew %}
                            <tr data-id="{{ update.id }}" data-type="{{ update.type }}">
                                <td class="icon">
                                    {{ update.icon }}
                                </td>
                                <td class="date">
                                    {{ update.issueDate|date('long') }}
                                </td>
                                <td class="message">{{ update.message }}</td>
                                <td class="action-buttons">
                                    <a class="button mark-as-read"></a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
        </div>
    </div>
{% endif %}