{% extends 'tom_common/base.html' %}
{% load bootstrap4 %}
{% block title %}Query List{% endblock %}
{% block content %}
<h3>Query a Data Service</h3>
<div class="row">
  <div class="col-md-10">
    <p>
      Create a new query using:
      {% for data_service in installed_services %}
        <a href="{% url 'dataservices:create' %}?data_service={{ data_service }}" title="{{ data_service }}" class="btn btn-outline-primary">{{ data_service }}</a>
      {% endfor %}
    </p>
    <table class="table table-striped">
      <thead><tr><th>Name</th><th>Data Service</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 'dataservices:update' query.id %}" title="Update {{ query.name }}">{{ query.name }}</a></td>
          <td>{{ query.data_service }}</td>
          <td>{{ query.created }}</td>
          <td>{{ query.last_run }}</td>
          <td><a href="{% url 'dataservices:run_saved' query.id %}" title="Run query" class="btn btn-primary">Run</a></td>
          <td><a href="{% url 'dataservices: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 data services 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 %}
      {% buttons %}
        <button type="submit" class="btn btn-primary">
          Filter
        </button>
        <a href="{% url 'dataservices:query_list' %}" class="btn btn-secondary" title="Reset">Reset</a>
      {% endbuttons %}
    </form>
  </div>
</div>
{% endblock %}