<div [hidden]="isEditMode">
    <h3>Ansprechpartner Detail</h3>
    <div class="grid">
        <div class="grid-item">
            <dl>
                <dt>Gesprächspartner:</dt>
                <dd><span *ngIf="operatorContact.gender == 'male'">Herr </span>
                    <span *ngIf="operatorContact.gender == 'female'">Frau </span>
                    <span *ngIf="operatorContact.gender == 'diverse'">Divers </span>{{operatorContact.firstname}} {{operatorContact.lastname}}</dd>
                <dt *ngIf="operatorContact.department">Abteilung:</dt>
                <dd *ngIf="operatorContact.department">{{operatorContact.department}}</dd>
                <dt *ngIf="operatorContact.email">E-Mail:</dt>
                <dd *ngIf="operatorContact.email"><a href="mailto:{{operatorContact.email}}">{{operatorContact.email}}</a></dd>
                <dt *ngIf="operatorContact.phone_no">Telefon:</dt>
                <dd *ngIf="operatorContact.phone_no"><a href="tel:{{operatorContact.phone_no}}">{{operatorContact.phone_no}}</a></dd>
                <dt *ngIf="operatorContact.mobile_no">Mobil:</dt>
                <dd *ngIf="operatorContact.mobile_no"><a href="tel:{{operatorContact.mobile_no}}">{{operatorContact.mobile_no}}</a></dd>
                <dt *ngIf="operatorContact.fax_no">Fax:</dt>
                <dd *ngIf="operatorContact.fax_no">{{operatorContact.fax_no}}</dd>
                <dt>Adresse:</dt>
                <dd>{{operatorContact.street}} {{operatorContact.street_no}}<br />
                    {{operatorContact.zip}} {{operatorContact.city}}
                    <ng-container *ngIf="operatorContact.country_id != null"><br />{{config.vc_countries_by_id[operatorContact.country_id]['name']}}</ng-container></dd>
                <dt *ngIf="operatorContact.comment">Notiz:</dt>
                <dd class="pre-wrap" *ngIf="operatorContact.comment">{{operatorContact.comment}}</dd>
                <dt>Markiert für Weihnachtspost:</dt>
                <dd>
                    <span *ngIf="operatorContact.is_xmas_mail_recipient">Ja</span>
                    <span *ngIf="!operatorContact.is_xmas_mail_recipient">Nein</span>
                </dd>
            </dl>
        </div>
    </div>
    <div class="form" *ngIf="hasEditRights">
        <div class="row row--last">
            <div class="column button-row">
                <span class="button-row--link" (click)="operatorShortcut()">Zum Betreiberprofil</span>
                <div class="button button--inline" (click)="editEntry()">Eintrag bearbeiten</div>
                <div class="button button--inline" (click)="deleteEntry()">Eintrag löschen</div>
            </div>
        </div>
    </div>
</div>
<div [hidden]="!isEditMode">
    <div id="operator-contact-person-edit-modal">
        <app-operator-contact-person-edit #operatorContactEdit (editOperatorContact)="editOperatorContactFunction($event)"></app-operator-contact-person-edit>
    </div>
</div>