{# Quick actions dynamic widgets — auto-refreshed via dashboard-refresh event.

   Rendered inside #dashboard-quick-actions wrapper in dashboard/index.html,
   and as the response body of /dashboard/quick-actions fragment route.

   This partial renders ONLY the dynamic items that should refresh after a
   sync / batch-score run (Sync Now button or active-sync progress; Score
   Unscored button or active-scoring progress). The "Add Job Manually"
   button and its dialog live outside this partial in dashboard/index.html
   because they are static UI.

   Required context: active_sync, active_scoring, unscored_count, scoring_available. #}

{# No-provider banner (WP3): state-driven, not dismissible — disappears on the
   next fragment refresh once a provider is configured or nothing is unscored.
   w-full forces its own row inside the flex-wrap Quick Actions container
   (the #dashboard-quick-actions wrapper is class="contents"). #}
{% if not scoring_available and unscored_count > 0 %}
  <div class="w-full bg-amber-900/50 border border-amber-700 rounded-lg px-4 py-3 flex items-center justify-between">
    <span class="text-amber-200 text-sm">
      {{ unscored_count }} job{{ '' if unscored_count == 1 else 's' }} ingested but not yet AI-scored —
      no AI provider is configured. Scoring is what moves jobs into your Apply / Consider pipeline.
    </span>
    <a href="{{ url_for('onboarding.provider_select') }}"
       class="text-amber-300 hover:text-amber-200 underline text-xs whitespace-nowrap ml-4">Set up a provider</a>
  </div>
{% endif %}

{# Sync Now / sync progress bar #}
{% if active_sync %}
  {% with session_id=active_sync.id,
          phase_label={"running": "Starting...", "gmail": "Syncing..."}.get(active_sync.status, "Syncing...") %}
    {% include "dashboard/_sync_progress.html" %}
  {% endwith %}
{% else %}
  <div id="sync-status">
    <form hx-post="{{ url_for('sync.sync_start') }}"
          hx-target="#sync-status"
          hx-swap="outerHTML">
      <button type="submit"
              class="px-4 py-2 bg-indigo-600 hover:bg-indigo-500 text-white text-sm font-medium rounded-lg transition-colors">
        Sync Now
      </button>
    </form>
  </div>
{% endif %}

{# Unified batch scoring — async with HTMX polling progress bar #}
{% if active_scoring %}
  {% with session_id=active_scoring.id, total=active_scoring.total,
          scored=active_scoring.scored, skipped=active_scoring.skipped,
          cancelling=(active_scoring.status == 'cancelling') %}
    {% include "dashboard/_batch_score_progress.html" %}
  {% endwith %}
{% elif scoring_available and unscored_count > 0 %}
  <div id="batch-score-status">
    <form hx-post="{{ url_for('batch_scoring.batch_score_start') }}"
          hx-target="#batch-score-status"
          hx-swap="outerHTML">
      <button type="submit"
              class="px-4 py-2 bg-indigo-600 hover:bg-indigo-500 text-white text-sm font-medium rounded-lg transition-colors"
              title="Run AI scoring on {{ unscored_count }} scorable jobs">
        Score {{ unscored_count }} unscored {% if unscored_count == 1 %}job{% else %}jobs{% endif %}
        <span class="ml-1 bg-emerald-500 text-white text-xs rounded-full px-1.5 py-0.5">{{ unscored_count }}</span>
      </button>
    </form>
  </div>
{% else %}
  <div id="batch-score-status">
    <button type="button"
            disabled
            class="px-4 py-2 bg-slate-700 text-slate-500 text-sm font-medium rounded-lg cursor-not-allowed opacity-50"
            title="{{ 'No scoring provider configured' if not scoring_available else 'No scorable jobs to process' }}">
      No jobs to score
    </button>
  </div>
{% endif %}