{% extends "admin/base_site.html" %}
{% load i18n %}

{% block breadcrumbs %}
<div class="breadcrumbs">
  <a href="{% url 'admin:index' %}">{% translate 'Home' %}</a>
  &rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
  &rsaquo; {{ opts.verbose_name_plural|capfirst }}
</div>
{% endblock %}

{% block content %}
<div id="content-main">
  <form method="post" novalidate>
    {% csrf_token %}
    <fieldset class="module aligned">
      <h2>{% translate "AskLens" %}</h2>
      <div class="form-row field-question">
        {{ form.question.errors }}
        {{ form.question.label_tag }}
        {{ form.question }}
        {% if form.question.help_text %}
          <div class="help">{{ form.question.help_text }}</div>
        {% endif %}
      </div>
    </fieldset>
    <div class="submit-row">
      <input type="submit" value="{% translate 'Ask' %}" class="default">
      <a href="{{ audit_changelist_url }}" class="closelink">{% translate "Audit records" %}</a>
    </div>
  </form>

  {% if error %}
    <div class="messagelist">
      <div class="error">{{ error }}</div>
    </div>
  {% endif %}

  {% if run %}
    <div class="module">
      <h2>{% translate "Audit record" %}</h2>
      <p>
        <a href="{% url 'admin:asklens_semanticqueryrun_change' run.pk %}">
          {% blocktranslate with run_id=run.pk %}View query run #{{ run_id }}{% endblocktranslate %}
        </a>
      </p>
    </div>
  {% endif %}

  {% if result %}
    {% if result.response_type == "capabilities" %}
      <div class="module">
        <h2>{% translate "Examples" %}</h2>
        {% if result.answer %}<p>{{ result.answer }}</p>{% endif %}
        {% if result.summary %}<p class="help">{{ result.summary }}</p>{% endif %}
        {% if result.query_help_error %}
          <p class="errornote">{% blocktranslate with reason=result.query_help_error %}Reason: {{ reason }}{% endblocktranslate %}</p>
        {% endif %}
        <ul>
          {% for suggestion in result.suggestions %}
            <li>
              <strong>{{ suggestion.question }}</strong>
              {% if suggestion.resource_name %}<span class="help">({{ suggestion.resource_name }})</span>{% endif %}
              {% if suggestion.why %}<br><span class="help">{{ suggestion.why }}</span>{% endif %}
            </li>
          {% empty %}
            <li>{% translate "No suggestions available." %}</li>
          {% endfor %}
        </ul>
      </div>
    {% else %}
      <div class="module">
        <h2>{% translate "Result" %}</h2>
        <p>
          {% blocktranslate with row_count=result.row_count duration_ms=result.duration_ms %}
            {{ row_count }} rows in {{ duration_ms }} ms
          {% endblocktranslate %}
        </p>
        <table>
          <thead>
            <tr>
              {% for column in result.columns %}
                <th scope="col">{{ column.label }}</th>
              {% endfor %}
            </tr>
          </thead>
          <tbody>
            {% for row in result.rows %}
              <tr>
                {% for cell in row.cells %}
                  <td>{{ cell }}</td>
                {% endfor %}
              </tr>
            {% empty %}
              <tr><td colspan="{{ result.columns|length }}">{% translate "No rows" %}</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>

      {% if result.visualization %}
        <div class="module">
          <h2>{% translate "Visualization" %}</h2>
          <pre>{{ result.visualization }}</pre>
        </div>
      {% endif %}
    {% endif %}
  {% endif %}
</div>
{% endblock %}