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

{% block content %}
<h1>
  <b>{{ group.name }}</b>
</h1>

<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>

  {% if group.public %}
    <div class="panel-footer text-center">
      This group is public viewable.
    </div>
  {% endif %}
</div>

{% if membership.active %}
<div class="panel panel-default">
  <div class="panel-heading" style="border-bottom: 0">
    <h3 class="panel-title">Pads</h3>
  </div>

  {% for pad in pads %}
    {% if loop.first %}
      <table class="table table-hover">
    {% endif %}

    <tr>
      <td class="col-sm-10 nopadding">
        <a href="{{ url_for('pad', group_name=group.name, pad_name=pad.name) }}" class="block">
          {{pad}}
        </a>
      </td>
      <td class="col-sm-2 text-right">
        <a href="{{ url_for('pad_change', group_name=group.name, pad_name=pad.name) }}" class="btn btn-xs btn-info">
          <span class="fa fa-wrench fa-lg"></span>
        </a>
        <a href="{{ url_for('pad_delete', group_name=group.name, pad_name=pad.name) }}" class="btn btn-xs btn-danger">
          <span class="fa fa-trash fa-lg"></span>
        </a>
      </td>
    </tr>

    {% if loop.last %}
      </table>
    {% endif %}
  {% else %}
    <div class="panel-body">No pads created.</div>
  {% endfor %}

  {% if membership.admin %}
    <div class="panel-footer">
      <a href="{{ url_for('pad_create', group_name=group.name) }}">
        Create pad
      </a>
    </div>
  {% endif %}
</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|selectattr("active") %}
      <li class="list-group-item">
        {{member.user}} {% if member.admin %}<span class="label label-danger">admin</span>{% endif %}
      </li>
    {% endfor %}
  </ul>
</div>

{% if membership.admin %}
  {% for member in members|rejectattr("active") %}
    {% if loop.first %}
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Pending members</h3>
      </div>

      <table class="table table-hover">
        <tr>
           <th class="col-sm-5">Username</th>
           <th class="col-sm-4">Email address</th>
           <th class="col-sm-3">&nbsp;</th>
        </tr>
    {% endif %}
        <tr>
          <td>{{member.user.name}}</td>
          <td>{{member.user.email}}</td>
          <td class="text-right">
            <a href="{{ url_for('group_join', group_name=group.name, member_id=member.id, accept='yes') }}" class="btn btn-xs btn-success">Accept</a>
            <a href="{{ url_for('group_join', group_name=group.name, member_id=member.id, accept='no') }}" class="btn btn-xs btn-danger">Reject</a>
          </td>
        </tr>
    {% if loop.last %}
      </table>
    </div>
    {% endif %}
  {% endfor %}

  <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">
      <div class="panel-body">
        <p class="col-lg-offset-2 col-lg-8">
          <a href="{{ url_for('group_change', group_name=group.name) }}" class="btn btn-block btn-default">Change this group</a>
        </p>

        <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>
{% endif %}
{% else %}{# if not membership.active #}

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

  <div class="panel-body">
    {% if membership %}
      <div class="text-center">
        Membership request pending.
      </div>
    {% else %}
      <form class="form-horizontal" role="form" method="POST">
        <div class="form-group">
          <div class="col-lg-offset-2 col-lg-8">
            <button type="submit" class="btn btn-block btn-default">
              Request membership
            </button>
          </div>
        </div>
      </form>
    {% endif %}
  </div>
</div>
{% endif %}
{% endblock %}