{% if show_board %}
    <div class="jobs-board-head">
      <h2><i class="fas fa-layer-group"></i> Applicants by job</h2>
      <a href="?view=all" class="jobs-board-all">View everyone in one list <i class="fas fa-arrow-right"></i></a>
    </div>
    {% if job_boards %}
    <div class="jobs-board">
      {% for b in board_page %}
      <a href="?job={{ b.slug }}" class="job-board-card">
        <div class="jbc-top">
          <div class="jbc-title">{{ b.title }}</div>
          {% if b.new_count %}<span class="jbc-new">{{ b.new_count }} new</span>{% endif %}
        </div>
        <div class="jbc-loc"><i class="fas fa-building"></i> {{ b.company_name }} &middot; {{ b.location|cut:"["|cut:"]"|cut:"'" }}</div>
        <div class="jbc-stats">
          <div><strong>{{ b.applicant_count }}</strong><span>Applicant{{ b.applicant_count|pluralize }}</span></div>
          <div><strong>{{ b.avg_score }}%</strong><span>Avg match</span></div>
          <div><strong>{{ b.top_score }}%</strong><span>Best match</span></div>
        </div>
        <div class="jbc-bar" title="{{ b.high_count }} strong, {{ b.mid_count }} fair, {{ b.low_count }} low">
          <span class="hi" style="width:{{ b.high_pct }}%"></span><span class="mid" style="width:{{ b.mid_pct }}%"></span>
        </div>
        <div class="jbc-legend"><span><i class="dot hi"></i>{{ b.high_count }} strong (70%+)</span><span><i class="dot mid"></i>{{ b.mid_count }} fair</span><span><i class="dot lo"></i>{{ b.low_count }} low</span></div>
        <div class="jbc-open">Open ranked list <i class="fas fa-arrow-right"></i></div>
      </a>
      {% endfor %}
    </div>
    {% if board_pager %}
    {% include board_pager with page_obj=board_page query_string=board_qs page_range=board_range %}
    {% else %}
    <div class="list-pagination-wrap">
      <p class="list-pagination-info">Showing {{ board_page.start_index }}&ndash;{{ board_page.end_index }} of {{ board_page.paginator.count }} job{{ board_page.paginator.count|pluralize }} with applicants</p>
      {% include 'home/partials/pagination.html' with page_obj=board_page query_string=board_qs page_range=board_range %}
    </div>
    {% endif %}
    {% else %}
    <div class="jobs-board-empty">No applications yet. Candidates will be grouped under each job here as they apply.</div>
    {% endif %}
    {% else %}
    {% if selected_board %}
    <div class="job-focus">
      <a href="{% url 'ats:pipeline' %}" class="job-focus-back"><i class="fas fa-arrow-left"></i> All jobs</a>
      <div class="job-focus-main">
        <div>
          <h2>{{ selected_board.title }}</h2>
          <p><i class="fas fa-map-marker-alt"></i> {{ selected_board.location|cut:"["|cut:"]"|cut:"'" }} &middot; ranked by match score, best first</p>
        </div>
        <div class="job-focus-stats">
          <div><strong>{{ selected_board.applicant_count }}</strong><span>Applicants</span></div>
          <div><strong>{{ selected_board.avg_score }}%</strong><span>Average</span></div>
          <div><strong>{{ selected_board.top_score }}%</strong><span>Best</span></div>
          <div><strong>{{ selected_board.high_count }}</strong><span>Strong 70%+</span></div>
        </div>
      </div>
    </div>
    {% elif request.GET.view == 'all' %}
    <div class="job-focus"><a href="{% url 'ats:pipeline' %}" class="job-focus-back"><i class="fas fa-arrow-left"></i> Back to jobs</a>
      <div class="job-focus-main"><div><h2>All applicants</h2><p>Every job in one list, ranked by match score.</p></div></div></div>
    {% endif %}
    {% endif %}