{% extends "base.html" %}
{% block title %}LHDN Report - Family Ledger{% endblock %}
{% block content %}
<div class="card">
  <h2 style="margin-top:0;">LHDN-claimable expenses</h2>
  <form class="inline" method="get">
    <div><label>Year</label><input type="text" name="year" value="{{ year }}" placeholder="2025"></div>
    <button type="submit">Filter</button>
  </form>
</div>
<div class="card">
  <table>
    <tr><th>Date</th><th>Ledger</th><th>Category</th><th>Paid by</th><th>Amount</th><th>Receipts</th></tr>
    {% for e in expenses %}
    <tr>
      <td>{{ e["spent_on"] }}</td>
      <td>{{ e["ledger_name"] }}</td>
      <td>{{ e["category"] }}</td>
      <td>{{ e["paid_by_name"] or "-" }}</td>
      <td>RM {{ "%.2f"|format(e["amount"]) }}</td>
      <td>{% if e["receipt_count"] %}<a class="btn-link" href="{{ url_for('ledger.expense_receipts', expense_id=e['id']) }}">{{ e["receipt_count"] }}</a>{% else %}<span class="muted">none</span>{% endif %}</td>
    </tr>
    {% endfor %}
  </table>
  <p style="margin-top:14px; font-weight:600;">Total: RM {{ "%.2f"|format(total) }}</p>
</div>
{% endblock %}