{% extends "base.html" %}
{% from "_hub.html" import hub %}

{% block title %}Follow-ups — karyab{% endblock %}

{% block content %}
{% call hub(hub_sections) %}
<h1>Follow-ups due</h1>
{% if items %}
<ul class="followup-list">
  {% for item in items %}
  <li class="followup-item">
    <span class="status-badge">{{ item.application.status.value }}</span>
    {% if item.job %}
    <a href="/job/{{ item.application.job_id }}">
      {{ item.job.title }} — {{ item.job.company }}
    </a>
    {% else %}
    <span>{{ item.application.job_id }}</span>
    {% endif %}
    {% if item.application.last_change %}
    <span style="color:var(--muted);font-size:0.85rem">
      Last change: {{ item.application.last_change[:10] }}
    </span>
    {% endif %}
  </li>
  {% endfor %}
</ul>
{% else %}
<div class="empty-state">
  <p>No follow-ups due.</p>
  <p>All active applications are up to date.</p>
</div>
{% endif %}
{% endcall %}
{% endblock %}