<div *ngIf="loader; else notLoader">
  <img class="loading-img" src="{{imagelink + 'Blocks.gif'}}">
</div>

<ng-template #notLoader>
  <div>
    <div>
      <app-bny-usecase [ucDescp]="ucDescp" [useCase]="useCase"></app-bny-usecase>
    </div>

    <div class="row">
      <div class="col-md-12 panel-align">
        <p class="emp please-use-the-below">
          Please use the below link to review the code.
        </p>
        <p class="emp make-sure-to-come-ba">
          Make sure to come back here to complete the reviewing process.
        </p>
      </div>
    </div>
    <div class="row git-panel">
      <div class="col-md-1">
        <img src="{{imagelink}}stepper.png" alt="stepper">
      </div>
      <div class="col-md-11">
        <div>
          <div class="code-review-link">
            Code review link
          </div>
          <div class="col-md-12">
              <p class="emp code-review-url">
                {{gitUrl}}
              </p>
            </div>
          <p class="code-review-link">
            Git Hub Credential and artifacts
          </p>
          <div class="col-md-6 git-hub-credential">
            <table class="table table-bordered emp">
              <tbody>
                <tr>
                  <td class="key">Username</td>
                  <td class="value">{{gitUserName}}</td>
                </tr>
                <tr>
                  <td class="key">Password</td>
                  <td class="value">{{gitPassword}}</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="col-md-12">
           <!-- <p class="emp git-url">
              {{gitUrl}}
            </p>-->
          </div>

          <div class="col-md-3">
            <div class="emp code-quality-report">
              <p>Code quality report</p>
            </div>
            <div class="view-report">
              <button class="view-report-button" (click)="getSonarReport()">View Report</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-12 complete">
      <button class="complete-button" (click)="onComplete('Feedback')">COMPLETE</button>
    </div>
  </div>
</ng-template>
