<div class="prototype-manager-element">
  <div class="quay-spinner" ng-show="loading"></div>

  <div class="cor-container" ng-show="!loading">
    <div class="alert alert-info">
      Default permissions provide a means of specifying <span class="context-tooltip" data-title="By default, all repositories have the creating user added as an 'Admin'" bs-tooltip="tooltip.title">additional</span> permissions that should be granted automatically to a repository <strong>when it is created</strong>.
    </div>

    <div class="side-controls">
      <button class="btn btn-success" ng-click="showAddDialog()">
        <i class="fa fa-plus"></i>
        New Default Permission
      </button>
    </div>

    <table class="table">
      <thead>
        <th>
          <span class="context-tooltip"
                data-title="The user or robot that is creating a repository. If '(Organization Default)', then any repository created in this organization will be granted the permission."
                bs-tooltip="tooltip.title" data-container="body">
            Repository Creator
          </span>
        </th>
        <th>
          <span class="context-tooltip" data-title="The user, robot or team that is being granted the permission"
                bs-tooltip="tooltip.title" data-container="body">
            Applies To User/Robot/Team
          </span>
        </th>
        <th>Permission</th>
        <th style="width: 150px"></th>
      </thead>

      <tr ng-repeat="prototype in prototypes | orderBy:comparePrototypes">
        <td>
          <span class="entity-reference block-reference" entity="prototype.activating_user"
                namespace="organization.name" ng-show="prototype.activating_user"></span>

          <span ng-show="!prototype.activating_user" style="font-variant: small-caps; font-weight: bold; font-size: 16px;">
            (Organization Default)
          </span>
        </td>
        <td>
          <span class="entity-reference block-reference" entity="prototype.delegate" namespace="organization.name"></span>
        </td>
        <td>
          <span class="role-group" current-role="prototype.role" role-changed="setRole(role, prototype)" roles="roles"></span>
        </td>
        <td>
          <span class="delete-ui" delete-title="'Delete Permission'" perform-delete="deletePrototype(prototype)"></span>
        </td>
      </tr>
    </table>
  </div>

  <!-- Modal message dialog -->
  <div class="modal fade" id="addPermissionDialogModal">
    <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">Create Default Permission</h4>
        </div>
        <div class="modal-body">
          <div class="super-option">
            <table style="width: 100%;">
              <tr>
                <td>Applies when a repository is created by:</td>
                <td>
                  <div class="btn-group btn-group-sm">
                    <button type="button" class="btn btn-default"
                            ng-class="newForWholeOrg ? 'active btn-info' : ''" ng-click="setNewForWholeOrg(true)">Anyone</button>
                    <button type="button" class="btn btn-default"
                            ng-class="newForWholeOrg ? '' : 'active btn-info'" ng-click="setNewForWholeOrg(false)">A specific user</button>
                  </div>
                </td>
              </tr>
            </table>
          </div>

          <table>
            <tr ng-show="!newForWholeOrg">
              <td>Repository Creator:</td>
              <td>
                <span class="entity-search" namespace="organization.name"
                      placeholder="'User/Robot'"
                      allowed-entities="['user', 'robot']"
                      current-entity="activatingForNew"
                      clear-value="clearCounter">
                </span>
              </td>
            </tr>
            <tr>
              <td>Permission:</td>
              <td>
                <span class="role-group" current-role="newRole" role-changed="setRoleForNew(role)" roles="roles"></span>
              </td>
            </tr>
            <tr>
              <td>Applied To:</td>
              <td>
                <span class="entity-search" namespace="organization.name" placeholder="'User/Robot/Team'"
                      current-entity="delegateForNew"
                      clear-value="clearCounter">
                </span>
              </td>
            </tr>
          </table>
        </div>
        <div class="modal-footer">
          <button ype="button" class="btn btn-primary" ng-disabled="!(newForWholeOrg || activatingForNew) || !delegateForNew" ng-click="createPrototype()">
            Create Permission
          </button>
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

</div>