{% extends 'base.html' %}
{% block title %}Dashboard · {{ title or '' }}{% endblock %}

{% block head_extra %}
  <!-- Chart.js CDN -->
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  <style>
    .kpi-card { border-radius: 16px; }
    .kpi-value { font-size: 1.75rem; font-weight: 700; }
    .kpi-label { color: #666; }
    .brand-accent { color:#ff7a00; }
  </style>
{% endblock %}

{% block content %}
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h3 class="mb-0">{{ heading }}</h3>
    <form class="d-flex" method="get">
      <input type="month" name="month" value="{{ month }}" class="form-control me-2"/>
      <button class="btn btn-primary">Apply</button>
    </form>
  </div>

  {% block dashboard_body %}{% endblock %}
{% endblock %}