<h3>Produzentendaten</h3>
<div class="grid">
    <div class="grid-item">
        <dl>
            <dt>Status:</dt>
            <dd><span *ngIf="production.active">Aktiv</span><span *ngIf="!production.active">Inaktiv</span></dd>
            <dt>Firma:</dt>
            <dd>{{production.name}}<ng-container *ngIf="production.old_plp_id != null"> ({{production.old_plp_id}})</ng-container></dd>
            <dt *ngIf="production.name_additional">Zusatz:</dt>
            <dd *ngIf="production.name_additional">{{production.name_additional}}</dd>
            <dt>Adresse:</dt>
            <dd>{{production.street}} {{production.street_no}}<br />
                {{production.zip}} {{production.city}}
                <ng-container *ngIf="production.country_id"><br />{{config.vc_countries_by_id[production.country_id]['name']}}</ng-container></dd>
            <dt *ngIf="checkedUrl">Internetadresse:</dt>
            <dd *ngIf="checkedUrl"><a href="{{checkedUrl}}" target="_blank">{{checkedUrl}}</a></dd>
            <dt *ngIf="production.email">E-Mail:</dt>
            <dd *ngIf="production.email"><a href="mailto:{{production.email}}">{{production.email}}</a></dd>
            <dt *ngIf="production.phone_no">Telefon:</dt>
            <dd *ngIf="production.phone_no"><a href="tel:{{production.phone_no}}">{{production.phone_no}}</a></dd>
            <dt *ngIf="production.mobile_no">Mobil:</dt>
            <dd *ngIf="production.mobile_no"><a href="tel:{{production.mobile_no}}">{{production.mobile_no}}</a></dd>
            <dt *ngIf="production.fax_no">Fax:</dt>
            <dd *ngIf="production.fax_no">{{production.fax_no}}</dd>
            <dt *ngIf="production.comment">Bemerkung:</dt>
            <dd class="pre-wrap" *ngIf="production.comment">{{production.comment}}</dd>
        </dl>
    </div>
    <div class="grid-item">
        <div class="button button--inline right" (click)="edit()" *ngIf="hasEditRights">bearbeiten</div>
    </div>
</div>

<app-modal [overlay]="true" #modalProductionDataEdit>
    <div id="production-data-edit-modal">
        <app-production-data-edit #productionDataEdit (editProduction)="editProductionFunction($event)"></app-production-data-edit>
    </div>
</app-modal>
