<div class="dockerfile-build-form-element">
  <div class="cor-loader" ng-show="building"></div>
  <div ng-show="uploading">
    <span class="message">Uploading file {{ upload_file }}</span>
    <div class="progress progress-striped active">
      <div class="progress-bar"  role="progressbar" aria-valuenow="{{ upload_progress }}" aria-valuemin="0" aria-valuemax="100" style="{{ 'width: ' + upload_progress + '%' }}">
      </div>
    </div>
  </div>

  <div ng-show="!uploading && !building">
    <dl>
      <dt>Dockerfile or <code>.tar.gz</code> or <code>.zip</code>:</dt>
      <dd>
        <input id="file-drop" class="file-drop" type="file" file-present="internal.hasDockerfile">
        <div class="help-text">If an archive, the Dockerfile must be at the root</div>
      </dd>
    </dl>

    <dl>
      <dt>Base Image Pull Credentials:</dt>
      <dd style="margin: 20px;">
        <!-- Select credentials -->
        <div class="btn-group btn-group-sm">
          <button type="button" class="btn btn-default"
                  ng-class="is_public ? 'active btn-info' : ''"
                  ng-click="is_public = true">
            None
          </button>
          <button type="button" class="btn btn-default"
                  ng-class="is_public ? '' : 'active btn-info'"
                  ng-click="is_public = false">
            <i class="fa ci-robot"></i>
            Robot account
          </button>
        </div>

        <!-- Robot Select -->
        <div ng-show="!is_public" style="margin-top: 10px">
          <div class="entity-search" namespace="repository.namespace"
               placeholder="'Select robot account for pulling...'"
               current-entity="pull_entity"
               allowed-entities="['robot']"></div>
        </div>
      </dd>
    </dl>
  </div>
</div>