{% verbatim %}
<div class="classroom-report">
  <div class="classroom-report--summary">
    <div class="classroom-report--student">
      <img ng-src="{{$ctrl.user.image || '/static/img/avatar-default.png' }}" alt="">
      <div class="classroom-report--student-name">
        <b>{{ $ctrl.user.name }}</b>
        <a ng-href="mailto:{{$ctrl.user.email}}">{{ $ctrl.user.email }}</a>
      </div>
    </div>
    <div>
      <div>Acessou <b>{{ $ctrl.user.accesses_count }}</b> vezes nos últimos 7 dias</div>
      <div ng-if="$ctrl.user.last_access">Último acesso em <b>{{ $ctrl.user.last_access }}</b></div>
    </div>
    <div>
      <button class="btn btn-primary" ng-class="{ 'btn-inverse': $ctrl.showDetails }" ng-click="$ctrl.toggleDetails()">
        {{ $ctrl.showDetails ? 'Ocultar detalhes' : 'Exibir detalhes' }}
        <i class="fa" ng-class="{ 'fa-chevron-up': $ctrl.showDetails, 'fa-chevron-down': !$ctrl.showDetails }" aria-hidden="true"></i>
      </button>
    </div>
  </div>
  <div class="classroom-report--details" ng-if="$ctrl.showDetails">
    <div>
      <h3 class="widget-title">Acessos</h3>
      <div class="classroom-report--table classroom-report--kv-table">
        <user-access-report user="$ctrl.user"></user-access-report>
      </div>

      <h3 class="widget-title">Fórum</h3>
      <div class="classroom-report--table classroom-report--kv-table">
        <dl>
          <dt>Tópicos criados:</dt>
          <dd><i class="fa fa-quote-left" aria-hidden="true"></i>{{ $ctrl.user.topics }}</dd>
        </dl>
        <dl>
          <dt>Reações:</dt>
          <dd><i class="fa fa-heart" aria-hidden="true"></i>{{ $ctrl.user.reactions }}</dd>
        </dl>
        <dl>
          <dt>Comentários:</dt>
          <dd><i class="fa fa-comment" aria-hidden="true"></i>{{ $ctrl.user.comments }}</dd>
        </dl>
      </div>

      <div class="classroom-report--table classroom-report--kv-table">
        <user-actions-report-list user="$ctrl.user"></user-actions-report-list>
      </div>
    </div>
    <div>
      <user-course-report-list user="$ctrl.user"></user-course-report-list>
    </div>
  </div>
</div>
{% endverbatim %}