{% extends "base.html" %}

{% block title %}Pipeline — karyab{% endblock %}

{% block content %}
{% if flash %}
{% if flash_error %}
<div class="flash-banner flash-error" style="background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;border-radius:6px;padding:0.6rem 1rem;margin-bottom:1rem;font-size:0.9rem">
  {{ flash }}
</div>
{% else %}
<div class="flash-banner" style="background:var(--badge-hi,#d1fae5);border:1px solid #6ee7b7;color:#065f46;border-radius:6px;padding:0.6rem 1rem;margin-bottom:1rem;font-size:0.9rem">
  {{ flash }}
</div>
{% endif %}
{% endif %}
<h1>Pipeline <span class="badge badge-none">{{ total }}</span></h1>

{% if total == 0 %}
<div class="empty-state">
  <p>No active applications.</p>
</div>
{% else %}
{% for sg in stage_groups %}
<section class="pipeline-stage">
  <h2>{{ sg.label }} <span class="badge badge-none">{{ sg.rows | length }}</span></h2>
  <table class="job-table">
    <thead>
      <tr>
        <th>Company</th>
        <th>Title</th>
        <th>Days</th>
        <th>Follow-up</th>
      </tr>
    </thead>
    <tbody>
    {% for row in sg.rows %}
    <tr id="row-{{ row.group.rep.id }}">
      <td>{{ row.group.rep.company }}</td>
      <td><a href="/job/{{ row.group.rep.id }}">{{ row.group.rep.title }}</a></td>
      <td>
        {% if row.days_since is not none %}
          {{ row.days_since }}d
        {% else %}
          —
        {% endif %}
      </td>
      <td>
        {% if row.fw_state.draft %}
          <span class="followup-flag followup-draft" title="Draft saved">📝 draft</span>
          <button class="btn btn-sm"
                  hx-get="/pipeline/{{ row.group.rep.id }}/followup-editor"
                  hx-target="closest tr"
                  hx-swap="afterend">Edit draft</button>
        {% elif row.fw_state.sent_at %}
          <span class="followup-sent" title="Follow-up sent">✓ sent</span>
          <button class="btn btn-sm"
                  hx-get="/pipeline/{{ row.group.rep.id }}/followup-editor"
                  hx-target="closest tr"
                  hx-swap="afterend">Follow up again</button>
        {% elif row.fw_state.due %}
          <span class="followup-flag followup-due" title="Follow-up due">🔔 due</span>
          <button class="btn btn-sm btn-primary"
                  hx-get="/pipeline/{{ row.group.rep.id }}/followup-editor"
                  hx-target="closest tr"
                  hx-swap="afterend">Draft follow-up</button>
        {% else %}
          <button class="btn btn-sm"
                  hx-get="/pipeline/{{ row.group.rep.id }}/followup-editor"
                  hx-target="closest tr"
                  hx-swap="afterend">Draft follow-up</button>
        {% endif %}
      </td>
    </tr>
    {% endfor %}
    </tbody>
  </table>
</section>
{% endfor %}
{% endif %}
{% endblock %}