{% extends "base.html" %}
{% block page_heading %}Profit & Loss 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="row g-3 mb-3">
  <div class="col-md-4"><div class="stat-card green"><div class="stat-value">{{ revenue|currency }}</div><div class="stat-label">Revenue</div></div></div>
  <div class="col-md-4"><div class="stat-card red"><div class="stat-value">{{ expenses|currency }}</div><div class="stat-label">Expenses</div></div></div>
  <div class="col-md-4"><div class="stat-card {{ 'green' if profit >= 0 else 'red' }}"><div class="stat-value">{{ profit|currency }}</div><div class="stat-label">{{ 'Profit' if profit >= 0 else 'Loss' }}</div></div></div>
</div>
{% endblock %}