{% extends "ledger/base.html" %}
{% load ledger_extras %}
{% block title %}Recurring · tripsplit{% endblock %}
{% block content %}
<h1>Recurring expenses</h1><p class="sub">Split equally between everyone. Due occurrences are created automatically when the dashboard loads.</p>
<div class="grid">
<div class="card"><table>
  <thead><tr><th>What</th><th>Every</th><th class="num">Amount</th><th></th></tr></thead>
  {% for r in items %}<tr><td>{{ r.description }}<div class="muted">paid by {{ r.payer.name }} · from {{ r.start_date|date:"j M Y" }} · {{ r.generated_count }} created</div></td>
    <td>{{ r.get_frequency_display }}</td><td class="num">{{ r.amount|dec:r.currency }}</td>
    <td><form class="inline" method="post" action="{% url 'recurring_toggle' group.id r.id %}">{% csrf_token %}<button class="btn small secondary" type="submit">{% if r.active %}Pause{% else %}Resume{% endif %}</button></form></td></tr>
  {% empty %}<tr><td class="muted">None yet.</td></tr>{% endfor %}
</table></div>
<div class="card"><h2>Add recurring expense</h2>
  <form method="post">{% csrf_token %}{{ form.non_field_errors }}
    <div class="field"><label>Description</label>{{ form.description }}{{ form.description.errors }}</div>
    <div class="row"><div><label>Amount</label>{{ form.amount }}</div><div><label>Currency</label>{{ form.currency }}</div><div><label>FX rate</label>{{ form.fx_rate }}</div></div>
    <div class="row"><div><label>Category</label>{{ form.category }}</div><div><label>Paid by</label>{{ form.payer }}</div><div><label>Frequency</label>{{ form.frequency }}</div></div>
    <div class="row"><div><label>Starts</label>{{ form.start_date }}{{ form.start_date.errors }}</div><div><label>Ends (optional)</label>{{ form.end_date }}</div></div>
    <button class="btn" type="submit">Add</button></form></div>
</div>
{% endblock %}