{% if type_name == "events_upcoming"  %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ label|striptags|safe }}</h1>
        </div>

        {% if value %}
            <table class="table">
                <thead>
                    <tr>
                        <th>{% trans "Date" %}</th>
                        <th>{% trans "Name" %}</th>
                        <th>{% trans "Registrations" %}</th>
                        <th>{{ SITE_GLOBAL_CURRENCYSYMBOL }}</th>
                        <th>{% trans "Paid" %} %</th>
                    </tr>
                </thead>

                <tbody>
                    {% for date, name, url, reg, total, percentage in value %}
                        <tr>
                            <td>{{ date }}</td>
                            <td><a href="{{ url }}">{{ name }}</a></td>
                            <td>{{ reg }}</td>
                            <td>{{ total }}</td>
                            <td>{{ percentage }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        {% else %}
            <div class="panel-body">
                <p>{% trans "No upcoming events." %}</p>
            </div>
        {% endif %}
    </div>
{% endif %}

{% if type_name == "memberships_30_count" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ label|striptags|safe }}</h1>
        </div>

        <div class="panel-body">
            {% for active, expiring, new, pending, expired in value %}
                <h2>{{ active }} {% trans "Active" %} | {{ expiring }} {% trans "Expire in 30 days" %}</h2>

                <div id="t-dashboard-js-statistics-members-info" data-new="{{ new }}" data-pending="{{ pending }}" data-expired="{{ expired }}">
                    {% trans "Last 30 days" %}
                    <p>{% trans "New" %}: {{ new }}</p>
                    <p>{% trans "Pending" %}: {{ pending }}</p>
                    <p>{% trans "Expired" %}: {{ expired }}</p>
                </div>
            {% endfor %}

            <div id="t-dashboard-js-statistics-members-graph"></div>
        </div>
    </div>
{% endif %}

{% if type_name == "memberships_30_new" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ value.0 }} {{ label|striptags|safe }}</h1>
        </div>

        <div class="panel-body">
            {% if value|slice:"1:" %}
                <ol>
                {% for name, url in value|slice:"1:" %}
                    <li><a href="{{ url }}">{{ name }}</a></li>
                {% endfor %}
                </ol>
                <p><a href="{% url 'reports-memberships-joins' %}">{% trans "More new memberships." %}</a></p>
            {% else %}
                <p>
                    {% trans "No new memberships within this time period." %}
                    <a href="{% url 'reports-memberships-joins' %}">{% trans "View all new memberships." %}</a>
                </p>
            {% endif %}
        </div>
    </div>
{% endif %}

{% if type_name == "memberships_30_renew" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ value.0 }} {{ label|striptags|safe }}</h1>
        </div>

        <div class="panel-body">
            {% if value|slice:"1:" %}
                <ol>
                    {% for name, url in value|slice:"1:" %}
                        <li><a href="{{ url }}">{{ name }}</a></li>
                    {% endfor %}
                </ol>
                <p><a href="{% url 'reports-renewed-members' %}">{% trans "More renewed memberships." %}</a></p>
            {% else %}
                <p>
                    {% trans "No renewed memberships within this time period." %}
                    <a href="{% url 'reports-renewed-members' %}"> {% trans "View all renewed memberships." %}</a>
                </p>
            {% endif %}
        </div>
    </div>
{% endif %}

{% if type_name == "memberships_30_expired" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ value.0 }} {{ label|striptags|safe }}</h1>
        </div>

        <div class="panel-body">
            {% if value|slice:"1:" %}
                <ol>
                    {% for name, url in value|slice:"1:" %}
                        <li><a href="{{ url }}">{{ name }}</a></li>
                    {% endfor %}
                </ol>
                <p><a href="{% url 'reports-expired-members' %}">{% trans "More expired memberships." %}</a></p>
            {% else %}
                <p>
                    {% trans "No expired memberships within this time period." %}
                    <a href="{% url 'reports-expired-members' %}">{% trans "View all expired memberships." %}</a>
                </p>
            {% endif %}
        </div>
    </div>
{% endif %}

{% if type_name == "memberships_30_expiring" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ value.0 }} {{ label|striptags|safe }}</h1>
        </div>

        <div class="panel-body">
            {% if value|slice:"1:" %}
                <ol>
                    {% for name, url in value|slice:"1:" %}
                        <li><a href="{{ url }}">{{ name }}</a></li>
                    {% endfor %}
                </ol>
            {% else %}
                <p>{% trans "No expiring memberships within this time period." %}</p>
            {% endif %}
        </div>
    </div>
{% endif %}

{% if type_name == "corp_memberships_30_new" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ label|striptags|safe }}</h1>
        </div>

        <div class="panel-body">
            <ol>
                {% for name, url in value %}
                    <li><a href="{{ url }}">{{ name }}</a></li>
                {% endfor %}
            </ol>
        </div>
    </div>
{% endif %}

{% if type_name == "corp_memberships_30_renew" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ label|striptags|safe }}</h1>
        </div>

        <div class="panel-body">
            <ol>
                {% for name, url in value %}
                    <li><a href="{{ url }}">{{ name }}</a></li>
                {% endfor %}
            </ol>
        </div>
    </div>
{% endif %}

{% if type_name == "corp_memberships_30_expired" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ label|striptags|safe }}</h1>
        </div>

        <div class="panel-body">
            <ol>
                {% for name, url in value %}
                    <li><a href="{{ url }}">{{ name }}</a></li>
                {% endfor %}
            </ol>
        </div>
    </div>
{% endif %}

{% if type_name == "corp_memberships_30_expiring" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ label|striptags|safe }}</h1>
        </div>

        <div class="panel-body">
            <ol>
                {% for name, url in value %}
                    <li><a href="{{ url }}">{{ name }}</a></li>
                {% endfor %}
            </ol>
        </div>
    </div>
{% endif %}

{% if type_name == "forms_30_submissions" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ label|striptags|safe }}</h1>
        </div>

        {% if value %}
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>{% trans "Name" %}</th>
                        <th>{% trans "30-Day Submissions" %}</th>
                    </tr>
                </thead>

                <tbody>
                    {% for title, url, count, link in value %}
                        <tr>
                            <td><a href="{{ url }}">{{ title }}</a></td>
                            <td><a href="{{ link }}">{{ count }}</a></td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        {% else %}
            <div class="panel-body">
                <p>{% trans "No submissions." %}</p>
            </div>
        {% endif %}
    </div>
{% endif %}

{% if type_name == "pages_30_traffic" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ label|striptags|safe }}</h1>
        </div>

        {% if value %}
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>{% trans "Pages" %}</th>
                        <th>{% trans "30-Day Traffic" %}</th>
                    </tr>
                </thead>

                <tbody>
                    {% for title, url, count in value %}
                        <tr>
                            <td><a href="{{ url }}">{{ title }}</a></td>
                            <td>{{ count }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        {% else %}
            <div class="panel-body">
                <p>{% trans "No pages." %}</p>
            </div>
        {% endif %}
    </div>
{% endif %}

{% if type_name == "events_30_traffic" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ label|striptags|safe }}</h1>
        </div>

        {% if value %}
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>{% trans "Events" %}</th>
                        <th>{% trans "30-Day Traffic" %}</th>
                    </tr>
                </thead>

                <tbody>
                    {% for title, url, count in value %}
                        <tr>
                            <td><a href="{{ url }}">{{ title }}</a></td>
                            <td>{{ count }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        {% else %}
            <div class="panel-body">
                <p>{% trans "No events." %}</p>
            </div>
        {% endif %}
    </div>
{% endif %}

{% if type_name == "corp_members_top" %}
    <div class="panel panel-info">
        <div class="panel-heading">
            <h1 class="panel-title">{{ label|striptags|safe }}</h1>
        </div>

        {% if value %}
            <table class="table table-striped">
                {% for title, url, count in value %}
                    {% if forloop.first %}
                        <thead>
                            <tr>
                                <th>{% trans "Corporate Members" %}</th>
                                <th>{{ count }}</th>
                            </tr>
                        </thead>

                        <tbodY>
                    {% else %}
                            <tr>
                                <td><a href="{{ url }}">{{ title }}</a></td>
                                <td>{{ count }}</td>
                            </tr>
                    {% endif %}
                {% endfor %}

                        </tbody>
            </table>
        {% else %}
            <div class="panel-body">
                <p>{% trans "No top corporate members." %}</p>
            </div>
        {% endif %}
    </div>
{% endif %}