<div class="right-panel">
  <div class="container">
    <div class="row">
      <div class="col-md-12 layer">
        <img class="image-completed" src="{{imagelink}}success_icon.png" alt="success">
        <p class="emp awesome">
          Awesome
        </p>
        <p class="emp your-have-completed">
          You have completed the review process
        </p>
        <div class="view-report">
          <button class="go-to-dashboard" (click)="gotoDashBoard()">Goto Dashboard</button>
        </div>
      </div>
    </div>
    <div class="row layer" [hidden]="hideFeedbackRating">
      <div class="col-md-2 score">
        <circle-progress [percent]="score" [outerStrokeColor]="getOuterStrokeColour(reviewScore)" [subtitle]="'SCORE'"></circle-progress>
      </div>
    </div>
    <div class="row" [hidden]="hideFeedbackRating">
      <div class="col-md-12 layer">
        <div>
          <p class="emp">Overall Feedback</p>
          <star-rating-comp [starType]="'svg'" [rating]="score/20" [disabled]="true">
          </star-rating-comp>
          <p class="emp">{{ overallComments }}</p>
          <hr>
        </div>
        <div *ngFor="let feedback of feedbackQuestions">
          <p class="emp">{{ feedback.question }}</p>
          <p class="emp" [ngClass]="[feedback.rating === 100 ? 'yes' : 'no']">{{ getRating(feedback.rating) }}</p>
          <p class="emp">{{ getAnswer(feedback.answer) }}</p>
          <hr>
        </div>
      </div>
    </div>
  </div>
</div>
