{% extends 'tom_common/base.html' %}
{% load django_bootstrap5 %}
{% block title %}Query List{% endblock %}
{% block content %}
<h3>Query a Broker</h3>
<div class="row">
  <div class="col-md-10">
    <p>
      Create a new query using:
      {% for broker in installed_brokers %}
        <a href="{% url 'tom_alerts:create' %}?broker={{ broker }}" title="{{ broker }}" class="btn btn-outline-primary">{{ broker }}</a>
      {% endfor %}
    </p>
    <table class="table table-striped">
      <thead><tr><th>Name</th><th>Broker</th><th>Created</th><th>Last Run</th><th>Run</th><th>Delete</th></tr></thead>
      <tbody>
        {% for query in filter.qs %}
        <tr>
          <td><a href="{% url 'tom_alerts:update' query.id %}" title="Update {{ query.name }}">{{ query.name }}</a></td>
          <td>{{ query.broker }}</td>
          <td>{{ query.created }}</td>
          <td>{{ query.last_run }}</td>
          <td><a href="{% url 'tom_alerts:run' query.id %}" title="Run query" class="btn btn-primary">Run</a></td>
          <td><a href="{% url 'tom_alerts:delete' query.id %}" title="Delete query" class="btn btn-danger">Delete</a></td>
        </tr>
        {% empty %}
        <tr>
          <td colspan="5">
            No saved queries yet, Try creating a query from one of the alert brokers listed above.
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  <div class="col-md-2">
    <h4>Filter Saved Queries</h4>
    <form action="" method="get" class="form">
      {% bootstrap_form filter.form %}
      {% bootstrap_button "Filter" button_type="submit" button_class="btn btn-primary" %}
      {% url 'tom_alerts:list' as reset_link%}
      {% bootstrap_button "Reset" button_type="link" button_class="btn btn-secondary" href=reset_link %}
    </form>
  </div>
</div>
{% endblock %}