{% extends "layout.html" %}
{% block content %}

<div class="pagetitle" id="publishersindex-title">INDEX OF PUBLISHERS</div>

<table id="publishersindex-table">
<thead> 
  <tr>
    <th>ID</th>
    <th>Creator's Name</th>
    <th>Alternative aliases</th>
    <th>Description</th>
  </tr>
</thead>
<tbody>
{% for x in results['results']['bindings']%}
<tr>
    <th><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
    <th class="label"><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["publishersLabel"]['value'] }}</a></th>
    <th>
    {% if "publishersAltLabel" in x %}
        {{ x["publishersAltLabel"]["value"] }}
    {% endif %}
    </th>
    <th class="description">
    {% if "publishersDescription" in x %}
        {{ x["publishersDescription"]["value"] }}
    {% endif %}
    </th>
</tr>
{% endfor %}

</tbody>
</table>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript"  src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>
<script type="text/javascript"  src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


<script>
$(document).ready(function(){
    $('#publishersindex-table').dataTable({
        ordering: false,
        searching: false,
        lengthChange: false,
        pageLength:20,
        info:     false
    });
});
</script>


{% endblock content %}