{% extends "allianceauth/base-bs5.html" %}
{% block page_title %}Ops Hub{% endblock %}
{% block content %}
<div class="d-flex flex-wrap justify-content-between align-items-center mb-2 gap-2">
  <h2 class="mb-0">Ops Hub</h2>
  <div>
    {% if perms.opshub.create_operation %}<a class="btn btn-primary" href="{% url 'opshub:op_create' %}">Create op</a>{% endif %}
    {% if perms.opshub.create_timer %}<a class="btn btn-outline-secondary" href="{% url 'opshub:timer_create' %}">Add timer</a>{% endif %}
  </div>
</div>
{% include "opshub/_nav.html" with active="agenda" %}

<h4>Upcoming ops</h4>
<table class="table table-striped">
  <thead><tr><th>Starts (EVE)</th><th>Op</th><th>Type</th><th>Formup</th><th>FC</th><th>Signed up</th></tr></thead>
  <tbody>
  {% for op in ops %}
    <tr>
      <td>{{ op.start_time|date:"Y-m-d H:i" }}</td>
      <td>{% if op.important %}<span class="text-danger">&#9679;</span> {% endif %}<a href="{% url 'opshub:op_detail' op.pk %}">{{ op.title }}</a></td>
      <td>{{ op.category.name|default:"" }}</td>
      <td>{{ op.formup_system }}</td>
      <td>{{ op.fc }}</td>
      <td>{{ op.signups.count }}</td>
    </tr>
  {% empty %}
    <tr><td colspan="6" class="text-muted">No upcoming ops.</td></tr>
  {% endfor %}
  </tbody>
</table>

<div class="d-flex justify-content-between align-items-center mt-4">
  <h4>Upcoming structure timers</h4>
  <a href="{% url 'opshub:timers' %}">All timers</a>
</div>
{% include "opshub/_timer_table.html" with timers=timers %}
{% endblock %}