{% extends "base.html" %}
{% block content %}
<div class="budget">
  <nav class="month-nav budget-nav">
    <span class="month-label">Budget configuration</span>
    <span class="spacer"></span>
    <a class="nav-link" href="/month/{{ current_year_month }}">This month ({{ current_year_month }})</a>
    {% if all_months %}
      <select
        class="month-picker"
        onchange="if(this.value){window.location=this.value}"
        aria-label="Jump to month"
      >
        <option value="">Jump to...</option>
        {% for m in all_months %}
          <option value="/month/{{ m.year_month }}">{{ m.year_month }}</option>
        {% endfor %}
      </select>
    {% endif %}
  </nav>
  {% include "partials/budget_zero.html" %}
  {% for section in sections %}
    {% if section.section.value == 'debt_minimum' %}
      {% include "partials/section.html" %}
      {% include "partials/target_card.html" %}
    {% else %}
      {% include "partials/section.html" %}
    {% endif %}
  {% endfor %}
</div>
{% endblock %}