{% extends "webui/collections/base.html" %}
{% load bootstrap_pagination thumbnail webui_tags %}


{% block title %}Objects | {{ collection.id }}{% endblock %}

{% block breadcrumbs %}{{ block.super }}
{% breadcrumbs collection "Objects" %}
{% endblock breadcrumbs %}


{% block content %}

  <div class="row-fluid">
    <div class="span12">

<h1>
{{ collection.id }}
{% if collection.title %}&mdash; {{ collection.title }}{% endif %}
</h1>


      <ul class="nav nav-tabs" id="tabs">
        <li><a href="{{ collection.absolute_url }}">Collection Metadata</a></li>
        <li class="active"><a href="#">Objects</a></li>
      </ul>


{% if username and models_valid %}
{% if collection.locked or collection.repo_behind or collection.repo_conflicted %}
<p>
<button class="btn btn-mini" title="This collection is locked"><span class="glyphicon glyphicon-lock"></span> New object [locked]</button>
{% if collection.repo_behind %}<span id="edit-alert" class="alert alert-error">Editing is disabled until collection is synced.</span>{% endif %}
{% if collection.repo_conflicted %}<span id="edit-alert" class="alert alert-error">Editing is disabled until merge conflict is resolved.</span>{% endif %}
</p>
{% else %}
<p>
<a href="{{ collection.new_entity_url }}" class="btn btn-primary btn-small"><span class="glyphicon glyphicon-plus icon-white"></span> New object</a>
</p>
{% endif %}{# conflicted #}
{% endif %}{#username #}


{% if page.object_list %}
  <div>
    {{ paginator.count }} items<br/>
  </div>


{% if paginator.num_pages > 1 %}
{% bootstrap_paginate page range=10 show_first_last="true" %}
{% endif %}

<table class="table table-condensed">
  <thead>
	<tr>
	  <th></th>
	  <th>ID</th>
	  <th>Title</th>
	</tr>
  </thead>
  <tbody>

{% for entity in page.object_list %}
    <tr>
      <td>
        {% if entity.signature_id %}
        {% thumbnail entity.signature_abs "100x100" crop="center" as img %}
        <a href="{{ entity.absolute_url }}">
          <img class="img-responsive img-thumbnail" src="{{ img.url }}" width="{{ img.width }}" height="{{ img.height }}">
        </a>
        {% endthumbnail %}
        {% endif %}
      </td>
      <td>
        <a href="{{ entity.absolute_url }}">
          {{ entity.id }}
        </a>
      </td>
      <td>
        {% if entity.title %}
        <a href="{{ entity.absolute_url }}">{{ entity.title }}</a>
        {% endif %}
      </td>
    </tr>
{% endfor %}

  </tbody>
</table>

{% if paginator.num_pages > 1 %}
{% bootstrap_paginate page range=10 show_first_last="true" %}
{% endif %}

{% else %}
<p>
This collection has no objects.
</p>
{% endif %}

 
    </div><!-- .span4 -->
  </div><!-- .row -->

{% endblock content %}