{% extends "passerelle/manage.html" %}
{% load i18n passerelle %}

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" href="{{object.get_absolute_url}}">{{ object.title }}</a>
  </li>
  <li class="ariane--list-item">
    <a class="ariane--link" aria-current="page">{% trans "Jobs" %}</a>
  </li>
{% endblock %}

{% block appbar %}
  <h2>{% trans "Jobs" %}</h2>
{% endblock %}

{% block content %}

  <div id="filters">
    <p>{% trans "Filter by status:" %}
      {% for slug, label, count in job_status_choices %}
        <span class="job-status">
          {% if job_status_filter != slug %}<a href="?job-status-filter={{ slug }}{% if query %}&q={{ query }}{% endif %}">{% endif %}
          {{ label }} ({{ count }})
          {% if job_status_filter != slug %}</a>{% endif %}
        </span>
        {% if not forloop.last %}|{% endif %}
      {% endfor %}
    </p>
  </div>

  <div id="jobs">

    <form>
      <p><input name="q" type="search" value="{{query}}"> <input name="job-status-filter" type="hidden" value="{{ job_status_filter }}"> <button>{% trans 'Search' %}</button>
        <span class="help_text">{% trans "(supports text search in job name or dates)" %}</span>
      </p>
    </form>

    {% include "passerelle/includes/resource-jobs-table.html" with jobs=page_obj %}
  </div>

  {% if job_target %}
    <script>
      $(function () {
        open_job_window($('table.main').data('job-base-url'), {{ job_target.pk }});
      });
    </script>
  {% endif %}

{% endblock %}