{% extends "ledger/base.html" %}
{% load ledger_extras %}
{% block title %}{{ member.name }} · tripsplit{% endblock %}
{% block content %}
<h1>{{ member.name }} {% if member.is_guest %}<span class="pill">guest</span>{% endif %}</h1>
<p class="sub">Position in {% if mode == 'original' %}original currencies{% else %}{{ group.base_currency }}{% endif %}</p>
<div class="grid">
  <div class="card">
    <h2>Net balance</h2>
    {% for cur, v in positions %}<div class="stat {% if v > 0 %}pos{% elif v < 0 %}neg{% endif %}">{{ v|money:cur }}</div>
    <div class="muted">{% if v > 0 %}is owed{% elif v < 0 %}owes{% else %}settled up{% endif %}</div>{% endfor %}
  </div>
  <div class="card">
    <h2>Owes</h2>
    <table>{% for o in owes %}<tr><td>{{ o.other.name }}</td><td class="num neg">{{ o.minor|money:o.currency }}</td></tr>{% empty %}<tr><td class="muted">Nobody</td></tr>{% endfor %}</table>
    <h2 style="margin-top:16px">Is owed by</h2>
    <table>{% for o in owed %}<tr><td>{{ o.other.name }}</td><td class="num pos">{{ o.minor|money:o.currency }}</td></tr>{% empty %}<tr><td class="muted">Nobody</td></tr>{% endfor %}</table>
  </div>
  <div class="card">
    <h2>Payment details</h2>
    <form method="post">{% csrf_token %}<div class="field"><label>UPI id</label><input type="text" name="upi_id" value="{{ member.upi_id }}" placeholder="name@bank"></div><button class="btn small" type="submit">Save</button></form>
  </div>
</div>
<div class="card" style="margin-top:18px"><h2>Recently paid</h2>
  <table>{% for e in paid %}<tr><td><a href="{% url 'expense_detail' group.id e.id %}">{{ e.description }}</a> <span class="muted">{{ e.date|date:"j M" }}</span></td><td class="num">{{ e.amount|dec:e.currency }}</td></tr>{% empty %}<tr><td class="muted">Nothing yet.</td></tr>{% endfor %}</table>
</div>
{% endblock %}