{% extends "allianceauth/base-bs5.html" %}
{% block page_title %}Structure timers{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-2">
  <h2 class="mb-0">Structure timers</h2>
  {% if perms.opshub.create_timer %}<a class="btn btn-primary" href="{% url 'opshub:timer_create' %}">Add timer</a>{% endif %}
</div>
{% include "opshub/_nav.html" with active="timers" %}

<form method="get" class="row g-2 mb-3">
  <div class="col-md-3"><input class="form-control" type="search" name="q" value="{{ q }}" placeholder="Search system, structure, owner, notes"></div>
  <div class="col-md-2">
    <select class="form-select" name="objective"><option value="">Any objective</option>
      {% for v, l in objective_choices %}<option value="{{ v }}" {% if sel.objective == v %}selected{% endif %}>{{ l }}</option>{% endfor %}</select></div>
  <div class="col-md-2">
    <select class="form-select" name="kind"><option value="">Any timer type</option>
      {% for v, l in kind_choices %}<option value="{{ v }}" {% if sel.kind == v %}selected{% endif %}>{{ l }}</option>{% endfor %}</select></div>
  <div class="col-md-2">
    <select class="form-select" name="type"><option value="">Any structure</option>
      {% for v, l in type_choices %}<option value="{{ v }}" {% if sel.type == v %}selected{% endif %}>{{ l }}</option>{% endfor %}</select></div>
  <div class="col-md-3 d-flex gap-2 align-items-center">
    <div class="form-check"><input class="form-check-input" type="checkbox" name="past" value="1" id="past" {% if show_past %}checked{% endif %}><label class="form-check-label" for="past">Include past</label></div>
    <button class="btn btn-outline-primary" type="submit">Filter</button>
    <a class="btn btn-link" href="{% url 'opshub:timers' %}">Reset</a>
  </div>
</form>

{% include "opshub/_timer_table.html" with timers=timers %}
{% endblock %}