{% extends "base.html" %}
{% block body %}

<h1>Journal/Conference Search</h1>
<form class="" role="search" action="/container/search" method="get">
  <div class="ui form">
    <div class="ui action input huge fluid">
      <input type="text" placeholder="Query..." name="q" value="{% if query %}{{ query }}{% endif %}" aria-label="search container metadata">
      <button class="ui button">Search</button>
    </div>
  </div>
</form>

<br clear="all" />

{% if found %}
{% if found.results %}
  <i>Showing top {{ found.count_returned }} out of {{ found.count_found }} results for: <code>{{ found.query.q }}</code></i>
{% for entity in found.results %}
<div>
  <h4 style="margin-top: 1em; margin-bottom: 4px; font-size: 1.1em;">
    <a href="/container/{{ entity.ident }}" style="color: #2224c7;">{{ entity['name'] }}</a>
    {% if entity.is_oa %}<i class="icon unlock orange small"></i>{% endif %}
  </h4>
  {% if entity.publisher %}
    <h5 style="margin-top: 4px; margin-bottom: 4px; font-size: 1em;">{{ entity.publisher }}</h5>
  {% endif %}
  {% if entity.issnl %}
    <a href="https://portal.issn.org/resource/ISSN/{{entity.issnl }}" style="color: green;">ISSN {{ entity.issnl }}</a>
  {% endif %}
  {% if entity.container_type %}
  &nbsp;{{ entity.container_type }}
  {% endif %}
</div>
{% endfor %}
{% if found.results|length > 8 %}
  <br>
  <i>Showing top {{ found.count_returned }} out of {{ found.count_found }} results for: <code>{{ found.query.q }}</code></i>
{% endif %}
{% else %}
<div class="featurette-inner text-center" style="padding-top: 15%;">
  <h3>No results found!</h3>
  <i>Query was: <code>{{ found.query.q }}</code></i>
  <br/>
  <p>Try:</p>
  <ul>
    <li>Search <a href="https://scholar.google.com/scholar?q={{ found.query.q | urlencode }}">Google Scholar</a></li>
  </ul>
</div>
{% endif %}
{% endif %}

{% endblock %}