{% set container = entity %}
{% set entity_view = "overview" %}
{% import "entity_macros.html" as entity_macros %}
{% extends "entity_base.html" %}

{% block entity_main %}

<div class="ui stackable mobile reversed grid centered">
<div class="column" style="font-size: 16px; flex: 1;">

{% if (container.extra != None) and (container.extra['urls'] != None) and (container.extra['urls']|length > 0) %}
  <div style="text-overflow: ellipsis; overflow: hidden; width: 100%;">
    <a href="{{ container.extra['urls'][0] }}"><code>{{ container.extra['urls'][0] }}</code></a>
  </div>
{% elif (container.extra != None) and (container.extra['webarchive_urls'] != None) and (container.extra['webarchive_urls']|length > 0) %}
{# fallback to a webarchive URL if no valid/live homepage URL #}
  <div style="text-overflow: ellipsis; overflow: hidden; width: 100%;">
    <a href="{{ container.extra['webarchive_urls'][0] }}"><code>{{ container.extra['webarchive_urls'][0] }}</code></a>
  </div>
{% endif %}
<p>
{% if container.publisher != None %}
  Published by {{ container.publisher }}
{% endif %}

<h3>Search Releases from this Container</h3>
<form class="" role="search" action="/release/search" method="get">
  <div class="ui form">
    <div class="ui action input large fluid">
      <input type="text" placeholder="Search Articles..." name="q" aria-label="search release metadata">
      <input type="hidden" name="container_id" value="{{ container.ident }}">
      <button class="ui button">Search</button>
    </div>
  </div>
</form>

{% if container._random_releases %}
<h3>Example Publications</h3>
{% for random_release in container._random_releases %}
  {{ entity_macros.release_search_result_row(random_release) }}
{% endfor %}
{% endif %}

</div>
<div class="column" style="flex: 0 0 24em;">

<div class="ui segment top attached">
  {% if container._es and container._es.is_oa == True %}
  <i class="icon unlock huge orange"></i><b>Open Access Publisher</b>
  {% elif container._es and container._es.is_oa == False  %}
  <i class="icon lock huge black"></i><b>Not Open Access</b>
  {% else %}
  <i class="icon question huge grey"></i><b>Unknown OA Status</b>
  {% endif %}
</div>

{% if container._stats %}
<div class="ui segment attached">
  <div style="text-align: center;">
    <div class="ui small statistic">
      <div class="value">{{ "{:,}".format(container._stats.total) }}</div>
      <div class="label" style="text-transform: none;">Known Releases</div>
    </div>
  </div>
  {% if container._stats.total >= 1 %}

    {% set frac_kbart = container._stats.in_kbart/container._stats.total %}
    {% set frac_preserved = container._stats.is_preserved/container._stats.total %}
    {% set frac_web = container._stats.in_web/container._stats.total %}

    <div class="ui {{ entity_macros.progress_color(frac_web) }} progress" style="margin-bottom: 0.1em;">
      <div class="bar" style="width: {{ (frac_web*100)|int }}%;">
        <div class="progress">{{ (frac_web*100)|int }}%</div>
      </div>
    </div>
    {{ "{:,}".format(container._stats.in_web) }} preserved and available (bright)

    <div class="ui {{ entity_macros.progress_color(frac_preserved) }} progress" style="margin-bottom: 0.1em;">
      <div class="bar" style="width: {{ (frac_preserved*100)|int }}%;">
        <div class="progress">{{ (frac_preserved*100)|int }}%</div>
      </div>
    </div>
    {{ "{:,}".format(container._stats.is_preserved) }} preserved at all (bright or dark)

    <div class="ui {{ entity_macros.progress_color(frac_kbart) }} progress" style="margin-bottom: 0.1em; margin-top: 1em;">
      <div class="bar" style="width: {{ (frac_kbart*100)|int }}%;">
        <div class="progress">{{ (frac_kbart*100)|int }}%</div>
      </div>
    </div>
    {{ "{:,}".format(container._stats.in_kbart ) }} preserved by Keeper (dark)

  {% endif %}
</div>
{% endif %}

{% if container.issnl != None or container.wikidata_qid != None %}
<div class="ui segment attached">
  {% if container.issnl != None %}
    <b>ISSN-L<sup><a href="https://en.wikipedia.org/wiki/International_Standard_Serial_Number#Linking_ISSN">?</a></sup></b> 
    &nbsp;<code>{{ container.issnl }}</code>
  {% endif %}
  {% if container.extra != None and container.extra.issnp != None and (container.extra.issnp|length > 0) %}
    <br><i class="icon paperclip"></i>Print: &nbsp;<code>{{ container.extra.issnp }}</code>
  {% endif %}
  {% if container.extra != None and container.extra.issne != None and (container.extra.issne|length > 0) %}
    <br><i class="icon plug"></i>Electronic: &nbsp;<code>{{ container.extra.issne }}</code>
  {% endif %}
  <br>
  {% if container.wikidata_qid != None %}
    <b>Wikidata</b> &nbsp;<a href="https://wikidata.org/wiki/{{ container.wikidata_qid }}"><code>{{ container.wikidata_qid }}</code></a>
  {% endif %}
</div>
{% endif %}

{% if (container._es and container._es != None) %}
<div class="ui segment attached">
<b>Directory Listings</b><br>
  {% if container._es.in_doaj == True %}
    <i class="icon check green"></i> In <a href="https://doaj.org/toc/{{ container.issnl }}">DOAJ</a><br>
  {% elif container._es.in_doaj == False %}
    <i class="icon times grey"></i> Not in <a href="https://doaj.org">DOAJ</a><br>
  {% endif %}

  {% if container._es.in_road == True %}
    <i class="icon check green"></i> In <a href="http://road.issn.org/issn/{{ container.issnl }}">ISSN ROAD</a><br>
  {% elif container._es.in_road == False %}
    <i class="icon times grey"></i> Not in <a href="https://road.issn.org">ISSN ROAD</a><br>
  {% endif %}

  {% if container._es.in_kbart == True %}
    <i class="icon check green"></i> In <a href="https://thekeepers.org/purl/issn/{{ container.issnl }}">Keepers Registery</a><br>
  {% elif container._es.in_kbart == False %}
    <i class="icon times grey"></i> Not in <a href="https://thekeepers.org/journals?query={{ container.issnl }}">Keepers Registry</a><br>
  {% endif %}

  {% if container.extra and container.extra.sherpa_romeo and container.extra.sherpa_romeo.color %}
    SHERPA/RoMEO color: <code>{{ container.extra.sherpa_romeo.color }}</code>
  {% endif %}
</div>
{% endif %}

<div class="ui segment attached accordion">
  <div class="title" style="padding: 0px;"><i class="dropdown icon"></i><b>Lookup Links</b></div>
  <div class="content">
    {% if container.issnl %}
      <a href="https://portal.issn.org/resource/issn/{{ container.issnl }}">ISSN Portal</a><br>
      <a href="https://thekeepers.org/purl/issn/{{ container.issnl }}">The Keepers Registry</a> (preservation)<br>
      <a href="http://www.sherpa.ac.uk/romeo/issn/{{ container.issnl }}/">SHERPA/RoMEO</a> (access policies)<br>
    {% endif %}
    {% if not container.wikidata_qid %}
      <a href="https://www.wikidata.org/w/index.php?search={{ container.name|urlencode }}">wikidata.org</a><br>
    {% endif %}
  </div>
</div>

{{ entity_macros.fatcat_bits(entity, "container", "", editgroup) }}

</div>
</div>

{% endblock %}