<div class="container" ng-hide="repo">
  No repository found
</div>

<div class="container repo" ng-show="repo">
  <!-- Repo Header -->
  <div class="header">
    <h3>
      <span class="glyphicon glyphicon-hdd"></span> <span style="color: #aaa;"> {{repo.namespace}}</span> <span style="color: #ccc">/</span> {{repo.name}}
    </h3>
  </div>

  <!-- Description -->
  <p ng-class="'description lead ' + (repo.can_write ? 'editable' : 'noteditable')" ng-click="editDescription()"><span class="content">{{repo.description}}</span><span class="glyphicon glyphicon-pencil"></span></p>

  <!-- Tab bar -->
  <ul class="nav nav-tabs">
  <li>
    <span class="tag-dropdown dropdown">
      <span class="glyphicon glyphicon-bookmark"></span>
      <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">{{currentTag.name}} <b class="caret"></b></a>
      <ul class="dropdown-menu">
	<li ng-repeat="tag in repo.tags">
	  <a href="{{ '#/repository/' + repo.namespace + '/' + repo.name + '/' + tag.name }}">{{tag.name}}</a>
	</li>
      </ul>
    </span>

  </li>
  <li class="active"><a href="javascript:void(0)">Current Image</a></li>
  <li><a href="javascript:void(0)">Image History</a></li>
  </ul>

  <div id="current-image">
      <dl class="dl-horizontal">
	<dt>Created</dt>
	<dd>{{ currentTag.image.created }}</dd>

	<dt>ID</dt>
	<dd>{{ currentTag.image.id }}</dd>
      </dl>

      <div ng-show="currentTag.image.comment">
	<strong>Description:</strong>
	<blockquote style="margin-top: 10px;">
	{{ currentTag.image.comment || '' }}
	</blockquote>
      </div>
  </div>

  <!-- Modal edit for the description -->
<div class="modal fade" id="editModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Edit Repository Description</h4>
      </div>
      <div class="modal-body">
        <textarea id="descriptionEdit" placeholder="Enter description">{{ repo.description }}</textarea>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" ng-click="saveDescription()">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
  
</div>