{% extends "base.html" %}
{% block title %}Dashboard · net-alpha{% endblock %}
{% block content %}
  <h1 class="text-2xl mb-4">Dashboard</h1>

  {% include "_drop_zone.html" %}

  {% if not imports %}
    <div class="kpi-card text-center text-slate-500 py-12">
      <p class="text-lg mb-2">No imports yet</p>
      <p class="text-sm">Drop your first CSV to get started.</p>
    </div>
    <h2 class="text-xl mt-8 mb-3">Watch list</h2>
    <div class="kpi-card text-slate-500 text-sm">No violations detected.</div>
  {% else %}
    {% include "_ytd_impact.html" %}
    <div class="flex items-baseline justify-between mt-8 mb-3">
      <h2 class="text-xl">Watch list</h2>
      {% if available_years %}
        <form method="get" action="/" class="text-sm">
          <label for="year-filter" class="text-slate-500 mr-2">Period:</label>
          <select id="year-filter" name="year"
                  onchange="this.form.submit()"
                  class="border border-slate-300 rounded px-2 py-1 bg-white cursor-pointer">
            {% for y in available_years %}
              <option value="{{ y }}" {% if selected_year == y %}selected{% endif %}>
                {{ y }}{% if y == current_year %} (current){% endif %}
              </option>
            {% endfor %}
            <option value="all" {% if selected_year is none %}selected{% endif %}>All time</option>
          </select>
        </form>
      {% endif %}
    </div>
    {% include "_watch_list.html" %}
  {% endif %}
{% endblock %}