{% extends "base.html" %}

{% block title %}Reports{% endblock %}
{% block page_title %}Reports{% endblock %}
{% block page_subtitle %}Business insights and exports{% endblock %}

{% block content %}
{% include "partials/breadcrumb.html" %}

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
    <a href="{% url 'reports:orders' %}" class="card hover:border-brand-300 transition-colors">
        <h3 class="text-lg font-semibold text-slate-900">Orders Report</h3>
        <p class="text-sm text-slate-500 mt-2">Filter orders by date, status, payment status, and customer.</p>
    </a>
    <a href="{% url 'reports:payments' %}" class="card hover:border-brand-300 transition-colors">
        <h3 class="text-lg font-semibold text-slate-900">Payments Report</h3>
        <p class="text-sm text-slate-500 mt-2">View payment collections by date, mode, and status.</p>
    </a>
    <a href="{% url 'reports:pending_deliveries' %}" class="card hover:border-brand-300 transition-colors">
        <h3 class="text-lg font-semibold text-slate-900">Pending Deliveries</h3>
        <p class="text-sm text-slate-500 mt-2">Orders awaiting delivery with balance and status.</p>
    </a>
    <a href="{% url 'reports:customers' %}" class="card hover:border-brand-300 transition-colors">
        <h3 class="text-lg font-semibold text-slate-900">Customer Wise Report</h3>
        <p class="text-sm text-slate-500 mt-2">Search customers and view order totals and balances.</p>
    </a>
    <a href="{% url 'reports:items' %}" class="card hover:border-brand-300 transition-colors">
        <h3 class="text-lg font-semibold text-slate-900">Item Wise Report</h3>
        <p class="text-sm text-slate-500 mt-2">Revenue and quantity breakdown by garment item.</p>
    </a>
</div>
{% endblock %}