<div class="dockerfile-path-select-element">
  <div class="dropdown-select"
       placeholder="'Enter path containing a Dockerfile'"
       selected-item="$ctrl.selectedPath"
       lookahead-items="$ctrl.paths"
       handle-input="$ctrl.setPath(input)"
       handle-item-selected="$ctrl.setSelectedPath(datum.value)"
       allow-custom-input="true"
       hide-dropdown="!$ctrl.supportsFullListing">
    <!-- Icons -->
    <i class="dropdown-select-icon none-icon fa fa-folder-o fa-lg"
       ng-show="$ctrl.isUnknownPath"></i>
    <i class="dropdown-select-icon none-icon fa fa-folder fa-lg" style="color: black;"
       ng-show="!$ctrl.isUnknownPath"></i>
    <i class="dropdown-select-icon fa fa-folder fa-lg"></i>

    <!-- Dropdown menu -->
    <ul class="dropdown-select-menu pull-right" role="menu">
      <li ng-repeat="path in $ctrl.paths">
        <a ng-click="$ctrl.setSelectedPath(path)"
           ng-if="path">
          <i class="fa fa-folder fa-lg"></i> {{ path }}
        </a>
      </li>
      <li class="dropdown-header" role="presentation"
          ng-show="!$ctrl.paths.length">
        No Dockerfiles found in repository
      </li>
    </ul>
  </div>

  <div style="padding: 10px">
    <div class="co-alert co-alert-danger"
         ng-show="!$ctrl.isValidPath && $ctrl.currentPath">
      Path entered for folder containing Dockerfile is invalid: Must start with a '/'.
    </div>
  </div>
</div>