<div class="row panel panel-default" style="position: sticky; top: 60px; z-index: 1">
  <div class="panel-body">
    <ol class="breadcrumb" style="margin-top: 0px; margin-bottom: 0px;">
      <li>Thermostat</li>
      <li><a ui-sref="jvmList({ '#': $ctrl.systemId })" translate>jvmInfo.JVM_LIST_BREADCRUMB</a></li>
      <li><a ui-sref="systemInfo({ systemId: $ctrl.systemId })">{{$ctrl.systemHostname}}</a></li>
      <li class="lead">{{$ctrl.jvmInfo.mainClass}}</li>
    </ol>
  </div>
</div>
<div class="container-fluid container-cards-pf">
  <customizable-error-message ng-show="$ctrl.showErr" dismissible="true" err-title="$ctrl.errTitle" err-message="$ctrl.errMessage"></customizable-error-message>

  <div class="row">
    <div class="col-xs-12 col-lg-8">

      <div class="panel-group" id="accordion-markup">
        <div class="panel panel-default">
          <div class="panel-heading">
            <h4 class="panel-title">
              <a data-toggle="collapse" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne" translate>jvmInfo.table.HEADER</a>
            </h4>
          </div>
          <div id="collapseOne" class="panel-collapse collapse in">
            <table class="table table-fixed table-striped table-bordered">
              <thead>
                <tr>
                  <th translate>jvmInfo.table.KEY_COLUMN_LABEL</th>
                  <th translate>jvmInfo.table.VALUE_COLUMN_LABEL</th>
                </tr>
              </thead>
              <tbody class="break-word-wrap">
                <tr>
                  <td translate>jvmInfo.table.USERNAME</td>
                  <td>{{$ctrl.jvmInfo.username}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.UID</td>
                  <td>{{$ctrl.jvmInfo.uid}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.JVM_ID</td>
                  <td>{{$ctrl.jvmInfo.jvmId}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.MAIN_CLASS</td>
                  <td>{{$ctrl.jvmInfo.mainClass}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.START_TIME</td>
                  <td>{{$ctrl.jvmInfo.startTime | date:"medium"}}</td>
                </tr>
                <tr ng-show="!$ctrl.jvmInfo.isAlive">
                  <td translate>jvmInfo.table.STOP_TIME</td>
                  <td>{{$ctrl.jvmInfo.stopTime | date:"medium"}}</td>
                </tr>
                <tr ng-show="$ctrl.jvmInfo.isAlive">
                  <td translate>jvmInfo.table.LAST_UPDATED</td>
                  <td>{{$ctrl.jvmInfo.lastUpdated | date:"medium"}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.JVM_PID</td>
                  <td>{{$ctrl.jvmInfo.jvmPid}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.JAVA_VERSION</td>
                  <td>{{$ctrl.jvmInfo.javaVersion}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.JAVA_HOME</td>
                  <td>{{$ctrl.jvmInfo.javaHome}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.COMMAND_LINE</td>
                  <td>{{$ctrl.jvmInfo.javaCommandLine}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.JVM_NAME</td>
                  <td>{{$ctrl.jvmInfo.jvmName}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.JVM_INFO</td>
                  <td>{{$ctrl.jvmInfo.jvmInfo}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.JVM_VERSION</td>
                  <td>{{$ctrl.jvmInfo.jvmVersion}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.JVM_ARGUMENTS</td>
                  <td>{{$ctrl.jvmInfo.jvmArguments}}</td>
                </tr>
                <tr>
                  <td translate>jvmInfo.table.CLASSPATH</td>
                  <td>{{$ctrl.jvmInfo.classpath}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="panel panel-default">
          <div class="panel-heading">
            <h4 class="panel-title">
              <a data-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" translate>jvmInfo.table.ENV_VARS_HEADER</a>
            </h4>
          </div>
          <div id="collapseTwo" class="panel-collapse collapse">
            <table class="table table-fixed table-striped table-bordered">
              <thead>
                <tr>
                  <th translate>jvmInfo.table.KEY_COLUMN_LABEL</th>
                  <th translate>jvmInfo.table.VALUE_COLUMN_LABEL</th>
                </tr>
              </thead>
              <tbody class="break-word-wrap">
                <tr ng-repeat="env in $ctrl.jvmInfo.environment">
                  <td>{{env.key}}</td>
                  <td>{{env.value}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>

  <btn ng-show="$ctrl.jvmInfo.isAlive" class="btn btn-default" ng-click="$ctrl.killVm()" translate>jvmInfo.killVm.BUTTON_LABEL</btn>

  <div class="row">

    <div class="col-xs-12 col-md-3">
      <label for="metricCombo" class="label label-primary" translate>jvmInfo.subview.LABEL</label>
      <select name="metricCombo" class="combobox form-control" ng-model="$ctrl.subView">
        <option value="" style="display:none" selected="selected" disabled translate>jvmInfo.subview.DISABLED</option>
        <option value="" translate>jvmInfo.subview.NONE</option>
        <option value="jvmMemory" translate>jvmInfo.subview.MEMORY</option>
        <option value="jvmGc" translate>jvmInfo.subview.GC</option>
        <option value="jvmIo" translate>jvmInfo.subview.IO</option>
        <option value="byteman" translate>jvmInfo.subview.BYTEMAN</option>
      </select>
    </div>

  </div>

  <div class="row">
    <ui-view></ui-view>
  </div>

</div>
<!-- /container -->