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

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

{% block dash_content %}
<div class="page-heading" style="display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;">
  <div>
    <h1>{{ page_title }}</h1>
    {% if page_subtitle %}<p>{{ page_subtitle }}</p>{% endif %}
  </div>
  <a href="{% url 'platform_admin:post_job' %}" class="btn btn-primary btn-sm"><i class="fas fa-plus"></i> Post a Job</a>
</div>

<form method="get" class="filter-bar">
  <div class="search-inp">
    <i class="fas fa-search"></i>
    <input type="search" name="q" value="{{ request.GET.q }}" placeholder="Search jobs…">
  </div>
  <select name="active" onchange="this.form.submit()">
    <option value="">All</option>
    <option value="1"{% if active_filter == '1' %} selected{% endif %}>Active</option>
    <option value="0"{% if active_filter == '0' %} selected{% endif %}>Closed</option>
  </select>
  <button type="submit" class="btn btn-primary btn-sm">Filter</button>
</form>

<div class="panel table-panel table-compact">
  <table class="data-table">
    <thead>
      <tr><th>Job</th><th>Company</th><th>Location</th><th>Status</th><th>Posted</th><th></th></tr>
    </thead>
    <tbody>
      {% for job in page_obj %}
      <tr>
        <td>
          <a href="{% url 'platform_admin:job_detail' slug=job.slug %}" class="candidate-name" style="text-decoration:none;display:block;">{{ job.title|truncatechars:36 }}</a>
        </td>
        <td>{{ job.company_name|truncatechars:24 }}</td>
        <td>{{ job.location|default:"—"|truncatechars:18 }}</td>
        <td>{% if job.is_closed %}<span class="badge-suspended">Closed</span>{% elif job.is_active %}<span class="badge-active">Active</span>{% else %}<span class="badge-suspended">Closed</span>{% endif %}{% if job.is_ongoing and job.accepts_applications %} <span style="font-size:0.72rem;color:var(--text-muted);">Ongoing</span>{% endif %}</td>
        <td>{{ job.created_at|date:"M j, Y" }}</td>
        <td>
          <div class="row-act">
            <a href="{% url 'platform_admin:job_detail' slug=job.slug %}" class="ra-view" title="View job"><i class="fas fa-eye"></i></a>
            <a href="{% url 'platform_admin:edit_job' slug=job.slug %}" class="ra-edit" title="Edit job"><i class="fas fa-pen"></i></a>
            <form method="post" action="{% url 'platform_admin:job_toggle' slug=job.slug %}" style="display:inline;">
              {% csrf_token %}
              <input type="hidden" name="next" value="{{ request.get_full_path }}">
              {% if job.is_active and job.is_ongoing and job.accepts_applications %}
              <span class="ra-suspend" style="opacity:0.4;cursor:not-allowed;" title="Ongoing jobs can only be closed by the posting company"><i class="fas fa-power-off"></i></span>
              {% else %}
              <button type="submit" class="ra-suspend" title="{% if job.is_active %}Close{% else %}Reopen{% endif %}"><i class="fas fa-power-off"></i></button>
              {% endif %}
            </form>
          </div>
        </td>
      </tr>
      {% empty %}
      <tr><td colspan="6" style="text-align:center;padding:32px;color:var(--text-muted);">No jobs found.</td></tr>
      {% endfor %}
    </tbody>
  </table>
  {% include 'platform_admin/partials/pagination.html' %}
</div>
{% endblock %}