<div class="repo-panel-info-element">
  <!-- Repository stats and builds summary -->
  <div class="repository-stats row">
    <!-- Pull Stats -->
    <div class="col-sm-3 stat-col">
      <div class="stat-title">Repo Pulls</div>

      <div class="stat">
        <div class="stat-value">{{ repository.stats.pulls.today | abbreviated }}</div>
        <div class="stat-subtitle">Last 24 hours</div>
      </div>

      <div class="stat">
        <div class="stat-value">{{ repository.stats.pulls.thirty_day | abbreviated }}</div>
        <div class="stat-subtitle">Last 30 days</div>
      </div>
    </div>

    <!-- Push Stats -->
    <div class="col-sm-3 stat-col">
      <div class="stat-title">Repo Pushes</div>

      <div class="stat">
        <div class="stat-value">{{ repository.stats.pushes.today | abbreviated }}</div>
        <div class="stat-subtitle">Last 24 hours</div>
      </div>

      <div class="stat">
        <div class="stat-value">{{ repository.stats.pushes.thirty_day | abbreviated }}</div>
        <div class="stat-subtitle">Last 30 days</div>
      </div>
    </div>

    <!-- Builds -->
    <div class="col-sm-6 builds-list">
      <div class="stat-title">Recent Repo Builds</div>

      <!-- Loading -->
      <div class="cor-loader" ng-if="!builds"></div>

      <!-- No Builds -->
      <div class="empty" ng-if="builds && !builds.length">
        <div class="empty-primary-msg">No builds have been run for this repository.</div>
        <div class="empty-secondary-msg" ng-if="repository.can_write">
          Click on the <i class="fa fa-tasks" style="margin-left: 6px"></i> Builds tab to start a new build.
        </div>
      </div>

      <!-- Builds -->
      <div ng-if="builds && builds.length">
        <div class="build-mini-status" ng-repeat="build in builds" build="build"
             is-admin="repository.can_admin"></div>
      </div>

      <!-- View All -->
      <a href="/repository/{{ repository.namespace }}/{{ repository.name }}?tab=builds"
         class="view-all" ng-if="repository.can_admin && builds.length">
         View Build History
      </a>
    </div>
  </div>

  <!-- Repository Description -->
  <div class="description-container">

    <!-- Pull Controls -->
    <div class="right-controls hidden-sm hidden-xs">
      <div class="right-pull-controls">
        <div>Pull this container with the following Docker command:</div>
        <div class="copy-box" hovering-message="true" value="pullCommand"></div>
      </div>

      <div class="right-sec-controls" quay-show="repository.can_admin && Features.SECURITY_SCANNER">
        <span class="sec-logo">
          <img class="lock" src="/static/img/lock.svg">
          <img class="scan" src="/static/img/scan.svg">
        </span>

        <b>Automated Security Scanning (Preview)</b>
        <div>Continually scanning this repository for 17K+ known vulnerabilities. <a href="https://blog.quay.io/security-scanning-beta" ng-safenewtab>Read more about this feature</a>.</div>
        <div class="configure-alerts" ng-if="!hasEvents">
          <a href="/repository/{{ repository.namespace }}/{{ repository.name }}?tab=settings&add_event=vulnerability_found"><i class="fa fa-bell-o"></i>Configure Vulnerability Alerts</a>
        </div>
        <div class="repository-events-summary" is-enabled="repository.can_admin" repository="repository"
             event-filter="vulnerability_found" has-events="hasEvents"></div>
      </div>
    </div>

    <h4 style="font-size:20px;">Description</h4>

    <div class="description markdown-input"
         content="repository.description"
         can-write="repository.can_write"
         content-changed="updateDescription"
         field-title="'repository description'">
    </div>
  </div>
</div>