{% extends "base.html" %}
{% block page_heading %}GST Report{% endblock %}
{% block content %}
<a href="{{ url_for('reports') }}" class="btn btn-outline-secondary btn-sm mb-3"><i class="bi bi-arrow-left"></i> Back</a>
<form method="GET" class="d-flex gap-2 mb-3">
  <input type="month" name="month" class="form-control" style="max-width:200px" value="{{ month }}">
  <button class="btn btn-primary btn-sm">View Report</button>
</form>
<div class="stat-card mb-3" style="max-width:300px">
  <div class="stat-value">{{ total_gst|currency }}</div>
  <div class="stat-label">Total GST Collected — {{ month }}</div>
</div>
<div class="card-panel">
  <table class="data-table">
    <thead><tr><th>Invoice</th><th>Date</th><th>Taxable Amount</th><th>GST</th><th>Total</th></tr></thead>
    <tbody>
      {% for s in sales %}
      <tr>
        <td>{{ s.invoice_number }}</td>
        <td>{{ s.sale_date }}</td>
        <td>{{ s.subtotal|currency }}</td>
        <td>{{ s.gst_amount|currency }}</td>
        <td>{{ s.total_amount|currency }}</td>
      </tr>
      {% else %}
      <tr><td colspan="5" class="text-muted text-center">No GST data for this month.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}