{% extends 'platform_admin/base.html' %}
{% load static %}

{% block title %}{{ page_title }}{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'css/cv-library.css' %}?v=2">
{% endblock %}

{% block dash_content %}
<div class="cv-library-page">
  {% include 'platform_admin/partials/page_header.html' %}

  <div class="cv-lib-stats">
    <div class="cv-lib-stat"><strong>{{ total_cvs }}</strong><span>Total indexed CVs</span></div>
    <div class="cv-lib-stat"><strong>{{ categories.count }}</strong><span>Categories</span></div>
    <div class="cv-lib-stat"><strong>{{ page_obj.paginator.count }}</strong><span>Matching filter</span></div>
  </div>

  <form method="get" class="filter-bar cv-library-filters">
    <div class="search-inp">
      <i class="fas fa-search"></i>
      <input type="search" name="q" value="{{ q }}" placeholder="Search name, email, skills, filename…">
    </div>
    <select name="category" class="cv-filter-select" onchange="this.form.submit()">
      <option value="">All categories</option>
      {% for cat in categories %}
      <option value="{{ cat.slug }}"{% if category_slug == cat.slug %} selected{% endif %}>{{ cat.name }}</option>
      {% endfor %}
    </select>
    <select name="versions" class="cv-filter-select" onchange="this.form.submit()">
      <option value="current"{% if current_only %} selected{% endif %}>Latest CV only</option>
      <option value="all"{% if not current_only %} selected{% endif %}>All versions</option>
    </select>
    <button type="submit" class="btn btn-primary btn-sm">Search</button>
  </form>

  {% if not admin_mode and not can_access %}
  <div class="panel" style="padding:28px;text-align:center;">
    <p style="color:var(--text-muted);margin:0 0 16px;">{{ access_message }}</p>
    <a href="{% url 'subscriptions:pricing' %}" class="btn btn-primary">View subscription plans</a>
  </div>
  {% else %}

  <form method="post" action="{% url download_url %}" id="cvBulkForm">
    {% csrf_token %}
    <input type="hidden" name="q" value="{{ q }}">
    <input type="hidden" name="category" value="{{ category_slug }}">
    <input type="hidden" name="current_only" value="{% if current_only %}1{% else %}0{% endif %}">

    <div class="cv-bulk-bar">
      <label style="display:flex;align-items:center;gap:8px;font-size:0.85rem;font-weight:600;cursor:pointer;">
        <input type="checkbox" id="selectAllCvs"> Select page
      </label>
      <button type="submit" class="btn btn-primary btn-sm" name="action" value="selected"><i class="fas fa-download"></i> Download selected</button>
      <button type="submit" class="btn btn-outline btn-sm" name="limit" value="50"><i class="fas fa-file-archive"></i> Download 50</button>
      <button type="submit" class="btn btn-outline btn-sm" name="limit" value="100"><i class="fas fa-file-archive"></i> Download 100</button>
      <button type="submit" class="btn btn-outline btn-sm" name="limit" value="200"><i class="fas fa-file-archive"></i> Download 200</button>
      {% if admin_mode %}
      <button type="submit" class="btn btn-primary btn-sm" name="limit" value="all"><i class="fas fa-infinity"></i> Download all matching</button>
      <span class="hint">Platform admin - no monthly download limit</span>
      {% elif usage %}
      <span class="hint">
        CV downloads this month: {{ usage.cv_downloads }}{% if usage.benefits.cv_downloads_per_month %} / {{ usage.benefits.cv_downloads_per_month }}{% else %} (unlimited){% endif %}
      </span>
      {% endif %}
    </div>

    {% include 'seekers/partials/cv_library_table.html' with show_profile_link=True pagination_partial='platform_admin/partials/pagination.html' empty_message='No CVs indexed yet. They appear automatically when seekers upload a CV.' %}
  </form>
  {% endif %}
</div>
{% endblock %}

{% block extra_js %}
<script>
(function () {
  const selectAll = document.getElementById('selectAllCvs');
  const checks = document.querySelectorAll('.cv-row-check');
  if (!selectAll) return;
  selectAll.addEventListener('change', () => {
    checks.forEach(cb => { cb.checked = selectAll.checked; });
  });
})();
</script>
{% endblock %}