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

<div *ngFor="let problem of problems" class="card">
  <div class="title">{{problem.title}}</div>
  <div class="details">{{problem.details}}</div>
  <button [routerLink]="['/arena', problem.id]" class="attempt">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>
