{% extends 'employers/base_portal.html' %}

{% block title %}Employer Dashboard{% endblock %}
{% block topbar_title %}Employer Dashboard{% endblock %}

{% block extra_css %}{% include 'employers/partials/job_form_extras.html' %}{% endblock %}

{% block dash_content %}
<div class="page-heading">
  <h1>Welcome back{% if company %}, {{ company.name }}{% endif %}</h1>
  <p>Manage your listings, subscriptions, applications, and talent search from one place.</p>
</div>

{% if profile_progress and profile_progress.percent < 100 %}
<section class="cp-nudge">
  <div class="cp-nudge-text">
    <h2>Finish your company profile</h2>
    <p>Your profile is {{ profile_progress.percent }}% complete. Professionals see this information on your public page, so the more you add, the more they trust and apply to you.</p>
    <div class="cp-nudge-bar"><span style="width:{{ profile_progress.percent }}%"></span></div>
    <div class="cp-nudge-missing">{% for m in profile_progress.missing|slice:":5" %}<a href="{% url 'employers:edit_company' %}?section={{ m.section }}">{{ m.label }}</a>{% endfor %}</div>
  </div>
  <a href="{% url 'employers:edit_company' %}?section={{ profile_progress.missing.0.section|default:'info' }}" class="btn btn-primary">Complete profile</a>
</section>
{% endif %}

<div class="stats-grid">
  <div class="stat-card">
    <div class="stat-icon"><i class="fas fa-briefcase"></i></div>
    <div class="stat-info">
      <div class="num">{{ active_jobs }}</div>
      <div class="lbl">Active Listings</div>
    </div>
  </div>
  <div class="stat-card">
    <div class="stat-icon"><i class="fas fa-layer-group"></i></div>
    <div class="stat-info">
      <div class="num">{{ total_jobs }}</div>
      <div class="lbl">Total Listings</div>
    </div>
  </div>
  <div class="stat-card">
    <div class="stat-icon"><i class="fas fa-inbox"></i></div>
    <div class="stat-info">
      <div class="num">{{ total_applications }}</div>
      <div class="lbl">Applications</div>
      {% if total_applications %}<a href="{% url 'ats:pipeline' %}" style="font-size:0.76rem;color:var(--secondary);font-weight:700;margin-top:4px;display:inline-block;">View pipeline</a>{% endif %}
    </div>
  </div>
  <div class="stat-card">
    <div class="stat-icon"><i class="fas fa-archive"></i></div>
    <div class="stat-info">
      <div class="num">{{ archived_jobs_count }}</div>
      <div class="lbl">Archived Jobs</div>
    </div>
  </div>
</div>

{% include 'employers/partials/subscription_panel.html' %}

<section class="panel" id="cv-library" style="margin-bottom:22px;">
  {% if cv_access_allowed and cv_library_stats %}
  <div class="panel-header">
    <h3><i class="fas fa-folder-open"></i> CV Library</h3>
    <a href="{% url 'employers:cv_library' %}">Open CV Library</a>
  </div>
  <p style="font-size:0.86rem;color:var(--text-muted);margin:0 0 16px;">Search and bulk-download candidate CVs with your CV Search subscription.</p>
  <div class="employer-usage-grid">
    <div class="employer-usage-item">
      <div class="num">{{ cv_library_stats.total_current_cvs }}</div>
      <div class="lbl">CVs available</div>
    </div>
    <div class="employer-usage-item">
      <div class="num">{{ cv_library_stats.company_downloads_this_month }}{% if cv_library_stats.download_limit %} / {{ cv_library_stats.download_limit }}{% endif %}</div>
      <div class="lbl">Downloads this month</div>
    </div>
    <div class="employer-usage-item">
      <div class="num">{{ cv_library_stats.active_categories }}</div>
      <div class="lbl">Categories</div>
    </div>
  </div>
  {% elif company %}
  <div class="panel-header">
    <h3><i class="fas fa-folder-open"></i> CV Library</h3>
  </div>
  <p style="font-size:0.86rem;color:var(--text-muted);margin:0 0 16px;">Subscribe to a CV Search plan above to search and bulk-download candidate CVs from the Talent Database.</p>
  <a href="{% url 'subscriptions:pricing' %}#talent" class="btn btn-primary btn-sm">Choose CV Search plan</a>
  {% endif %}
</section>

<section class="panel" style="margin-bottom:22px;padding:0;overflow:hidden;">
  <div class="panel-header" style="padding:20px 24px;margin:0;border-bottom:1px solid var(--border);">
    <h3><i class="fas fa-briefcase"></i> Active Listings</h3>
    {% if active_jobs %}<span style="font-size:0.78rem;font-weight:600;color:var(--text-muted);">Ongoing vacancies pinned at top</span>{% endif %}
  </div>

  {% for job in jobs %}
  <div class="employer-job-row{% if job.is_ongoing %} is-ongoing-pinned{% endif %}">
    <div>
      <div class="employer-job-title">
        {{ job.title }}
        <span class="status-badge status-active">Active</span>
        {% if job.is_ongoing %}<span class="employer-job-pin"><i class="fas fa-thumbtack"></i> Ongoing</span>{% endif %}
      </div>
      <div class="employer-job-meta">
        {{ job.location }} · {{ job.application_count }} application{{ job.application_count|pluralize }}
        {% if job.is_ongoing %} · <span style="color:#1565c0;font-weight:600;">Ongoing</span>
        {% elif job.deadline %} · Deadline {{ job.deadline|date:"M j, Y" }}{% endif %}
      </div>
    </div>
    <div class="employer-job-actions">
      <a href="{% url 'employers:edit_job' slug=job.slug %}" class="btn btn-sm btn-outline">Edit</a>
      <a href="{{ job.get_absolute_url }}" class="btn btn-sm btn-outline">View</a>
      <form method="post" action="{% url 'employers:toggle_job' slug=job.slug %}">
        {% csrf_token %}
        <button type="submit" class="btn btn-sm btn-outline">Close</button>
      </form>
    </div>
  </div>
  {% empty %}
  <div style="padding:40px;text-align:center;color:var(--text-muted);">
    No active listings. <a href="{% url 'employers:post_job' %}">Post a job</a> or reactivate one from the archive.
  </div>
  {% endfor %}
</section>

{% include 'home/partials/list_pagination.html' %}

<section class="panel" style="padding:0;overflow:hidden;">
  <div class="panel-header" style="padding:20px 24px;margin:0;border-bottom:1px solid var(--border);">
    <h3><i class="fas fa-archive"></i> Archive</h3>
    {% if archived_jobs_count %}<span style="font-size:0.78rem;font-weight:600;color:var(--text-muted);">({{ archived_jobs_count }} closed)</span>{% endif %}
  </div>

  {% for job in archived_jobs %}
  <div class="employer-job-row">
    <div>
      <div class="employer-job-title">
        {{ job.title }}
        <span class="status-badge status-closed">Closed</span>
      </div>
      <div class="employer-job-meta">
        {{ job.location }} · {{ job.application_count }} application{{ job.application_count|pluralize }}
        {% if job.is_ongoing %} · Ongoing
        {% elif job.deadline %} · Deadline {{ job.deadline|date:"M j, Y" }}{% endif %}
        {% if job.is_expired %} · Deadline passed{% elif job.is_manually_closed %} · Closed by company{% endif %}
      </div>
    </div>
    <div class="employer-job-actions">
      <a href="{% url 'employers:edit_job' slug=job.slug %}" class="btn btn-sm btn-outline">Edit</a>
      <a href="{{ job.get_absolute_url }}" class="btn btn-sm btn-outline">View</a>
      {% if job.needs_deadline_to_reactivate %}
      <a href="{% url 'employers:reactivate_job' slug=job.slug %}" class="btn btn-sm btn-primary">Reactivate</a>
      {% else %}
      <form method="post" action="{% url 'employers:reactivate_job' slug=job.slug %}">
        {% csrf_token %}
        <button type="submit" class="btn btn-sm btn-primary">Reactivate</button>
      </form>
      {% endif %}
    </div>
  </div>
  {% empty %}
  <div style="padding:32px;text-align:center;color:var(--text-muted);">No archived jobs yet.</div>
  {% endfor %}
</section>

{% if archived_page_obj.paginator.num_pages > 1 %}
<div class="list-pagination-wrap" style="margin-top:16px;">
  <p class="list-pagination-info">
    Archive: showing {{ archived_page_obj.start_index }}–{{ archived_page_obj.end_index }} of {{ archived_page_obj.paginator.count }}
  </p>
  <nav class="pj-pagination" aria-label="Archive pagination">
    {% if archived_page_obj.has_previous %}
    <a class="pj-page-btn pj-page-nav" href="?archive_page={{ archived_page_obj.previous_page_number }}{% if page_obj.number > 1 %}&amp;page={{ page_obj.number }}{% endif %}">Previous</a>
    {% endif %}
    {% if archived_page_obj.has_next %}
    <a class="pj-page-btn pj-page-nav" href="?archive_page={{ archived_page_obj.next_page_number }}{% if page_obj.number > 1 %}&amp;page={{ page_obj.number }}{% endif %}">Next</a>
    {% endif %}
  </nav>
</div>
{% endif %}
{% endblock %}