<div class="card">
  <div class="card-title">
    <div class="avatar" [style.background-color]="innovationType === enumInnovationType.idea ? '#50E3C2' : '#00CCFF'">
      {{ innovationType?.toUpperCase() }}
    </div>
    <div>
      <h4 [title]='title'>{{title}}</h4>
      <h5>{{category}}</h5>
    </div>
  </div>
  <div class="card-content">
    <p [title]='description'>{{description}}</p>
  </div>
  <div class="card-content-footer">
    <div class="people">
     <!--  <img src="assets\img\employee\shared\user.png" width="29" height="29">
      <img src="assets\img\employee\shared\user.png" width="29" height="29">
      <img src="assets\img\employee\shared\user.png" width="29" height="29"> -->
    </div>
    <div class="status">
      <app-innovation-status [status]="status"></app-innovation-status>
    </div>
  </div>
  <hr>
  <div class="card-footer">
    <app-coach-assigned [fullName]="reviewerName" [profileImg]="profileImg"></app-coach-assigned>
  </div>
</div>
