{% extends "base.html" %}
{% block page_heading %}Reports{% endblock %}
{% block content %}
<div class="row g-3">
  <div class="col-md-6 col-lg-3">
    <a href="{{ url_for('report_daily') }}" class="text-decoration-none">
      <div class="stat-card h-100">
        <i class="bi bi-calendar-day fs-3 text-primary"></i>
        <h6 class="mt-2">Daily Sales Report</h6>
        <p class="small text-muted mb-0">View sales for a specific day</p>
      </div>
    </a>
  </div>
  <div class="col-md-6 col-lg-3">
    <a href="{{ url_for('report_monthly') }}" class="text-decoration-none">
      <div class="stat-card green h-100">
        <i class="bi bi-calendar-month fs-3 text-success"></i>
        <h6 class="mt-2">Monthly Sales Report</h6>
        <p class="small text-muted mb-0">Monthly revenue breakdown</p>
      </div>
    </a>
  </div>
  <div class="col-md-6 col-lg-3">
    <a href="{{ url_for('report_profit_loss') }}" class="text-decoration-none">
      <div class="stat-card orange h-100">
        <i class="bi bi-graph-up-arrow fs-3 text-warning"></i>
        <h6 class="mt-2">Profit &amp; Loss Report</h6>
        <p class="small text-muted mb-0">Revenue vs expenses analysis</p>
      </div>
    </a>
  </div>
  <div class="col-md-6 col-lg-3">
    <a href="{{ url_for('report_gst') }}" class="text-decoration-none">
      <div class="stat-card red h-100">
        <i class="bi bi-receipt-cutoff fs-3 text-danger"></i>
        <h6 class="mt-2">GST Report</h6>
        <p class="small text-muted mb-0">GST collected by month</p>
      </div>
    </a>
  </div>
</div>
{% endblock %}