{% extends "admin/layouts/base.html" %}
{% block title %}Billing — {{ tenant.name }}{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
  <h4 class="fw-bold mb-0">Billing — {{ tenant.name }}</h4>
  <a href="{{ url_for('billing.add_entry', tenant_id=tenant.id) }}" class="btn btn-dark btn-sm">
    <i class="bi bi-plus-lg me-1"></i>Add Entry
  </a>
</div>
<div class="card shadow-sm">
  <div class="table-responsive">
    <table class="table table-hover mb-0">
      <thead class="table-dark">
        <tr><th>Date</th><th>Amount</th><th>Description</th><th>Invoice Ref</th><th>Paid</th></tr>
      </thead>
      <tbody>
        {% for b in entries %}
        <tr>
          <td class="small">{{ b.created_at.strftime('%Y-%m-%d') }}</td>
          <td class="fw-semibold">${{ "%.2f"|format(b.amount) }}</td>
          <td>{{ b.description }}</td>
          <td class="text-muted small">{{ b.invoice_ref or '—' }}</td>
          <td class="text-muted small">{{ b.paid_at.strftime('%Y-%m-%d') if b.paid_at else '—' }}</td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="text-center text-muted py-4">No entries yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
<a href="{{ url_for('tenants.detail', tenant_id=tenant.id) }}" class="btn btn-outline-secondary btn-sm mt-3">
  <i class="bi bi-arrow-left me-1"></i>Back to Tenant
</a>
{% endblock %}