import { Component, inject } from '@angular/core';
import { Card } from '../../components/card/card';
import { ContactForm } from '../../components/contact-form/contact-form';
import { ContactList } from '../../components/contact-list/contact-list';
import { ContactService } from '../../services/contact.service';
import { ContactDTO } from '../../models/ContactDTO';
import { FormHeader } from '../../components/form-header/form-header';
import { UpperfirstPipe } from '../../pipes/upperfirst-pipe';
import { MainHeader } from '../../components/main-header/main-header';
import { FormGroupContact } from '../../utils/form-group-contact';
import { LanguageManager } from '../../services/language-manager';

@Component({
  selector: 'app-main',
  imports: [Card, ContactForm, ContactList, FormHeader, MainHeader, UpperfirstPipe],
  templateUrl: './main.html',
  styleUrl: './main.scss',
})
export class Main {
  protected readonly form = new FormGroupContact();
  protected readonly languageManager = inject(LanguageManager);
  private readonly contactService = inject(ContactService);

  save(contactDTO: ContactDTO) {
    this.contactService.save(contactDTO).subscribe({
      next: () => this.form.reset(),
    });
  }
}