<div class="body-bg"></div>
<div class="player-border">
  <div class="player-picture-group">
    <div class="group g1" [style.height]="_HEIGHT">
      <div [ngClass]="{'group-box': true}"
          (click)="selectGroup(0, $event)">
        <div class="group-label">{{data.contentObj.groups[0] ? data.contentObj.groups[0].name : ''}}</div>
        <div class="row" style="margin: 0 3vh;">
          <div col-sm [style.width]="_WIDTH" class="item-box"
              *ngFor="let item of result[0]; let i = index">
            <div class="item">
              <div *ngIf="item.showText" class="display-item">{{item.text}}</div>
              <div *ngIf="item.showPic" class="display-item">
                <img [src]="item.pic_id" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="group g2" [style.height]="_HEIGHT">
      <div [ngClass]="{'group-box': true}"
          (click)="selectGroup(1, $event)">
        <div class="group-label">{{data.contentObj.groups[1] ? data.contentObj.groups[1].name : ''}}</div>
        <div class="row" style="margin: 0 3vh;">
          <div col-sm [style.width]="_WIDTH" class="item-box"
              *ngFor="let item of result[1]; let i = index">
            <div class="item">
              <div *ngIf="item.showText" class="display-item">{{item.text}}</div>
              <div *ngIf="item.showPic" class="display-item">
                <img [src]="item.pic_id" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="pics container" #itemsContainer>
      <div class="row" >
        <ng-container>

          <div col-sm [style.width]="_WIDTH" class="item-box"
              *ngFor="let item of options; let i = index">
            <div class="item" (click)="selectItem(item, $event)">
              <div *ngIf="item.showText" class="display-item">{{item.text}}</div>
              <div *ngIf="item.showPic" class="display-item">
                <img [src]="item.pic_id" alt="">
              </div>
            </div>
          </div>
        </ng-container>
      </div>
    </div>
  </div>
</div>
