import { Component, inject, OnInit } from '@angular/core';
import { STRINGS_INJECTOR } from '../../app.config';
import { UpperfirstPipe } from '../../pipes/upperfirst-pipe';
import { ContactSearchBar } from '../contact-search-bar/contact-search-bar';
import { ContactListTable } from '../contact-list-table/contact-list-table';
import { ContactService } from '../../services/contact.service';
import { AsyncPipe } from '@angular/common';
import { Counter } from '../counter/counter';
import { ContactsFilterPipe } from '../../pipes/contacts-filter-pipe';

@Component({
  selector: 'app-contact-list',
  imports: [
    AsyncPipe,
    UpperfirstPipe,
    ContactSearchBar,
    ContactListTable,
    Counter,
    ContactsFilterPipe,
  ],
  templateUrl: './contact-list.html',
  styleUrl: './contact-list.scss',
})
export class ContactList implements OnInit {
  private readonly contactService = inject(ContactService);
  protected readonly strings = inject(STRINGS_INJECTOR);
  protected contacts$ = this.contactService.contacts$;
  protected filter = '';

  ngOnInit(): void {
    this.contactService.getAll().subscribe();
  }
}