{% extends "rentals/base.html" %}
{% load rentals_extras %}
{% block title %}Dashboard{% endblock %}
{% block content %}
<div class="head"><h1>Dashboard <small>{{ today|date:"j F Y" }}</small></h1>
<form method="post" action="{% url 'generate_invoices' %}">{% csrf_token %}<button class="btn secondary">Generate rent invoices</button></form></div>
<div class="stats">
  <div class="stat"><span>Billed this month</span><b>{{ billed|inr }}</b></div>
  <div class="stat"><span>Collected this month</span><b>{{ collected|inr }}</b></div>
  <div class="stat {% if overdue_total %}bad{% endif %}"><span>Overdue</span><b>{{ overdue_total|inr }}</b></div>
  <div class="stat"><span>Vacancy</span><b>{{ vacancy_pct }}%</b><em>{{ vacant_units|length }} of {{ unit_count }} units</em></div>
</div>
<div class="cols">
<section class="card"><h2>Reminders</h2>
{% for r in reminders %}<p class="rem {% if r.urgent %}urgent{% endif %}"><span class="tag">{{ r.kind }}</span> {{ r.text }}{% if r.lease_id %} <a href="{% url 'lease_ledger' r.lease_id %}">ledger</a>{% endif %}</p>
{% empty %}<p class="muted">Nothing needs attention.</p>{% endfor %}
</section>
<section class="card"><h2>Overdue rent</h2>
<table><thead><tr><th>Tenant</th><th>Unit</th><th>Since</th><th class="num">Arrears</th></tr></thead>
{% for o in overdue %}<tr><td><a href="{% url 'lease_ledger' o.lease.pk %}">{{ o.lease.tenant }}</a></td><td>{{ o.lease.unit }}</td><td>{{ o.oldest|date:"j M Y" }}</td><td class="num">{{ o.arrears|inr }}</td></tr>
{% empty %}<tr><td colspan="4" class="muted">No arrears.</td></tr>{% endfor %}</table>
</section>
<section class="card"><h2>Vacant units</h2>
{% for u in vacant_units %}<p><a href="{% url 'property_detail' u.property.pk %}">{{ u }}</a> - <a href="{% url 'lease_new' %}?unit={{ u.pk }}">new lease</a></p>
{% empty %}<p class="muted">Everything is let.</p>{% endfor %}
</section>
<section class="card"><h2>Open maintenance</h2>
{% for t in open_tickets %}<p>{{ t.title }} <span class="muted">({{ t.property }}, {{ t.get_status_display }})</span></p>
{% empty %}<p class="muted">No open tickets.</p>{% endfor %}
</section>
</div>
{% endblock %}