<div class="dockerfile-build-form-element">
  <div ng-show="building">
    <div class="quay-spinner"></div>
  </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">
    <table>
      <tr>
        <td style="vertical-align: middle;">Dockerfile or <code>.tar.gz</code> or <code>.zip</code>:</td>
        <td><input id="file-drop" class="file-drop" type="file" file-present="internal.hasDockerfile">
      </tr>
      <tr>
        <td></td>
        <td>
          <div class="help-text">If an archive, the Dockerfile must be at the root</div>
        </td>
      </tr>
      <tr>
        <td>Base Image Pull Credentials:</td>
        <td>
          <!-- 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 fa-wrench"></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>
        </td>
      </tr>
    </table>
  </div>
</div>