<h2>{{production.name}}</h2>
<app-tabs #tabsProductionView>
    <app-tab tabTitle="Produzentendaten" [tabIndex]="0">
        <div class="scollable">
            <app-production-data-view #productionDataView (editProduction)="editProductionFunction($event)"></app-production-data-view>
        </div>
    </app-tab>
    <app-tab tabTitle="Ansprechpartner" [tabIndex]="1">
        <div class="scollable">
            <app-production-contact-person-view #productionContactPersonView
                                              (createProductionContact)="createProductionContactFunction($event)"
                                              (editProductionContact)="editProductionContactFunction($event)"
                                              (deleteProductionContact)="deleteProductionContactFunction($event)"
                                              (shortcut)="shortcutFunction($event)"></app-production-contact-person-view>
        </div>
    </app-tab>
    <app-tab tabTitle="Termine" [tabIndex]="2">
        <div class="scollable">
            <app-production-meeting-view #productionMeetingView (createMeeting)="createProductionMeetingFunction($event)"
                                       (editMeeting)="editProductionMeetingFunction($event)"
                                       (deleteMeeting)="deleteProductionMeetingFunction($event)"
                                       (editMeetingReport)="editProductionMeetingReportFunction($event)"></app-production-meeting-view>
        </div>
    </app-tab>
    <app-tab tabTitle="Notizen" [tabIndex]="3">
        <div class="scollable">
            <app-production-note-view #productionNoteView (createNote)="createProductionNoteFunction($event)"
                                       (editNote)="editProductionNoteFunction($event)"
                                       (deleteNote)="deleteProductionNoteFunction($event)"></app-production-note-view>
        </div>
    </app-tab>
</app-tabs>
