{% extends "base.html" %}
{% block title %}{{ ledger["name"] }} - Family Ledger{% endblock %}
{% block content %}
<p><a class="btn-link" href="{{ url_for('ledger.dashboard') }}">&larr; All ledgers</a></p>
<div class="card">
  <h2 style="margin-top:0;">{{ ledger["name"] }}</h2>
  <p>Balance: <span class="{{ 'pos' if balance >= 0 else 'neg' }}" style="font-size:20px;">RM {{ "%.2f"|format(balance) }}</span></p>
</div>

<div class="card">
  <h3 style="margin-top:0;">Contributions</h3>
  <table>
    <tr><th>Date</th><th>Person</th><th>Amount</th><th>Note</th></tr>
    {% for c in contributions %}
    <tr>
      <td>{{ c["contributed_on"] }}</td>
      <td>{{ c["person_name"] or "-" }}</td>
      <td class="pos">RM {{ "%.2f"|format(c["amount"]) }}</td>
      <td class="muted">{{ c["note"] or "" }}</td>
    </tr>
    {% endfor %}
  </table>
  <form class="inline" method="post" action="{{ url_for('ledger.add_contribution', ledger_id=ledger['id']) }}">
    <div><label>Date</label><input type="date" name="contributed_on" required></div>
    <div><label>Person</label><input type="text" name="person_name" list="people" required></div>
    <div><label>Amount (RM)</label><input type="number" step="0.01" name="amount" required></div>
    <div><label>Note</label><input type="text" name="note"></div>
    <button type="submit">Add contribution</button>
  </form>
</div>

<div class="card">
  <h3 style="margin-top:0;">Expenses</h3>
  <table>
    <tr><th>Date</th><th>Category</th><th>Paid by</th><th>Amount</th><th>Status</th><th>LHDN</th><th>Receipts</th></tr>
    {% for e in expenses %}
    <tr>
      <td>{{ e["spent_on"] }}</td>
      <td>{{ e["category"] }}</td>
      <td>{{ e["paid_by_name"] or "-" }}</td>
      <td class="neg">RM {{ "%.2f"|format(e["amount"]) }}</td>
      <td class="muted">{{ e["status"] or "" }}</td>
      <td>{{ "Yes" if e["lhdn_claimable"] else "" }}</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 %}0{% endif %}</td>
    </tr>
    {% endfor %}
  </table>
  <form class="inline" method="post" action="{{ url_for('ledger.add_expense', ledger_id=ledger['id']) }}" enctype="multipart/form-data">
    <div><label>Date</label><input type="date" name="spent_on" required></div>
    <div><label>Category</label><input type="text" name="category" required></div>
    <div><label>Paid by</label><input type="text" name="paid_by_name" list="people"></div>
    <div><label>Amount (RM)</label><input type="number" step="0.01" name="amount" required></div>
    <div><label>Status</label><input type="text" name="status" placeholder="e.g. Refunded"></div>
    <div><label>Note</label><input type="text" name="note"></div>
    <div><label>Receipt(s)</label><input type="file" name="receipts" multiple accept=".pdf,.png,.jpg,.jpeg,.heic"></div>
    <div><label>LHDN claim</label><input type="checkbox" name="lhdn_claimable"></div>
    <button type="submit">Add expense</button>
  </form>
</div>

<datalist id="people">
  {% for p in people %}<option value="{{ p['name'] }}">{% endfor %}
</datalist>
{% endblock %}