{% extends "groups/base.html" %}
{% load static %}

{% block content %}
<div class="group-dirctory">
    <h1>{{ group.name }}</h1>
    {% if is_admin %}
    <form>
        <div class="input-prepend input-append">
            <span class="add-on"><i class="icon-envelope"></i></span>
            <input type="text" class="input-xlarge" type="email" required placeholder="Email">
            <div class="btn-group">
                <button class="btn" tabindex="-1">Ajouter</button>
                <button class="btn dropdown-toggle" data-toggle="dropdown" tabindex="-1">
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Separated link</a></li>
                </ul>
            </div>
        </div>
    </form>
    {% endif %}
    <table class="table table-striped" id="directory">
        <thead>
            <tr>
                <th>Nom</th>
                <th>Promo</th>
                <th>Contact</th>
                <th filter="false"></th>
            </tr>
        </thead>
        <tbody>
        {% for memb in memberships %}
            <tr>
                <td>
                    <span {% if memb.is_admin %}class="admin"{% endif %}>
                        {{ memb.user }}
                    </span>
                </td>
                <td>PROMO</td>
                <td>
                    <a href="mailto:{{ memb.email }}">
                        <i class="icon-envelope"></i>
                    </a>
                    {% if is_admin %}
                        <i class="icon-pencil"></i>
                        <a href="{% url 'groups:membership-delete' group.short memb.user.username %}">
                            <i class="icon-trash"></i>
                         </a>
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}