{% extends "layout.html" %}
{% from "_formhelpers.html" import render_field %}

{% block head %}Group: {{group}}{% endblock %}

{% block content %}
<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">Info</h3>
  </div>

  <div class="panel-body">
    {% if group.description %}
      {{ group.description }}
    {% else %}
      No description
    {% endif %}
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">Members</h3>
  </div>

  <ul class="list-group">
    {% for member in members %}
      <li class="list-group-item">{{member.user}}{% if member.admin %} (is admin){% endif %}</li>
    {% endfor %}
  </ul>
</div>

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">
      <a data-toggle="collapse" href="#collapseOperations">
        Operations
      </a>
    </h3>
  </div>

  <div id="collapseOperations" class="panel-collapse collapse in">
    <div class="panel-body">
      <p class="col-lg-offset-2 col-lg-8">
        <a href="{{ url_for('group_delete', group_name=group.name) }}" class="btn btn-block btn-danger">Delete this group</a>
      </p>
    </div>
  </div>
</div>
<script type="text/javascript">
  $('#collapseOperations').collapse('hide');
</script>
{% endblock %}