{% extends "ledger/base.html" %}
{% load ledger_tags %}
{% block title %}Subscriptions{% endblock %}
{% block content %}
<div class="pagehead"><h1>Subscriptions &amp; recurring bills</h1>
  <form method="post">{% csrf_token %}<input type="hidden" name="action" value="refresh"><button class="btn small ghost">Re-detect</button></form></div>
<div class="tiles">
  <div class="tile"><span>Annualized cost</span><strong>{{ annual_total|money0 }}</strong><small>{{ monthly_total|money0 }} per month</small></div>
  <div class="tile"><span>Price hikes</span><strong>{{ hikes|length }}</strong><small>detected</small></div>
  <div class="tile"><span>Missed charges</span><strong>{{ missed|length }}</strong><small>expected but absent</small></div>
  <div class="tile"><span>Zombies</span><strong>{{ zombie_total|money0 }}</strong><small>per year, marked unused</small></div>
</div>
<table class="table card">
  <thead><tr><th>Merchant</th><th>Cadence</th><th class="num">Amount</th><th class="num">Per year</th><th>Next charge</th><th>Price history</th><th></th></tr></thead>
  <tbody>
  {% for s in subs %}
    <tr class="{% if s.health == 'lapsed' %}transfer{% endif %}">
      <td><strong>{{ s.merchant.name }}</strong>
        {% if s.status == "confirmed" %}<span class="pill ok">confirmed</span>{% endif %}
        {% if s.is_zombie %}<span class="pill over">zombie</span>{% endif %}
        {% if s.health == "missed" %}<span class="pill ahead">charge missed</span>{% elif s.health == "lapsed" %}<span class="pill neutral">lapsed</span>{% endif %}
      </td>
      <td>{{ s.period }} <span class="muted small">&times;{{ s.occurrences }}</span></td>
      <td class="num">{{ s.amount|money }}</td>
      <td class="num">{{ s.annual_cost|money0 }}</td>
      <td class="nowrap">{{ s.next_date|date:"d M Y" }}</td>
      <td class="small">{% for p in s.price_changes %}<div>{{ p.date }}: {{ p.old|money }} &rarr; <strong class="{% if p.up %}neg{% endif %}">{{ p.new|money }}</strong></div>{% empty %}<span class="muted">unchanged</span>{% endfor %}</td>
      <td>
        <form method="post" class="row">{% csrf_token %}<input type="hidden" name="id" value="{{ s.id }}">
          {% if s.status != "confirmed" %}<button class="link" name="action" value="confirm">confirm</button>{% endif %}
          <button class="link" name="action" value="zombie">{% if s.is_zombie %}still used{% else %}not using{% endif %}</button>
          <button class="link" name="action" value="dismiss">dismiss</button>
        </form>
      </td>
    </tr>
  {% empty %}<tr><td colspan="7" class="muted">No recurring charges detected yet.</td></tr>{% endfor %}
  </tbody>
</table>
{% if dismissed %}<p class="muted small">Dismissed: {% for s in dismissed %}{{ s.merchant.name }}
  <form method="post" style="display:inline">{% csrf_token %}<input type="hidden" name="id" value="{{ s.id }}"><button class="link" name="action" value="restore">restore</button></form>{% if not forloop.last %}, {% endif %}{% endfor %}</p>{% endif %}
{% endblock %}