<div class="setup-trigger-directive-element">

  <!-- Modal message dialog -->
  <div class="modal fade" id="setupTriggerModal">
    <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">Setup new build trigger</h4>
        </div>
        <div class="modal-body" ng-show="activating">
          <span class="quay-spinner"></span> Setting up trigger...
        </div>
        <div class="modal-body" ng-show="!activating">          
          <!-- Trigger-specific setup -->
          <div class="trigger-description-element trigger-option-section" ng-switch on="trigger.service">
            <div ng-switch-when="github">
              <div class="trigger-setup-github" repository="repository" trigger="trigger"
                   analyze="checkAnalyze(isValid)"></div>
            </div>
          </div>

          <!-- Pull information -->
          <div class="trigger-option-section" ng-show="showPullRequirements">
            <div ng-show="!pullRequirements">
              <span class="quay-spinner"></span> Checking pull credential requirements...
            </div>

            <div ng-show="pullRequirements">
              <div class="alert alert-danger" ng-if="pullRequirements.status == 'error'">
                {{ pullRequirements.message }}
              </div>
              <div class="alert alert-warning" ng-if="pullRequirements.status == 'warning'">
                {{ pullRequirements.message }}
              </div>
              <div class="alert alert-success" ng-if="pullRequirements.status == 'analyzed' && pullRequirements.is_public === false">
                The 
                <a href="{{ pullRequirements.dockerfile_url }}" ng-if="pullRequirements.dockerfile_url" target="_blank">Dockerfile found</a>
                <span ng-if="!pullRequirements.dockerfile_url">Dockerfile found</span>
                depends on Quay.io repository
                <a href="/repository/{{ pullRequirements.namespace }}/{{ pullRequirements.name }}" target="_blank">
                  {{ pullRequirements.namespace }}/{{ pullRequirements.name }}
                </a> which requires
                a robot account for pull access, because it is marked <strong>private</strong>.
              </div>
            </div>

            <table style="width: 100%;" ng-show="pullRequirements">
              <tr>
                <td style="width: 114px">
                  <div class="context-tooltip" data-title="The credentials used by the builder when pulling images from Quay.io" bs-tooltip>
                    Pull Credentials:
                  </div>
                </td>
                <td>
                  <div ng-if="!isNamespaceAdmin(repository.namespace)" style="color: #aaa;">
                    In order to set pull credentials for a build trigger, you must be an Administrator of the namespace <strong>{{ repository.namespace }}</strong>
                  </div>
                  <div class="btn-group btn-group-sm" ng-if="isNamespaceAdmin(repository.namespace)">
                    <button type="button" class="btn btn-default"
                            ng-class="publicPull ? 'active btn-info' : ''" ng-click="setPublicPull(true)">Public</button>
                    <button type="button" class="btn btn-default"
                            ng-class="publicPull ? '' : 'active btn-info'" ng-click="setPublicPull(false)">
                      <i class="fa fa-wrench"></i>
                      Robot account
                    </button>
                  </div>
                </td>
              </tr>
              <tr ng-show="!publicPull">
                <td>                  
                </td>
                <td>
                  <div class="entity-search" namespace="repository.namespace"                       
                       placeholder="'Select robot account for pulling...'"                       
                       current-entity="pullEntity"
                       allowed-entities="['robot']"></div>

                  <div class="alert alert-info" ng-if="pullRequirements.robots.length" style="margin-top: 20px; margin-bottom: 0px;">
                    Note: We've automatically selected robot account <span class="entity-reference" entity="pullRequirements.robots[0]"></span>, since it has access to the Quay.io repository.
                  </div>
                  <div class="alert alert-warning" ng-if="!pullRequirements.robots.length" style="margin-top: 20px; margin-bottom: 0px;">
                    Note: No robot account currently has access to the Quay.io repository. Please create one and/or assign access in the
                    <a href="/repository/{{ pullRequirements.namespace }}/{{ pullRequirements.name }}/admin" target="_blank">repository's admin panel</a>.
                  </div>
                </td>
              </tr>
            </table>
          </div>

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary"
                  ng-disabled="!trigger.$ready || (!publicPull && !pullEntity) || checkingPullRequirements || activating"
                  ng-click="activate()">Finished</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
</div>