{% 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>
      </div>
    </div>

  {% endif %}

{% endif %}

</div>
{% endblock %}