<h3 class="fl-detail fl-margin-top-medium" i18n>DirectAdmin license</h3>
<ng-container *ngIf="data && data.service_resources; else noResources">
  <p class="fl-detail" i18n>IP address: {{serviceResources.ip_address | nullValue}}</p>
  <p class="fl-detail" i18n>License key: {{serviceResources.license_key | nullValue}}</p>
  <p class="fl-detail" i18n>Status: {{serviceResources.status | nullValue}}</p>
  <div layoutDirection="row" layoutAlign="default center">
    <p class="fl-detail" i18n>Operating system: {{serviceResources.os_display | nullValue}}</p>
    <mat-icon class="link-icon" (click)="changeOS()" [attr.fl-tooltip]="changeOSTooltip">edit</mat-icon>
  </div>
  <div layoutDirection="row" layoutAlign="default center">
    <p class="fl-detail" i18n>Name: {{serviceResources.name | nullValue}}</p>
    <mat-icon class="link-icon" (click)="changeName()" [attr.fl-tooltip]="changeNameTooltip">edit</mat-icon>
  </div>
</ng-container>
<ng-template #noResources>
  <p class="fl-detail" i18n>No DirectAdmin license data available.</p>
</ng-template>
