<div class="content">
    <h1>Start</h1>
    <div class="button" id="create-meeting-internal" (click)="openCreateMeeting()">Internen Termin anlegen</div>

    <app-tabs #tabsStart>
        <app-tab tabTitle="Termin-Kalender" [tabIndex]="0">
            <app-meeting-calendar #meetingCalendar
              (editCustomerMeeting)="rowClickedCustomerMeeting($event)"
              (editOperatorMeeting)="rowClickedOperatorMeeting($event)"
              (editInternalMeeting)="rowClickedInternalMeeting($event)"
              (editProductionMeeting)="rowClickedProductionMeeting($event)"
              (editServiceMeeting)="rowClickedServiceMeeting($event)">
            </app-meeting-calendar>
        </app-tab>
        <app-tab tabTitle="Termin-Liste" [tabIndex]="1">
            <app-meeting-list #meetingList
                (editCustomerMeeting)="rowClickedCustomerMeeting($event)"
                (editOperatorMeeting)="rowClickedOperatorMeeting($event)"
                (editInternalMeeting)="rowClickedInternalMeeting($event)"
                (editProductionMeeting)="rowClickedProductionMeeting($event)"
                (editServiceMeeting)="rowClickedServiceMeeting($event)">
            </app-meeting-list>
        </app-tab>
    </app-tabs>
</div>

<app-modal [overlay]="true" #modalCustomerMeetingDetailStart>
    <app-customer-meeting-detail #customerMeetingDetailStart
     (editMeeting)="editCustomerMeetingFunction($event)"
     (deleteMeeting)="deleteCustomerMeetingFunction($event)"
     (editMeetingReport)="editCustomerMeetingReportFunction($event)">
    </app-customer-meeting-detail>
</app-modal>

<app-modal [overlay]="true" #modalOperatorMeetingDetailStart>
    <app-operator-meeting-detail #operatorMeetingDetailStart
     (editMeeting)="editOperatorMeetingFunction($event)"
     (deleteMeeting)="deleteOperatorMeetingFunction($event)"
     (editMeetingReport)="editOperatorMeetingReportFunction($event)">
    </app-operator-meeting-detail>
</app-modal>

<app-modal [overlay]="true" #modalInternalMeetingDetailStart>
    <app-internal-meeting-detail #internalMeetingDetailStart
     (editMeeting)="editInternalMeetingFunction($event)"
     (deleteMeeting)="deleteInternalMeetingFunction($event)"
     (editMeetingReport)="editInternalMeetingReportFunction($event)">
    </app-internal-meeting-detail>
</app-modal>

<app-modal [overlay]="true" #modalProductionMeetingDetailStart>
    <app-production-meeting-detail #productionMeetingDetailStart
     (editMeeting)="editProductionMeetingFunction($event)"
     (deleteMeeting)="deleteProductionMeetingFunction($event)"
     (editMeetingReport)="editProductionMeetingReportFunction($event)">
    </app-production-meeting-detail>
</app-modal>

<app-modal [overlay]="true" #modalServiceMeetingDetailStart>
    <app-service-meeting-detail #serviceMeetingDetailStart
     (editMeeting)="editServiceMeetingFunction($event)"
     (deleteMeeting)="deleteServiceMeetingFunction($event)"
     (editMeetingReport)="editServiceMeetingReportFunction($event)">
    </app-service-meeting-detail>
</app-modal>

<app-modal [overlay]="true" #modalInternalMeetingEdit>
    <div id="internal-meeting-modal">
        <app-internal-meeting-edit #internalMeetingEdit
           (createMeeting)="createMeetingInternal($event)">
        </app-internal-meeting-edit>
    </div>
</app-modal>
