{% extends "allianceauth/base-bs5.html" %}
{% block page_title %}{{ op.title }}{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-start">
  <h2>{% if op.important %}<span class="text-danger">&#9679;</span> {% endif %}{% if op.category.ticker %}<small class="text-muted">[{{ op.category.ticker }}]</small> {% endif %}{{ op.title }}</h2>
  {% if can_edit and perms.opshub.create_operation %}
  <div>
    <a class="btn btn-sm btn-outline-secondary" href="{% url 'opshub:op_edit' op.pk %}">Edit</a>
    <a class="btn btn-sm btn-outline-danger" href="{% url 'opshub:op_delete' op.pk %}">Delete</a>
  </div>
  {% endif %}
</div>
<p>
  <strong>Starts:</strong> {{ op.start_time|date:"Y-m-d H:i" }} EVE &middot;
  <strong>Ends:</strong> {{ op.end_time|date:"Y-m-d H:i" }}
  {% if op.category %}&middot; <strong>Type:</strong> {{ op.category.name }}{% endif %}
</p>
<p>
  {% if op.formup_system %}<strong>Formup:</strong> {{ op.formup_system }} &middot; {% endif %}
  {% if op.fc %}<strong>FC:</strong> {{ op.fc }} &middot; {% endif %}
  {% if op.doctrine %}<strong>Doctrine:</strong> {{ op.doctrine }}{% endif %}
</p>
{% if op.description %}<p style="white-space: pre-line">{{ op.description }}</p>{% endif %}
{% if reminder_labels %}<p class="text-muted small">Reminder pings: {{ reminder_labels|join:", " }}</p>{% endif %}
{% if not posted %}<p class="text-warning small">Not posted to Discord yet{% if op.announce_at %} (scheduled: it is announced shortly before it starts){% endif %}.</p>{% endif %}

<form method="post" class="mb-4">
  {% csrf_token %}
  {% for status, label, style in buttons %}
    <button class="btn {% if mine.status == status %}btn-primary{% else %}btn-outline-secondary{% endif %}"
            formaction="{% url 'opshub:op_signup' op.pk status %}" type="submit">{{ label }}</button>
  {% endfor %}
</form>

<div class="row">
  <div class="col-md-4"><h5>&#9989; Attending ({{ by_status.attending|length }})</h5>
    <ul>{% for n in by_status.attending %}<li>{{ n }}</li>{% empty %}<li class="text-muted">-</li>{% endfor %}</ul></div>
  <div class="col-md-4"><h5>&#10068; Tentative ({{ by_status.tentative|length }})</h5>
    <ul>{% for n in by_status.tentative %}<li>{{ n }}</li>{% empty %}<li class="text-muted">-</li>{% endfor %}</ul></div>
  <div class="col-md-4"><h5>&#10060; Declined ({{ by_status.declined|length }})</h5>
    <ul>{% for n in by_status.declined %}<li>{{ n }}</li>{% empty %}<li class="text-muted">-</li>{% endfor %}</ul></div>
</div>

{% if can_edit and perms.opshub.create_operation and posted %}
<hr>
<form method="post" action="{% url 'opshub:op_ping_now' op.pk %}" class="d-flex gap-2 align-items-center">
  {% csrf_token %}
  <strong>Send "starting now" ping:</strong>
  <button class="btn btn-warning btn-sm" name="mention" value="here" type="submit">@here</button>
  <button class="btn btn-danger btn-sm" name="mention" value="everyone" type="submit">@everyone</button>
</form>
{% endif %}
{% endblock %}