<h3>Termine</h3>
<div class="button" id="create-meeting" (click)="create()" *ngIf="hasSalesRights">Termin hinzufügen</div>
<form class="searchForm">
    <input type="text" name="search" class="search" (input)="searchFormSubmit($event)" placeholder="Termin suchen" />
    <button class="resetSearch" [hidden]="!resetSearchBtn"></button>
</form>
<div class="ag-grid-box">
    <ag-grid-angular
            style="width: 100%;height: 100%;"
            class="ag-theme-balham"
            [defaultColDef]="defaultColDef"
            [rowData]="rowData"
            [columnDefs]="columnDefs"
            [suppressCellSelection]="true"
            [animateRows]="true"
            [enableCellTextSelection]="true"
            (gridReady)="onGridReady($event)"
            (rowClicked)="rowClicked($event)"
    >
    </ag-grid-angular>
</div>

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

<app-modal [overlay]="true" #modalCustomerMeetingEdit>
    <div id="customer-meeting-modal">
        <app-customer-meeting-edit #customerMeetingEdit (createMeeting)="createCustomerMeetingFunction($event)"></app-customer-meeting-edit>
    </div>
</app-modal>
