<ng-template vdrDialogTitle>
    <span *ngIf="zone.id">{{ 'settings.update-zone' | translate }}</span>
    <span *ngIf="!zone.id">{{ 'settings.create-zone' | translate }}</span>
</ng-template>

<vdr-form-field [label]="'common.name' | translate" for="name">
    <input id="name" type="text" [(ngModel)]="zone.name" [readonly]="!('UpdateSettings' | hasPermission)" />
</vdr-form-field>

<ng-template vdrDialogButtons>
    <button type="button" class="btn" (click)="cancel()">{{ 'common.cancel' | translate }}</button>
    <button type="submit" (click)="save()" [disabled]="!zone.name" class="btn btn-primary">
        <span *ngIf="zone.id">{{ 'settings.update-zone' | translate }}</span>
        <span *ngIf="!zone.id">{{ 'settings.create-zone' | translate }}</span>
    </button>
</ng-template>
