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

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

  <div class="list-group">
    {% for group in groups %}
      <a class="list-group-item" href="{{ url_for('group', group_name=group.name) }}">
        {{group}}
      </a>
    {% endfor %}
  </div>

  <div class="panel-footer">
    <a href="{{ url_for('browse') }}">Find browsable groups</a>
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">
      <a data-toggle="collapse" href="#collapseCreate">
        Create new group
      </a>
    </h3>
  </div>

  <div id="collapseCreate" class="panel-collapse collapse {% if create_form.errors %}in{% endif %}">
    <div class="panel-body">
      <form class="form-horizontal" role="form" method="POST">
        {% for field in create_form %}
        {{ render_field(field) }}
        {% endfor %}
        <div class="form-group">
          <div class="col-lg-offset-2 col-lg-10">
            <button type="submit" class="btn btn-default">
              Create group
            </button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}