<div class="container-fluid flex-no-shrink fit-w">
  <div class="row">
    <div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3 p-t-24 p-l-16 p-r-16">
      <h3 translate class="text-medium l-h-base">Plugins</h3>
      <p class="lead text-normal" translate>
       Manage the application plugins.
      </p>
    </div>
  </div>
</div>
<div class="inner-scroll flex-grow">
  <c8y-app-plugins *ngIf="appId$ | async as appId" [appId]="appId"></c8y-app-plugins>
</div>
<div class="card-footer separator d-flex j-c-center">
  <button
    class="btn btn-default"
    type="button"
    data-cy="c8y-plugin-setup-stepper--cancel-button"
    *ngIf="stepper.selectedIndex !== 0"
    (click)="back()"
    translate
  >
    Previous
  </button>
  <button class="btn btn-primary" type="submit" data-cy="c8y-plugin-setup-stepper--continue-button" (click)="next()" translate>
    Continue
  </button>
</div>