{% extends BASE_TEMPLATE %}
{% load thumbnail ui_tags %}

{% block parent %}
<!--
<div id="parent">
<a href="{{ object.parent.links.html }}"><span class="label label-default">{{ object.parent.id }}</span></a>
<a href="{{ object.parent.links.html }}">{{ object.parent.title|safe }}</a>
</div>
-->
{% endblock %}

{% block title %}
{{ object.id }} {% if object.title %}&mdash;{% endif %} {{ object.title|safe }}
{% endblock %}

{% block pagetitle %}
<span class="label label-default">{{ object.id }}</span>
{{ object.title|safe }}
{% endblock %}

{% block breadcrumbs %}{{ block.super }}
<li><a href="{% url "ui-collections-list" %}">Collections</a></li>
<li>{{ object.id }}</li>
{% endblock breadcrumbs %}

{% block content %}
<section id="shop" class="container">

    <div class="row">

        <div class="col-sm-6 col-md-6">
            <h2>{{ object.title }}</h2>
{% if object.links.img %}
  {% thumbnail object.links.thumb "480x480" as img %}
          <a href="{{ object.links.img }}" class="lightbox img-thumbnail" data-plugin-options="{"type":"image"}">
            <img src="{{ img.url }}" class="img-responsive">
          </a>
  {% endthumbnail %}
          <div class="divider"><!-- divider -->
            <i class="fa fa-chevron-down"></i>
          </div>
{% endif %}
        </div>

        <div class="col-sm-6 col-md-6"><!-- right meta col-->
            {% addthis %}
            <div class="desc productDescription">
                <h3 class="page-header">PARTNER</h3>
                    {% include "ui/partnerlogolink.html" %}
                <h3 class="page-header">COLLECTION ID</h3>
                <p>{{ object.id }}</p>
                <h3 class="page-header">DESCRIPTION</h3>
                <p>{{ object.description|safe }}</p>

                <!-- core meta -->
                <div class="row">
                        <div class="col-md-5 col-sm-5">
                            <h3 class="page-header">INCLUSIVE UNIT DATE</h3>
                            <p>{{ object.unitdateinclusive }}</p>
                        </div>

                        <div class="col-md-7 col-sm-7">
                            <h3 class="page-header">BULK UNIT DATE</h3>
                            <p>{{ object.unitdatebulk }}</p>
                        </div>
                </div><!-- end row core meta -->
                <!-- /core meta -->		

                <h3 class="page-header">PHYSICAL DESCRIPTION</h3>
                <p>{{ object.extent }}</p>
                <h3 class="page-header">CONTRIBUTOR</h3>
                <p>{{ object.contributor }}</p>
                <h3 class="page-header">PREFERRED CITATION</h3>
                <p>{{ object.prefercite }}</p>
                <h3 class="page-header">RIGHTS</h3>
                <p>
                    {% rightsbadge object.rights %}
                </p>
            </div><!-- end desc -->
        </div><!-- end right meta col -->
    </div><!-- //row-->

{% if page.object_list %}
    <div class="row">
        <div class="col-sm-12 col-md-12">
            <h3>
                <a href="{% url "ui-object-children" object.id %}">{{ paginator.count }} Objects</a>
            </h3>

            {% for entity in page.object_list %}
            {% listitem entity %}
            {% endfor %}

            {% if paginator.count > 10 %}
            <br />
            <p>
                <a class="btn btn-primary btn-md" href="{% url "ui-object-children" object.id %}">See all objects  <i class="fa fa-arrow-circle-right"></i></a>
            </p>
            {% endif %}
        </div><!-- end list col -->
    </div><!-- .row -->
{% endif %}{# page.object_list #}

    <div class="row">
        <div class="col-sm-12 col-md-12 text-muted text-right">
            <small><a class="api" href="{{ api_url }}">API</a></small>
        </div>
    </div><!-- .row -->

</section><!-- .container -->
{% endblock content %}

{% block footer %}
{% if object.backend_url %}&bull; <a href="{{ object.backend_url }}">json</a>{% endif %}
{% endblock footer %}