{% extends "ledger/base.html" %}
{% block title %}Your groups · tripsplit{% endblock %}
{% block content %}
<div class="toolbar"><h1>Your groups</h1><span class="spacer"></span>
{% if user.is_authenticated %}<a class="btn" href="{% url 'group_create' %}">New group</a>{% endif %}</div>
<div class="grid">
{% for g in groups %}
  <a class="card" href="{% url 'dashboard' g.id %}" style="color:inherit">
    <h2>{{ g.name }}</h2>
    <div class="muted">{{ g.members.count }} members · base {{ g.base_currency }}</div>
    <div class="muted">{{ g.expenses.count }} expenses</div>
  </a>
{% empty %}
  <div class="card"><p>No groups yet. Create one, or open an invite link a friend sent you.</p></div>
{% endfor %}
</div>
{% endblock %}