{% extends "combo/manager_base.html" %}
{% load i18n gadjo %}

{% block page-title %}{% trans 'Search tool' %} | {{ block.super }}{% endblock %}

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" href="{% url 'combo-manager-search-tool' %}">{% trans "Search tool" %}</a>
  </li>
{% endblock %}

{% block appbar %}
  <h2>{% trans 'Search tool' %}</h2>
{% endblock %}

{% block content %}
  <div id="search-tool" class="section">
    <div>
      <form action="{% url 'combo-manager-search-tool' %}" method="get">
        <input type="search" name="q" value="{{ q }}" />
        <button id="test-tool-test-template-submit" class="submit-button submit">
          {% trans "Search" %}
        </button>
      </form>
    </div>
  </div>
  <div>
    {% for res in results %}
      <div>
        <div>
          <a href="{{ res.backoffice_url }}">{{ res.title }}</a>
          <details class="content">
            <summary>{% trans "Details" %}</summary>
            <div><b>backoffice_url</b>: <a href="{{ res.backoffice_url }}">{{ res.backoffice_url }}</a></div>
            {% for field, value in res.fields.items %}
              <div>
                <b>{{ field }}</b>: {{ value}}
              </div>
            {% endfor %}
          </details>
        </div>
      </div>
    {% empty %}
      {% if is_submitted %}<p>{% trans "No result found" %}</p>{% endif %}
    {% endfor %}
  </div>

{% endblock %}