import { FormControl } from '@angular/forms';
import { AfterViewInit, Component, EventEmitter, HostListener, Input, NgZone, Output, ViewChild } from '@angular/core';
import { Observable, Subscription } from 'rxjs';

@Component({
    selector: 'account-lookup',
    templateUrl: './account-lookup.component.html',
    styleUrls: ['./account-lookup.component.less'],
})
export class AccountLookupComponent {
    constructor(private ngZone: NgZone) {
    }

    @Input()
    public placeholder: string = 'Find Customers';
    @Input()
    public appendAddressLookup: boolean = false;
    @Input()
    public useCompactResults: boolean = true;
    @Input()
    public filterCurrentAccount: boolean = false;
    @Input()
    public useAccountIdSearch: boolean = true;

    @Output()
    public searchCompleted = new EventEmitter();
    @Output()
    public accountSelected = new EventEmitter();

    public readonly DEFAULT_LOCATION_PLACEHOLDER: string = 'Find Locations';

    public searchTermInput: FormControl;
    public locationSearchPlaceholder: string = this.DEFAULT_LOCATION_PLACEHOLDER;

}