{% extends "myhome_base.html" %}
{% load seahub_tags avatar_tags group_avatar_tags i18n %}
{% load url from future %}

{% block nav_pubinfo_class %}class="cur"{% endblock %}

{% block left_panel %}
{% include 'snippets/pubinfo.html' %}
{% endblock %}

{% block right_panel %}
<div class="tabnav">
    <ul class="tabnav-tabs">
        <li class="tabnav-tab"><a href="{% url 'pubrepo' %}">{% trans "Libraries" %}</a></li>
        <li class="tabnav-tab tabnav-tab-cur">{% trans "Groups" %}</li>
        <li class="tabnav-tab"><a href="{% url 'pubuser' %}">{% trans "Users" %}</a></li>
    </ul>
</div>
{% if groups %}
<ul class="group-list">
    {% for group in groups %}
    <li class="group ovhd">
    <a href="{{ SITE_ROOT }}group/{{ group.props.id }}/" class="no-deco pic fleft">{% grp_avatar group.props.id 48 %}</a>
    <div class="txt fright">
        <h4><a href="{{ SITE_ROOT }}group/{{ group.props.id }}/">{{ group.props.group_name }}</a></h4>
        <p><span class="item-name">{% trans "Creator: "%}</span>{{ group.props.creator_name }}</p>
        <p><span class="item-name">{% trans "Time: "%}</span>{{ group.props.timestamp|tsstr_sec }}</p>
    </div>
    </li>
    {% endfor %}
</ul>
{% else %}
<div class="empty-tips">
    <h2 class="center-contents">{% trans "No one has created any groups yet" %}</h2>
    <p> {% blocktrans %}You can click "Add Group" button under "Group" label to create a group. {% endblocktrans %}</p>
</div>
{% endif %}
{% endblock %}