<div class="project-dashboard" ng-controller="Developer.ProjectController" hawtio-card-bg>

  <div hawtio-breadcrumbs></div>
  <div hawtio-tabs></div>

  <!--
  <div class="row filter-header">
    <div class="col-md-12" ng-show="model.environments.length">
      <span ng-show="!id">
        <hawtio-filter ng-model="tableConfig.filterOptions.filterText"
                       css-class="input-xxlarge"
                       placeholder="Filter environments..."></hawtio-filter>
      </span>
    </div>
  </div>
  -->

  <div ng-hide="model.fetched">
    <div class="row">
      <div class="col-md-12">
        <div class="align-center">
          <div class="spinner spinner-lg"></div>
        </div>
      </div>
    </div>
  </div>

  <div ng-show="model.fetched" style="float: none; position: static;">
<!--
    <div class="row page-header-row">
      <div class="col-md-12">
        <h1 class="inline-block">{{id}}</h1>
      </div>
    </div>
-->

    <!--
    <div class="pull-right">
      <a href="{{entity.$build.url}}" class="btn btn-default" target="browse">
        <i class="{{entity.$build.iconClass}}"></i>
        {{entity.$build.label}}
      </a>
    </div>
    -->

    <div class="row row-cards-pf" title="{{env.description}}">
      <div class="col-md-12 environment-rows">
        <div class="card-pf">
          <div class="card-pf-heading">
            <h2 class="card-pf-title inline-block">Environments Overview</h2>
          </div>
          <div class="card-pf-body">
            <div ng-hide="entity.environments.length">
              <div class="row">
                <div class="col-md-12 align-center">
                  <h2>No Environment Available</h2>
                  <p>Environment is a logical place where deployments happen which maps to a kubernetes / openshift namespace.  You will see environments here after you add a build.</p>
                  <a class="btn btn-primary" ng-href="{{settingsLink}}"><i class="fa fa-plus"></i> New Build</a>
                </div>
              </div>
            </div>
            <div ng-show="entity.environments.length">
              <div ng-repeat="env in entity.environments | filter:filterTemplates track by $index"
                class="inline-block environment-block" ng-include="'plugins/developer/html/environmentPanel.html'">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row row-cards-pf">
      <div class="col-md-12">
        <div class="card-pf pipeline">
          <div class="card-pf-heading no-border">
            <h2 class="card-pf-title inline-block">Active Pipelines</h4>
            <a ng-href="{{$projectLink}}/jenkinsJob/{{jobId}}/pipelines">View All Pipelines >></a>
          </div>
          <div class="card-pf-body no-top-margin">
            <div class="full-card-width" ng-controller="Developer.PipelinesController" ng-include="'plugins/kubernetes/html/pendingPipelines.html'"></div>
          </div>
        </div>
      </div>
    </div>

    <div class="row row-cards-pf">
      <div class="col-md-12">
        <div class="card-pf">
          <div class="card-pf-heading">
            <h2 class="card-pf-title inline-block">Commits</h2>
            <a ng-href="{{$projectLink}}/wiki/history//">View All Commits >></a>
          </div>
          <div class="card-pf-body">
            <div ng-include="'plugins/wiki/html/projectCommitsPanel.html'"></div>
          </div>
        </div>
      </div>
    </div>

</div>