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


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

{% block breadcrumbs %}{{ block.super }}
{% breadcrumbs entity %}
{% endblock breadcrumbs %}



{% block content %}

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


<h1>{{ entity.id }}</h1>


      <ul class="nav nav-tabs" id="tabs">
        <li class="active"><a href="#">Object Metadata</a></li>
{% for role in children_urls %}
        <li>
          <a href="{{ role.url }}">
            {{ role.name|capfirst }}
            {% if role.count %}({{ role.count }}){% endif %}
          </a>
        </li>
{% endfor %}
      </ul>


<div id="overview">


{% if username and models_valid %}
{% if entity.locked or collection.locked or collection.repo_behind or collection.repo_conflicted %}
<p>
<button id="delete" class="btn btn-mini disabled" title="This object is locked"><span class="glyphicon glyphicon-lock"></span> delete</button>
<button class="btn btn-mini" title="This object 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 id="delete" class="btn btn-primary btn-mini" href="{{ entity.delete_url }}"><span class="glyphicon glyphicon-trash"></span> Delete</a>
<a class="btn btn-primary btn-mini" href="{{ entity.edit_url }}"><span class="glyphicon glyphicon-edit icon-white"></span> Edit</a>
</p>
{% endif %}{# conflicted #}
{% endif %}{#username #}

{% if entity.signature_abs %}
<div id="thumbnail" style="float:right; text-align:right;">
{% thumbnail entity.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" entity.signature_id %}">{{ entity.signature_id }}</a></small>
{% empty %}
<p>No image</p>
{% endthumbnail %}
</div><!-- #thumbnail -->
{% endif %}

<dl class="dl-horizontal">
  <dt>Collection</dt>
  <dd><p>
  <a href="{{ collection.absolute_url }}">{{ collection.id }}: {% if collection.title %}{{ collection.title }}{% endif %}</a>
  </p></dd>
{% for lv in entity.labels_values %}
  {% if lv.value %}<dt>{{ lv.label }}</dt><dd>{{ lv.value|safe|linebreaks }}</dd>{% endif %}
{% endfor %}
</dl>

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


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


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

{% endblock content %}



{% block footer %}{{ block.super }}
{% if entity_unlock_url %}
<!-- click to remove entity 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="{{ entity_unlock_url }}">yes</a>
    <a id="unlock-confirm-no" href="">no</a>
  </span>
</div>
{% endif %}
{% endblock footer %}




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

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

  })
</script>
{% endblock %}