{% extends "ledger/base.html" %}
{% block title %}Members · tripsplit{% endblock %}
{% block content %}
<h1>Members</h1><p class="sub">Add people who don't have an account; they can also join through the <a href="{% url 'invite' group.id %}">invite link</a>.</p>
<div class="grid">
<div class="card"><table>
  <thead><tr><th>Name</th><th>UPI</th><th></th></tr></thead>
  {% for m in members %}<tr><td><a href="{% url 'member_detail' group.id m.id %}">{{ m.name }}</a> {% if m.is_guest %}<span class="pill">guest</span>{% endif %}</td><td class="mono">{{ m.upi_id|default:"-" }}</td><td></td></tr>{% endfor %}
</table></div>
<div class="card"><h2>Add a person</h2>
  <form method="post">{% csrf_token %}{{ form.non_field_errors }}
    <div class="field"><label>Name</label>{{ form.name }}{{ form.name.errors }}</div>
    <div class="field"><label>UPI id (optional)</label>{{ form.upi_id }}</div>
    <button class="btn" type="submit">Add</button></form></div>
</div>
{% endblock %}