{% extends "claims/base.html" %}
{% block title %}Dashboard{% endblock %}
{% block content %}
<h1>Finance dashboard</h1>
<div class="cards">
<div class="stat"><span>Total spend (INR)</span><b>{{ d.total_spend|floatformat:0 }}</b></div>
<div class="stat"><span>Claims</span><b>{{ d.claims }}</b></div>
<div class="stat"><span>Line violation rate</span><b>{{ d.violation_rate|floatformat:1 }}%</b></div>
<div class="stat"><span>Avg cycle (submit to finance OK)</span><b>{{ d.avg_cycle_hours|floatformat:0 }} h</b></div>
<div class="stat"><span>Approval steps past SLA</span><b>{{ d.sla_breach_pct|floatformat:0 }}%</b></div>
<div class="stat"><span>Overdue right now</span><b>{{ d.overdue_open }}</b></div>
<div class="stat"><span>Open audit flags</span><b><a href="{% url 'flags' %}">{{ d.open_flags }}</a></b></div>
</div>
<div class="grid2">
<div class="card"><h2>Spend by category</h2>{% include "claims/_bars.html" with bars=d.by_category %}</div>
<div class="card"><h2>Spend by department</h2>{% include "claims/_bars.html" with bars=d.by_department %}</div>
<div class="card"><h2>Violation rate by category</h2>{% include "claims/_bars.html" with bars=d.violation_by_category %}</div>
<div class="card"><h2>Spend by month</h2>{% include "claims/_bars.html" with bars=d.by_month %}</div>
</div>
<div class="card"><h2>Claims by status</h2>{% for k, v in d.status_counts.items %}<span class="pill">{{ k }}: {{ v }}</span> {% endfor %}
<h2>Average hours per approval stage</h2>{% for k, v in d.stage_hours.items %}<span class="pill">{{ k }}: {{ v|floatformat:1 }} h</span> {% endfor %}</div>
{% endblock %}