<div class="alert-grey">
  Pytanie za {{question.points}}pkt. <br /><span *ngIf="timeLeft > 0">Czas: {{ timeLeft }} sek. </span><span *ngIf="question.time === 0">Czas: bez limitu</span>
  <div class="pytanie">{{question.question}} </div>
  <div class="puzzles-container one">
    <div class='puzzle' *ngFor="let item of leftSides; let i = index" (click)="leftSideClick(item,i)" [ngClass]="{'active': (selectedLeftSide.leftSideText === item && selectedLeftSide.indexOfLeftSide === i && selectedLeftSide.from === 'leftSides'), 'empty': (item === undefined || item === '')}">
      <span>{{item}}</span>
    </div>
  </div>
  <div class="puzzles-container two">
    <div *ngFor="let item of leftSidesToSend; let i = index" class="both-sides">
      <div class='puzzle odp' (click)="leftSideToSendClick(item,i)" [ngClass]="{'active': (selectedLeftSide.leftSideText === item && selectedLeftSide.indexOfLeftSide === i && selectedLeftSide.from === 'leftSidesToSend')}">
        <span>{{item}}</span>
      </div>
      <div class='puzzle-right odp'>
        <span>{{rightSides[i]}}</span>
      </div>
    </div>

  </div>
  <br />
  <div style="clear: both;"></div>
</div>

  <button class="btn btn-study-cave" (click)="nextQuestion()" s><i class="fas fa-arrow-right"></i> Dalej</button>

