<div class="dockerfile-build-dialog-element">
  <!-- Modal message dialog -->
  <div class="modal fade dockerfilebuildModal">
    <div class="modal-dialog">
      <div class="modal-content" ng-show="triggersResource && triggersResource.loading">
        <div class="cor-loader"></div>
      </div>

      <div class="modal-content" ng-show="!triggersResource || !triggersResource.loading">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">
            Start new Dockerfile build
          </h4>
        </div>
        <div class="modal-body">
          <div class="btn-group btn-group-sm" ng-show="triggers.length > 0">
            <button class="btn" ng-class="viewTriggers ? 'btn-default' : 'btn-info active'" ng-click="showTriggers(false)">
              <i class="fa fa-upload"></i>Upload Dockerfile
            </button>
            <button class="btn" ng-class="viewTriggers ? 'btn-info active' : 'btn-default'" ng-click="showTriggers(true)">
              <i class="fa fa-flash"></i>Start Build Trigger
            </button>
          </div>

          <div class="co-alert co-alert-danger" ng-show="errorMessage">
            {{ errorMessage }}
          </div>

          <!-- Upload Dockerfile -->
          <div ng-show="!viewTriggers">
            <div class="dockerfile-build-form" repository="repository" upload-failed="handleBuildFailed(message)"
                 build-started="handleBuildStarted(build)" build-failed="handleBuildFailed(message)" start-now="startCounter"
                 is-ready="hasDockerfile" uploading="uploading" building="building"></div>
          </div>

          <!-- Start Build Trigger -->
          <div ng-show="viewTriggers">
            <table class="trigger-list">
              <tr ng-repeat="trigger in triggers">
                <td><span class="trigger-description" trigger="trigger"></span></td>
                <td>
                  <button class="btn btn-primary" ng-click="runTriggerNow(trigger)" ng-if="trigger.is_connected_user">Run Trigger</button>
                  <span class="empty" ng-if="!trigger.is_connected_user">You cannot start triggers created by another user</span>
                </td>
              </tr>
            </table>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" ng-click="startBuild()" ng-disabled="building || uploading || !hasDockerfile" ng-show="!viewTriggers">Start Build</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
  <div class="manual-trigger-build-dialog" repository="repository" counter="startTriggerCounter"
       trigger="startTrigger"
       build-started="handleBuildStarted(build)"></div>
</div>