{% load group_avatar_tags i18n %}
{% load url from future %}
<div class="info-item">
<h3 class="info-item-top">{% trans "My Groups" %}</h3>
{% if groups %}
<ul class="info-item-bottom ovhd">
    {% for group in groups %}
    <li class="mygroup">
    <a href="{{ SITE_ROOT }}group/{{ group.props.id }}/" class="no-deco">
        <img src="{% grp_avatar_url group.props.id 48 %}" alt="{{ group.props.group_name }}的图标" title="{{ group.props.group_name }}" class="avatar" />
    </a>
	<a class="name" href="{{ SITE_ROOT }}group/{{ group.props.id }}/" title="{{ group.props.group_name }}">{{ group.props.group_name }}</a>
	</li>
    {% endfor %}
</ul>
{% else %}
<div class="info-item-bottom">
  <p>
    {% if cloud_mode and org.url_prefix %}
    <a href="{% url 'org_groups' org.url_prefix %}">
    {% else %}
    <a href="{% url 'group_list' %}">    
    {% endif %}
    {% trans "Create a group now" %}</a></p>
</div>
{% endif %}
</div>