
<app-employee-search-bar title="What would you like to specialize in?"></app-employee-search-bar>
<div class="row capability-categories">
  <app-slider [valueStep]='300'>
    <div *ngFor="let tile of tiles; let tileIndex = index;" class='categories-container'>
      <div class="row">
        <h3>{{tile.title}}</h3>
      </div>
      <div class="row tiles-container">
        <mat-grid-list cols="1" rowHeight="53px" gutterSize="0px">
          <mat-grid-tile *ngFor="let area of tile.categories; let catIndex = index;" (click)="selectCategory(tileIndex, catIndex)">
            <div class="col-md-10 tile-title">{{area.title}}</div>
            <div *ngIf="area.selected"  class="col-md-1 tile-selected-container"><img src="{{checkImg}}" alt=""></div>
            <div class="col-md-1"></div>
          </mat-grid-tile>
        </mat-grid-list>
      </div>
    </div>
  </app-slider>
</div>
