{% extends "telemeta/base.html" %}
{% load i18n %}
{% load telemeta_tags %}
{% load bootstrap_pagination %}

{% block head_title %}{% trans "Media Items" %} - {{ block.super }}{% endblock %}

{% block title %}
<div class='row'>
<div class="col-md-4">
 <img src="{{ STATIC_URL }}telemeta/images/item.png" alt="item" style="vertical-align:middle" /> {% trans "Items" %} ({{ page_obj.start_index }} - {{ page_obj.end_index }} / {{ count }})
</div>
<div class="col-md-8">
{% bootstrap_paginate page_obj range=10 show_first_last="True" %}
</div>
<div class="col-md-0">&nbsp;</div>
</div>
{% endblock %}

{% block title_buttons %}

<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    <span class="glyphicon glyphicon-filter"></span> {% trans "Filters" %} <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="{% url "telemeta-items" %}" class="">{% trans "All" %}</a></li>
    <li><a href="{% url "telemeta-items-unpublished" %}">{% trans "Unpublished" %}</a></li>
    <li><a href="{% url "telemeta-items-published" %}">{% trans "Published" %}</a></li>
    <li><a href="{% url "telemeta-items-sound" %}">{% trans "Digitized" context "item list" %}</a></li>
  </ul>
</div>

{% endblock %}

{% block content %}
{% with object_list as items %}
<div class="fullpage">
{% include "telemeta/inc/mediaitem_list.html" %}
</div>
{% endwith %}
{% endblock %}