<div class="trigger-setup-custom-element">
  <div class="selected-info" ng-show="nextStepCounter > 0">
    <table style="width: 100%;">
      <tr ng-show="nextStepCounter > 0">
        <td width="200px">Repository</td>
        <td>{{ state.build_source }}</td>
      </tr>

      <tr ng-show="nextStepCounter > 1">
        <td>Dockerfile Location:</td>
        <td>
          <div class="dockerfile-location">
            <i class="fa fa-folder fa-lg"></i> {{ state.subdir || '/' }}
          </div>
        </td>
    </table>
  </div>

  <!-- Step view -->
  <div class="step-view" next-step-counter="nextStepCounter" current-step-valid="currentStepValid"
       steps-completed="stepsCompleted()">

    <!-- Git URL Input -->
    <!-- TODO(jschorr): make nopLoad(callback) no longer required -->
    <div class="step-view-step" complete-condition="trigger['config']['build_source']" load-callback="nopLoad(callback)"
         load-message="Loading Git URL Input">
      <div style="margin-bottom: 12px;">Please enter an HTTP or SSH style URL used to clone your git repository:</div>
      <input class="form-control" type="text" placeholder="git@example.com:namespace/repository.git" style="width: 100%;"
             ng-model="state.build_source" ng-pattern="/(((http|https):\/\/)(.+)|\w+@(.+):(.+))/">
    </div>

    <!-- Dockerfile folder select -->
    <div class="step-view-step" complete-condition="trigger.$ready" load-callback="nopLoad(callback)"
         load-message="Loading Folder Input">
       <div style="margin-bottom: 12px">Dockerfile Location:</div>
       <input class="form-control" type="text"  placeholder="/" style="width: 100%;"
              ng-model="state.subdir" ng-pattern="/^($|\/|\/.+)/">
    </div>
  </div>
</div>
