{% extends 'main.html' %}

{% block headerlinks %}
<!--
  ~  BicBucStriim
  ~
  ~  Copyright (c) 2012-2015 Rainer Volz
  ~  Licensed under MIT License, see LICENSE
  ~
  -->

<link rel="related" href="{{page.rot}}/opds/"
	type="application/atom+xml;profile=opds-catalog" title="OPDS index">
<link rel="alternate" href="{{page.rot}}/opds/serieslist/" 
	type="application/atom+xml;profile=opds-catalog" title="OPDS catalog: by series">
{% endblock %}

{% block pid %}id="pseries"{%endblock%}

{% block content %}
<ul data-role="listview" data-filter="false">	
	{% for this_series in series %}
		{% if series.initial != "" %}
			<li data-role="list-divider"> {{ this_series.initial }}</li>
		{% else %}
			<li>
				<a href="{{page.rot}}/series/{{ this_series.id }}/0/">{{ this_series.name }}
				<span class="ui-li-count">{{ this_series.anzahl }}</span></a>
			</li>
		{% endif %}
  	{% endfor %}
</ul>
{% endblock %}


{% block leftpanel %}
<section data-role="panel" data-display="overlay" data-position="left" id="series_options_panel">
    <h2>{{page.glob.l10n.pagination_search}}</h2>

    <form action="{{page.rot}}/search/"
          method="get" class="ui-bar-a">
        <div data-role="fieldcontain" class="ui-hide-label">
            <label for="search">{{page.glob.l10n.pagination_search_lbl}}</label>
            <input type="search" name="search" id="search" value="{{search}}"
                   placeholder="{{page.glob.l10n.pagination_search_ph}}" autofocus="true"/>
        </div>
    </form>
</section>
{% endblock %}