<h3>Help
  <span *ngIf="login.isLevel.dev" class="rb-ic rb-ic-edit clickable space-left" (click)="edit = true"></span>
</h3>

<div *ngIf="edit; else normalView">
  <rb-form-select label="level" [(ngModel)]="content.level">
    <option value="none">none</option>
    <option *ngFor="let level of login.levels" [value]="level">{{level}}</option>
  </rb-form-select>
  <rb-form-textarea label="text" [(ngModel)]="content.text"></rb-form-textarea>
  <rb-icon-button icon="save" mode="primary" (click)="saveHelp()">Save</rb-icon-button>
  <rb-icon-button icon="delete" mode="danger" (click)="deleteHelp()" class="delete-btn">Delete</rb-icon-button>
</div>

<ng-template #normalView>
  <p *ngIf="content.text; else defaultContent" class="content-text">
    {{content.text}}
  </p>
  <ng-template #defaultContent>
    <ng-container *ngIf="content.text === ''">
      Sadly, currently there is no help available for this page. Please contact
      <a [href]="'mailto:' + d.contact.mail">{{d.contact.name}}</a> for further questions.
    </ng-container>
  </ng-template>
</ng-template>
