{% extends "tree.html" %}
{% load datehumanize %}
{% load userdisplay %}
{% load tagging_tags %}
{% block widgets %}
    $("#memberships").accordion({
   		header: 'h3',
   		collapsible: true,
        active: false
   	});
   	$("#invitations").accordion({
   		header: 'h3',
   		collapsible: true,
        active: false
   	});
{% endblock %}
{% block content %}
    {% if not name %}
	<h1>This is the top of the namespace</h1>
	{% endif %}
    <div class="ui-widget ui-widget-content ui-helper-reset ui-corner-all infopanel">
	    {% if name.description %}
	    {% autoescape off %}
	    <p class="description">{{name.description|safe}}</p>
	    {% endautoescape %}
		{% endif %}
		{% if name %}
		<div class="rlist">
		  <ul>
		  	 {% if render.acl %}
			 <li class="button"><a href="/name/{{name.id}}/acl/0">Modify Access</a></li>
			 {% endif %}
		     {% if render.edit %}
			 <li class="button"><a href="/name/{{name.id}}/edit">Modify</a></li>
			 {% endif %}
			 {% if render.delete %}
			 <li class="button"><a href="/name/{{name.id}}/delete">Delete</a></li>
			 {% endif %}
			 {% if render.invite %}
			 <li class="button"><a href="/name/{{name.id}}/invite">Invite</a></li>
			 {% endif %}
			 {% if render.invite %}
			 <li class="button"><a href="/name/{{name.id}}/join">Add Member</a></li>
			 {% endif %}
			 {% if render.join %}
			 <li class="button"><a href="/name/{{name.id}}/join/{{user.username}}">Join</a></li>
			 {% endif %}
			 
		   </ul>
		</div>
		<div class="clear"></div>
	</div>
	
	{% endif %}
	{% if memberships and render.invite %}
	<h3>Members</h3>
	<div id="memberships">
		{% for m in memberships.all %}
		<div id="m{{m.id}}" class="{{m.status}}">
		   <h3 class="listheader">{{m.user|lastidentifier}}</h3>
		   <div>
			   <div>{{m.user|userdisplay}} ({{m.user|lastidentifier}}) became a member of {{name.shortname}} {{m.timecreated|datehumanize}}.</div>
			   <div class="rlist">
		         <ul>
		            {% if user == m.user %}
		            <b>Role{{ m.tags|pluralize }} in this group</b><br>
		            {% for tag in m.tags %}<ul>{{ tag|escape }}</ul>{% endfor %}
		            <li class="button"><a href="/name/{{name.id}}/leave/{{m.user.username}}">Leave Group</a></li>
		            <li class="button"><a href="/tag/membership/{{m.id}}/add">Add role</a></li>
		            {% else %} 
		            {% if render.kick %} 
		            <li class="button"><a href="/name/{{name.id}}/leave/{{m.user.username}}">Remove from Group</a></li>
		            {% endif %}
		            {% endif %}
		         </ul>
		      </div>
		      <div class="clear"></div>
		   </div>
		</div>
		{% empty %}
		<p>No members yet...</p>
		{% endfor %}
	</div>
	{% endif %}
	{% if invitations and render.invite %}
	<h3>Pending invitations</h3>
	<div id="invitations">
		{% for i in invitations.all %}
		<div id="m{{m.id}}">
		   <h3 class="listheader">{{i.email}}</h3>
		   <div>
		   	  <div>{{i.email}} was invited to {{i.name.shortname}} {{i.timecreated|datehumanize}} by {{i.inviter}}.</div>
		      <div class="rlist">
		         <ul>
		            <li class="button"><a href="/invitation/{{i.id}}/cancel">Cancel</a></li>
		            <li class="button"><a href="/invitation/{{i.id}}/resend">Resend</a></li>
		         </ul>
		      </div>
		      <div class="clear"></div>
		   </div>
		</div>
		{% empty %}
		<p>There are no pending invitations. <a class="tip" title="Invite someone!" href="/name/{{name.id}}/invite">Invite someone!</a></p>
		{% endfor %}
	</div>
	{% endif %}
{% endblock %}