<form #stepForm="ngForm" name="form" class="d-contents">
  <div class="container-fluid flex-no-shrink fit-w">
    <div class="row separator-bottom">
      <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" data-cy="c8y-cockpit-setup-step4--step4-header-title">Home dashboard</h3>
        <p class="lead text-normal" translate>
          The homepage of this application. By default, it is a customizable dashboard displaying
          the most important alarms and shortcuts to frequently used features.
        </p>
      </div>
    </div>
  </div>
  <div class="inner-scroll flex-grow">
    <div class="container-fluid fit-w">
      <div class="row">
        <div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
          <c8y-home-dashboard-config [config]="config"></c8y-home-dashboard-config>
        </div>
      </div>
    </div>
  </div>
  <c8y-cockpit-setup-stepper-buttons
    [index]="stepper.selectedIndex"
    (onNext)="next()"
    (onBack)="back()"
  ></c8y-cockpit-setup-stepper-buttons>
</form>