@if (config.isSecureContext()) {
  <!-- Secure context -->
  <div tuiCardLarge class="card">
    <img alt="StartOS Icon" class="logo" src="assets/img/icon.png" />
    <h1 class="header">{{ 'Login to StartOS' | i18n }}</h1>
    <form (submit)="submit()">
      <tui-textfield iconStart="@tui.key">
        <label tuiLabel>{{ 'Password' | i18n }}</label>
        <input
          tuiAutoFocus
          tuiInput
          type="password"
          [ngModelOptions]="{ standalone: true }"
          [(ngModel)]="password"
          (ngModelChange)="error = null"
        />
        <tui-icon tuiPassword />
      </tui-textfield>
      <tui-error class="error" [error]="error || null" />
      <button tuiButton class="button">{{ 'Login' | i18n }}</button>
    </form>
  </div>
} @else {
  <!-- Insecure context -->
  <ca-wizard />
}