<div class=“panel panel-default”>

<!-- Default panel contents -->
<div class="panel-heading">

  <span class="">
    Report: 
    <samp>{{ ctrl.report.configuration_version }}</samp>
    <span class="badge" ng-pluralize
  count="ctrl.report.log_entries.length"
  when="{'0': 'no output',
    '1': '1 line',
    'other': '{} lines'}"></span>
  </span>

  <div class="btn-group">&nbsp;&nbsp;&nbsp;&nbsp;</div>
  Show more information: 
  <div class="btn-group">
    <button 
      type="button"
      class="btn btn-default btn-sm dropdown-toggle"
      ng-init="dropdown = false"
      ng-click="dropdown = !dropdown">
      {{ settings.report.info ? 'Yes' : 'No' }} <span class="caret"></span>
    </button>
    <ul 
      class="dropdown-menu"
      role="menu"
      ng-click="event.preverntDefault();"
      ng-class="{'ws-show-block': dropdown}">
      <li><a href="" ng-click="settings.report.info = true; dropdown = !dropdown">Yes</a></li>
      <li><a href="" ng-click="settings.report.info = false; dropdown = !dropdown">No</a></li>
    </ul>
  </div>
</div>

<table class="table table-hover" ng-show="settings.report.info">
  <tbody>
    <tr>
      <th>Host</th>
      <td><samp>{{ ctrl.report.host }}</samp></td>
      <th>Status</th>
      <td><span class="label label-{{ ctrl.report.status | colorizeStatus }}">{{ ctrl.report.status | uppercase }}</span></td>
    </tr>
    <tr>
      <th>Date of report</th>
      <td title="{{ ctrl.report.time }}">{{ ctrl.report.time | amCalendar }}</td>
      <th>Configuration version</th>
      <td><samp>{{ ctrl.report.configuration_version }}</samp></td>
    </tr>
    <tr>
      <th>Environment</th>
      <td>{{ ctrl.report.environment }}</td>
      <th>Puppet version</th>
      <td><samp>{{ ctrl.report.puppet_version }}</samp></td>
    </tr>
  </tbody>
</table>

<!-- Table -->
<table
  class="table table-condensed table-hover herald-table-report"
  ng-class="{puppet3: settings.colorSyntax.selected.value == 'puppet3'}">
  <tbody>
    <tr>
      <td class="unselectable"></td>
      <td class="unselectable"># puppet {{ ctrl.report.kind }} [...]</td>
    </tr>
    <tr ng-repeat="entry in ctrl.report.log_entries | orderBy:'time'">
      <td class="unselectable">{{ $index + 1 }}</td>
      <td class="herald-log-{{ entry.level }}">{{ entry.level | capitalize }}: {{ entry.source }}: {{ entry.message }}</td>
    </tr>
  </tbody>
</table>

</div>