{% import "entity_macros.html" as entity_macros %}
{% extends "base.html" %}

{% block title %}
{% if query %}
  Search: {{ query }}
{% else %}
  Release Search
{% endif %}
{% endblock %}

{% block fullmain %}

<div class="ui vertical stripe segment" style="background-color: #EEE; padding-top: 4.5em;">
  <div class="ui container text">
    <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>
        <br>Can also lookup by <b><a href="/container/lookup">identifier</a></b> or search <b><a href="/release/search?q={{ query or "" }}">releases</a></b>.
      </div>
    </form>
  </div>
</div>

<div class="ui container text">
<br>

{% if found %}
{% if found.results %}
  {{ entity_macros.top_results(found) }}

{% 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 %}
  <div class="ui divider"></div>
  <div style="text-align: center">
  {{ entity_macros.bottom_results(found, endpoint='container_search')}}
  </div>
{% endif %}
{% else %}

Raw query was: <i>{{ found.query.q }}</i>

<div class="ui centered stackable grid" style="padding-top: 15%;">
  <div class="row">
    <div class="four wide column">
      <img src="/static/paper_man_confused.gif" alt="confused paper man">
    </div>
    <div class="six wide column">
  <h2>No results found!</h2>
  <p>You could try elsewhere:</p>
  <ul>
    <li>Search <a href="https://scholar.google.com/scholar?q={{ found.query.q | urlencode }}">Google Scholar</a></li>
  </ul>
</div>
{% endif %}
{% endif %}

</div>
{% endblock %}