<div class="resource-view" resource="repositories">
  <div class="repo-listing">
    <!-- Titles -->
    <div ng-if="starred" class="repo-list-title">
      <i class="fa fa-star"></i>
      Starred
    </div>
    <div ng-if="!starred && user.username == namespace.username" class="repo-list-title">
      <span class="avatar" size="24" hash="namespace.avatar"></span>
      {{ namespace.username }}
    </div>
    <div ng-if="!starred && user.username != namespace.username" class="repo-list-title">
      <span class="avatar" size="24" hash="namespace.avatar"></span>
      <a href="/organization/{{ namespace.name }}">{{ namespace.name }}</a>
    </div>

    <!-- Repositories -->
    <div ng-if="repositories.length > 0">
      <div class="row">
        <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12" ng-repeat="repository in repositories">
          <div class="panel panel-default">
            <div class="panel-body" ng-class="repository.is_starred ? 'starred' : ''">
              <div class="row">
                <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 repo-panel-title-row">
                  <span class="repo-icon repo-circle no-background" repo="repository"></span>
                  <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}" class="repo-panel-repo-link"
                     data-repo="{{repository.namespace}}/{{ repository.name }}">
                     {{ repository.namespace }}/{{ repository.name }}
                  </a>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <i ng-class="repository.is_starred ? 'starred fa fa-star' : 'fa fa-star-o'" class="star-icon" ng-click="toggleStar({repository: repository})"></i>
                </div>
              </div>
            <div class="description markdown-view" content="repository.description" first-line-only="true"></div>
          </div>
        </div>
      </div>
    </div>

    <!-- Empty Messages -->
    <div ng-if="starred && repositories.length == 0">
      <div class="empty-primary-msg">You haven't starred any repositories yet.</div>
      <div class="empty-secondary-msg">Stars allow you to easily access your favorite repositories.</div>
    </div>
    <div ng-if="!starred && repositories.length == 0">
      <div class="empty-primary-msg">This namespace doesn't have any viewable repositories.</div>
      <div class="empty-secondary-msg">Either no repositories exist yet or you may not have permission to view any. If you have permission, try <a href="/new">creating a new repository</a>.</div>
    </div>

    <!-- HR -->
    <div class="row">
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <hr>
      </div>
    </div>

  </div>
</div>