<div id="count">{{problems.length}} problems available!</div>

<div class="card" *ngFor="let problem of problems">
  <div class="title">{{problem.title}}</div>
  <div class="details">{{problem.details}}</div>
  <button class="attempt" [routerLink]="['/arena', problem.id]">Attempt</button>
  <span class="stats"><span *ngIf="problem.n_attempts != 0">{{problem.n_correct}} accepted out of
      {{problem.n_attempts}}
      ({{problem.n_correct / problem.n_attempts * 100}}%)</span><span *ngIf="problem.n_attempts === 0">No attempt
      yet</span></span>
</div>
