{% extends "base.html" %}
{% block title %}Invoices · IP TM Manager{% endblock %}
{% block body %}
<h1>Invoices</h1>
<p class="sub">Bill subscribers monthly or on demand for any period.</p>
<div class="panel">
  <h2>Generate Invoices</h2>
  <form method="post" action="{{ url_for('generate_invoices') }}">
    <div class="row">
      <div class="field"><label>Period start</label><input type="date" name="period_start" required></div>
      <div class="field"><label>Period end</label><input type="date" name="period_end" required></div>
      <div class="field" style="display:flex;align-items:flex-end">
        <button class="btn">Generate for active subscribers</button></div>
    </div>
  </form>
</div>
<div class="panel">
  <h2>All Invoices</h2>
  <table>
    <tr><th>Number</th><th>Subscriber</th><th>Period</th><th>Amount</th><th>Status</th><th></th></tr>
    {% for inv in invoices %}
    <tr>
      <td class="mono">{{ inv.number }}</td>
      <td>{{ inv.subscriber.name }}</td>
      <td class="muted">{{ inv.period_start }} → {{ inv.period_end }}</td>
      <td>{{ inv.amount }}</td>
      <td><span class="pill {{ 'ok' if inv.paid else 'open' }}">{{ 'paid' if inv.paid else 'unpaid' }}</span></td>
      <td><form method="post" action="{{ url_for('mark_paid', inv_id=inv.id) }}">
        <button class="btn ghost sm">{{ 'Mark unpaid' if inv.paid else 'Mark paid' }}</button></form></td>
    </tr>
    {% else %}<tr><td colspan="6" class="muted">No invoices yet.</td></tr>{% endfor %}
  </table>
</div>
{% endblock %}