{% extends theme("layout.html") %}
{% block body %}
<div class="discover">
  {% if page == 'authorlist' %}
    <i class="authorlist-icon bi bi-person" aria-hidden="true"></i>
  {% endif %}
  {% if page == 'catlist' %}
    <i class="catlist-icon bi bi-tags" aria-hidden="true"></i>
  {% endif %}
  {% if page == 'downloadlist' %}
    <i class="downloadlist-icon bi bi-download" aria-hidden="true"></i>
  {% endif %}
  {% if page == 'langlist' %}
    <i class="langlist-icon bi bi-flag" aria-hidden="true"></i>
  {% endif %}
  {% if page == 'publisherlist' %}
    <i class="publisherlist-icon bi bi-type" aria-hidden="true"></i>
  {% endif %}
  {% if page == 'ratingslist' %}
    <i class="ratingslist-icon bi bi-star" aria-hidden="true"></i>
  {% endif %}
  {% if page == 'formatslist' %}
    <i class="formatslist-icon bi bi-file-earmark" aria-hidden="true"></i>
  {% endif %}
  {% if page == 'serieslist' %}
    <i class="serieslist-icon bi bi-bookmark" aria-hidden="true"></i>
  {% endif %}
  <h2 class="{{ page }}">{{ _(title)|replace(':', ' —')|replace("'", "") }}</h2>

  <div class="filterheader caliblur-filterheader d-none d-sm-block">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    {% if entries.__len__() and data == 'author' %}
      <div id="sort_name" class="btn btn-primary"><b>B,A <-> A B</b></div>
    {% endif %}
    <div id="asc" data-order="{{ order }}" data-id="{{ data }}" class="btn btn-primary{% if order == 1 %} active{% endif %}"><i class="bi bi-sort-alpha-down"></i></div>
    <div id="desc" data-id="{{ data }}" class="btn btn-primary{% if order == 0 %} active{% endif %}"><i class="bi bi-sort-alpha-up"></i></div>
    {% if charlist|length %}
      <div id="all" class="active btn btn-primary {% if charlist|length > 9 %}d-none d-sm-inline-block{% endif %}">{{ _('All') }}</div>
    {% endif %}
    <div class="btn-group character {% if charlist|length > 9 %}d-none d-sm-inline-flex{% endif %}" role="group">
      {% for char in charlist %}
        <div class="btn btn-primary char">{{ char[0] }}</div>
      {% endfor %}
    </div>

    {% if data == "series" %}
      <button class="update-view btn btn-primary" data-target="series_view" id="grid-button" data-view="grid">{{ _('Grid') }}</button>
    {% endif %}
  </div>

  <div class="container1">
    <div id="list" class="col-12{% if entries|length > 20 %} col-sm-6{% endif %}">
      {% for entry in entries %}
        {% if loop.index0 == (loop.length / 2 + loop.length % 2)|int and loop.length > 20 %}
          </div>
          <div id="second" class="col-12 col-sm-6">
        {% endif %}
        <div class="row" {% if entry[0].sort %}data-name="{{ entry[0].name }}"{% endif %} data-id="{% if entry[0].sort %}{{ entry[0].sort }}{% else %}{% if entry[0].format %}{{ entry[0].format }}{% else %}{% if entry[0].rating %}{{ entry[0].rating }}{% else %}{{ entry[0].name }}{% endif %}{% endif %}{% endif %}">
          <div class="col-2 col-sm-2 col-md-1 text-start"><span class="badge">{{ entry[1] }}</span></div>
          <div class="col-10 col-sm-10 col-md-11"><a id="list_{{ loop.index0 }}" href="{% if entry.format %}{{ url_for('web.books_list', data=data, sort_param='stored', book_id=entry.format) }}{% else %}{{ url_for('web.books_list', data=data, sort_param='stored', book_id=entry[0].id) }}{% endif %}">
            {% if entry.name %}
              <div class="rating">
                {% for number in range(entry.name|int) %}
                  <i class="bi bi-star-fill good"></i>
                  {% if loop.last and loop.index < 5 %}
                    {% for numer in range(5 - loop.index) %}
                      <i class="bi bi-star"></i>
                    {% endfor %}
                  {% endif %}
                {% endfor %}
              </div>
            {% else %}
              {% if entry.format %}
                {{ entry.format }}
              {% else %}
                {{ entry[0].name }}
              {% endif %}
            {% endif %}
          </a></div>
        </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endblock %}
{% block js %}
<script src="{{ url_for('static', filename='js/filter_list.js') }}"></script>
{% endblock %}