{# htmx partial: single review card — swapped in after each classification #}

{% if contact is none or contact is not defined %}
<div class="review-card review-done">
  <h3>All done!</h3>
  <p>{{ done | default(0) }} contacts reviewed. No more contacts pending review.</p>
  <a href="{{ url_for('dashboard.index') }}" class="btn btn-primary">Back to Dashboard</a>
</div>
{% else %}
<div class="review-card">
  {# Progress counter #}
  <header>
    <small>{{ done | default(0) }} reviewed — {{ remaining | default(0) }} remaining</small>
    <progress value="{{ done | default(0) }}" max="{{ total | default(1) }}"></progress>
  </header>

  <h2>{{ contact.name }}</h2>
  <p><strong>Title:</strong> {{ contact.title or "—" }}</p>
  <p><strong>Company:</strong> {{ contact.company or "Unknown" }}</p>
  <p><strong>Interactions:</strong> {{ contact.total_interactions }}</p>

  {% if contact.notes %}
  <p><strong>Notes:</strong> {{ contact.notes }}</p>
  {% endif %}

  {# Learned suggestion #}
  {% if contact.suggestion %}
  <div class="suggestion-box">
    <strong>Suggestion:</strong>
    <span class="status-badge status-{{ contact.suggestion|lower|replace(' ', '') }}">{{ contact.suggestion }}</span>
    ({{ contact.suggestion_confidence }}% confidence)
    {% if contact.suggestion_reason %}
    <br><small>Reason: {{ contact.suggestion_reason }}</small>
    {% endif %}
  </div>
  {% endif %}

  {# Classification form #}
  <form hx-post="{{ url_for('review.classify', contact_id=contact.id) }}"
        hx-target="#review-card-wrapper"
        hx-swap="innerHTML">
    <input type="hidden" name="done_count" value="{{ done | default(0) }}">

    {# Optional company override #}
    <details>
      <summary>Set/change company</summary>
      <input type="text" name="company" placeholder="Company name…" value="{{ contact.company }}">
    </details>

    {# Notes #}
    <label for="notes">Notes (optional)</label>
    <textarea name="notes" id="notes" rows="2" placeholder="Add notes…"></textarea>

    {# Action buttons #}
    <div class="review-actions">
      <button type="submit" name="status" value="ICP" class="btn btn-primary">ICP</button>
      <button type="submit" name="status" value="POI" class="btn btn-poi">POI</button>
      <button type="submit" name="status" value="Not ICP" class="btn btn-secondary">Not ICP</button>
      <button type="submit" name="status" value="" class="btn btn-ghost">Skip</button>
    </div>
  </form>
</div>
{% endif %}