<div class="repo-count-checker-element">
  <div class="required-plan" ng-show="isEnabled && planRequired && planRequired.title">
    <div class="co-alert co-alert-info">
      In order to make this repository private under
      <strong ng-if="isUserNamespace">your personal namespace</strong>
      <strong ng-if="!isUserNamespace">organization <b>{{ repo.namespace }}</b></strong>, you will need to upgrade your plan to
      <b style="border-bottom: 1px dotted black;" data-html="true"
         data-title="{{ '<b>' + planRequired.title + '</b><br>' + planRequired.privateRepos + ' private repositories' }}" bs-tooltip>
        {{ planRequired.title  }}
      </b>.
      This will cost $<span>{{ planRequired.price / 100 }}</span>/month.
        <a class="btn btn-primary" ng-click="upgradePlan()" ng-show="!planChanging">Upgrade now</a>
      </div>
      <span ng-if="isUserNamespace && user.organizations.length == 1" style="margin-left: 6px; display: inline-block;">or did you mean to have this repository under the <b>{{ user.organizations[0].name }}</b> namespace?</span>
      <div class="cor-loader-inline" ng-show="planChanging"></div>
    </div>
    <div class="cor-loader-inline" ng-show="isEnabled && checkingPlan"></div>
    <div class="required-plan" ng-show="isEnabled && planRequired && !isUserNamespace && !planRequired.title">
      <div class="co-alert co-alert-warning">
        This organization has reached its private repository limit. Please contact your administrator.
      </div>
    </div>
  </div>
</div>