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

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

{% block breadcrumbs %}{{ block.super }}
{% breadcrumbs collection %}
{% 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 class="active"><a href="#">Collection Metadata</a></li>
        <li><a href="{{ collection.children_url }}">Objects</a></li>
      </ul>


<div id="overview">


{% 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> Edit [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 class="btn btn-mini btn-primary" href="{{ collection.edit_url }}"><span class="glyphicon glyphicon-edit icon-white"></span> Edit</a>
</p>
{% endif %}{# conflicted #}
{% endif %}{#username #}

{% if collection.signature_abs %}
<div id="thumbnail" style="float:right; text-align:right;">
{% thumbnail collection.signature_abs "300x300" crop="center" as img %}
<img class="img-responsive img-thumbnail" src="{{ img.url }}" width="{{ img.width }}" height="{{ img.height }}">
<br/>
<small><a href="{% url "webui-file" collection.signature_id %}">{{ collection.signature_id }}</a></small>
{% empty %}
<p>No image</p>
{% endthumbnail %}
</div><!-- #thumbnail -->
{% endif %}

<dl class="dl-horizontal">
{% for lv in collection.labels_values %}
  {% if lv.value %}<dt>{{ lv.label }}</dt><dd>{{ lv.value|safe|linebreaks }}</dd>{% endif %}
{% endfor %}
</dl>

</div><!-- #overview -->


{% if collection.model_def_fields_removed %}
  <div class="text-danger bg-danger">
    {{ collection.model_def_fields_removed_msg }}
  </div>
{% endif %}
{% if collection.model_def_fields_added %}
  <div class="text-info bg-info">
    {{ collection.model_def_fields_added_msg }}
  </div>
{% endif %}
{% if collection.model_def_commits_msg %}
  <div class="text-{{ collection.model_def_commits_alert }} bg-{{ collection.model_def_commits_alert }}">
    {{ collection.model_def_commits_msg }}
  </div>
{% endif %}

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

{% endblock content %}



{% block footer %}{{ block.super }}
{% if collection_unlock_url %}
<!-- click to remove collection lock file -->
<div>
  <a id="unlock-unlock" class="muted" href="">unlock</a>
  <span id="unlock-confirm" style="display:none;">
    are you sure?
    <a id="unlock-confirm-yes" href="{{ collection_unlock_url }}">yes</a>
    <a id="unlock-confirm-no" href="">no</a>
  </span>
</div>
{% endif %}

{% endblock footer %}



{% block javascript %}{{ block.super }}
<script>
  $(function () {

  {% if unlock_task_id %}
    /* unlock link */
    $('a#unlock-unlock').click(function() {
      $('span#unlock-confirm').show(); return false;
    });
  {% endif %}

  })
</script>
{% endblock javascript %}