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

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

{% block title %}
    <div class='row'>
        <div class="col-md-5">
            <img src="{{ STATIC_URL }}telemeta/images/item.png" alt="item"
                 style="vertical-align:middle"/> {% trans "Items" %}

            {% block instru_name_h %}{% endblock %}({{ page_obj.start_index }} - {{ page_obj.end_index }} / {{ count }})
            <br/>{{ enum_name }} / {{ enum_value }}
        </div>
        <div class="col-md-7">
            {% 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">
            {% if keyword %}
                <li><a href="{% block url_all_keyword %}{% url "telemeta-keyword-list-item" enum id %}{% endblock %}" class="">{% trans "All" %}</a>
                </li>
                <li><a href="{% block url_unpublished_keyword %}{% url "telemeta-keyword-list-item-unpublished" enum id %}{% endblock %}">{% trans "Unpublished" %}</a>
                </li>
                <li><a href="{% block url_published_keyword %}{% url "telemeta-keyword-list-item-published" enum id %}{% endblock %}">{% trans "Published" %}</a>
                </li>
                <li><a href="{% block url_sound_keyword %}{% url "telemeta-keyword-list-item-sound" enum id %}{% endblock %}">{% trans "Digitized" context "item list" %}</a>
                </li>
            {% else %}
                <li><a href="{% block url_all %}{% url "telemeta-enumeration-list-item" enum id %}{% endblock %}" class="">{% trans "All" %}</a>
                </li>
                <li><a href="{% block url_unpublished %}{% url "telemeta-enumeration-list-item-unpublished" enum id %}{% endblock %}">{% trans "Unpublished" %}</a>
                </li>
                <li><a href="{% block url_published %}{% url "telemeta-enumeration-list-item-published" enum id %}{% endblock %}">{% trans "Published" %}</a>
                </li>
                <li><a href="{% block url_sound %}{% url "telemeta-enumeration-list-item-sound" enum id %}{% endblock %}">{% trans "Digitized" context "item list" %}</a>
                </li>
            {% endif %}
        </ul>

    </div>

    <div>
        <label style="display:inline-block;vertical-align:middle">{% trans "results per page" %}:</label>
        <div style="display:inline-block;vertical-align:middle">
            <select id="results-per-page" name="results_page">
                <option {% ifequal results_page 20 %}selected{% endifequal %} value="20">20</option>
                <option {% ifequal results_page 50 %}selected{% endifequal %} value="50">50</option>
                <option {% ifequal results_page 100 %}selected{% endifequal %} value="100">100</option>
                <option {% ifequal results_page 250 %}selected{% endifequal %} value="250">250</option>
                <option {% ifequal results_page 500 %}selected{% endifequal %} value="500">500</option>
                <option {% ifequal results_page 1000 %}selected{% endifequal %} value="1000">1000</option>
                <option {% ifequal results_page 10000 %}selected{% endifequal %} value="10000">10000</option>
            </select>
        </div>
    </div>

{% endblock %}

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

{% block extra_stylesheets %}
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}telemeta/css/jquery-ui.css"/>
{% endblock %}


{% block extra_javascript %}

    <script src="{{ STATIC_URL }}jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
    <script src="{{ STATIC_URL }}telemeta/js/mediaitem_list.js" type="application/javascript"></script>

{% endblock %}