{% extends "zerver/base.html" %}

{% load compressed %}
{% load minified_js %}

{# User Activity. #}

{% block title %}
<title>{{ title }}</title>
{% endblock %}


{% block customhead %}
{{ block.super }}
{% minified_js 'activity' %}
{% compressed_css 'activity' %}
{% endblock %}

{% block content %}

{% if not is_home %}
<a class="show-all" href="/activity">Home</a>
<br />
{% endif %}

<h4>{{ title }}</h4>


<ul class="nav nav-tabs">
{% for name, activity in data %}
    <li {% if forloop.first %} class="active" {% endif %}>
        <a href="#{{ name|slugify }}" data-toggle="tab">{{ name }}</a>
    </li>
{% endfor %}
</ul>

<div class="tab-content">

{% for name, activity in data %}

    <div class="tab-pane {% if forloop.first %} active {% endif %}" id="{{ name|slugify }}">
        {{ activity }}
    </div>

{% endfor %}

</div>

{% endblock %}