<div class="row-fluid" ng-controller="Fabric.FabricApisController">

  <div class="span12 page-padded">
    <div class="section-header">

      <div class="section-filter">
        <input type="text" class="search-query" placeholder="Filter..." ng-model="apiOptions.filterOptions.filterText">
        <i class="icon-remove clickable" title="Clear Filter" ng-click="searchFilter = ''"></i>
      </div>

    </div>
  </div>

  <div class="log-main">
    <div ng-class="isInDashboardClass()">
      <div class="row-fluid">
        <div ng-show="apis.length">
          <div class="gridStyle" ng-grid="apiOptions"></div>
        </div>
        <div class="hero-unit" ng-hide="apis.length">
          <p>There are currently no endpoints running in this fabric exposing APIs</p>

          <p>To try out the API browser try create one of the example <a href="#/wiki/branch/{{versionId}}/view/fabric/profiles/example/quickstarts">quickstarts</a></p>

          <p>Try creating a container for:
            <a class="btn btn-primary"
               href="#/fabric/containers/createContainer?profileIds=example-quickstarts-rest&versionId={{versionId}}">
              REST Quickstart
            </a>
            <a class="btn btn-primary"
               href="#/fabric/containers/createContainer?profileIds=example-quickstarts-soap&versionId={{versionId}}">
              SOAP Quickstart
            </a>
          </p>
        </div>
      </div>
    </div>
  </div>
</div>


